@extends('layouts.app')
@section('title', 'Penelusuran Transaksi')

@section('content')
@php
    $dasar = request()->only(['q', 'tipe', 'perumahan_id']);
    $tautan = fn ($p) => route('penelusuran', $dasar + ['penjualan' => $p->id]);
@endphp

<div class="card mb-3">
    <div class="card-body">
        <form method="GET" action="{{ route('penelusuran') }}" class="row g-2 align-items-end">
            <div class="col-md-2">
                <label class="form-label small">Telusuri berdasarkan</label>
                <select name="tipe" class="form-select">
                    @foreach(\App\Http\Controllers\PenelusuranController::TIPE as $k => $v)
                        <option value="{{ $k }}" @selected($tipe === $k)>{{ $v }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-5">
                <label class="form-label small">Kata kunci</label>
                <input type="search" name="q" value="{{ $q }}" class="form-control" autofocus
                       placeholder="Kode verifikasi, no. transaksi, nama / NIK / telepon pembeli, atau unit (mis. A-12)">
            </div>
            <div class="col-md-3">
                <label class="form-label small">Perumahan</label>
                <select name="perumahan_id" class="form-select">
                    <option value="">Semua Perumahan</option>
                    @foreach($perumahan as $id => $nama)
                        <option value="{{ $id }}" @selected($perumahanId == $id)>{{ $nama }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2 d-grid">
                <button class="btn btn-primary"><i class="bi bi-search"></i> Telusuri</button>
            </div>
        </form>
        <div class="small text-muted mt-2">
            Contoh: <code>XXXX-XXXX-XXXX</code> (kode di bukti) · <code>PJ-2026</code> (no. transaksi) · <code>Budi</code> · <code>3201…</code> (NIK) · <code>0812…</code> (telepon) ·
            <code>A-12</code> / <code>Blok B No. 3</code> (unit) — pilih perumahan untuk mempersempit pencarian unit.
        </div>
    </div>
</div>

@if($dicari && $hasil->isEmpty())
    <div class="alert alert-warning"><i class="bi bi-search"></i> Tidak ada transaksi yang cocok dengan pencarian ini.</div>
@endif

@if($hasil->count() > 1)
    <div class="card mb-3">
        <div class="card-header bg-white fw-semibold">Hasil Pencarian <span class="badge text-bg-secondary">{{ $hasil->count() }}</span>
            @if($hasil->count() >= 100)<small class="text-muted fw-normal">— ditampilkan 100 teratas, persempit kata kunci</small>@endif
        </div>
        <div class="table-responsive">
            <table class="table table-hover table-sm mb-0 align-middle">
                <thead class="table-light"><tr><th class="ps-3">No. Transaksi</th><th>Tanggal</th><th>Pembeli</th><th>Unit</th><th>Metode</th><th class="text-end">Total</th><th class="text-end">Terbayar</th><th>Status</th><th></th></tr></thead>
                <tbody>
                @foreach($hasil as $p)
                    <tr @class(['table-primary' => $terpilih?->id === $p->id])>
                        <td class="ps-3 fw-semibold">{{ $p->kode }}</td>
                        <td class="text-nowrap">{{ tgl($p->tanggal) }}</td>
                        <td>{{ $p->pembeli->nama }}<br><small class="text-muted">NIK {{ $p->pembeli->nik }}</small></td>
                        <td>{{ $p->unit->perumahan->nama }}<br><small class="text-muted">{{ $p->unit->label }}</small></td>
                        <td>{{ \App\Models\Penjualan::METODE[$p->metode] }}</td>
                        <td class="text-end text-nowrap">{{ rupiah($p->total) }}</td>
                        <td class="text-end text-nowrap">{{ rupiah($p->terbayar_sum) }}</td>
                        <td><span class="badge text-bg-{{ $p->badge }}">{{ \App\Models\Penjualan::STATUS[$p->status] }}</span></td>
                        <td class="pe-3"><a href="{{ $tautan($p) }}" class="btn btn-sm btn-outline-primary text-nowrap"><i class="bi bi-clock-history"></i> Riwayat</a></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endif

@if($terpilih)
    @php
        $pj = $terpilih;
        $tot = [
            'bayar' => $riwayat->sum('bayar'), 'denda' => $riwayat->sum('denda'),
            'masuk' => $riwayat->sum('dep_masuk'), 'keluar' => $riwayat->sum('dep_keluar'),
        ];
    @endphp
    <div class="card mb-3" id="riwayat">
        <div class="card-header bg-white d-flex flex-wrap gap-2 justify-content-between align-items-center">
            <div>
                <span class="fw-semibold"><i class="bi bi-clock-history"></i> Riwayat Transaksi {{ $pj->kode }}</span>
                <span class="badge text-bg-{{ $pj->badge }}">{{ \App\Models\Penjualan::STATUS[$pj->status] }}</span>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('penjualan.show', $pj) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i> Detail Penjualan</a>
                <a href="{{ route('penelusuran.cetak', $pj) }}" target="_blank" class="btn btn-sm btn-danger"><i class="bi bi-file-earmark-pdf"></i> Cetak Riwayat</a>
            </div>
        </div>
        <div class="card-body">
            <div class="row g-3 mb-3">
                <div class="col-md-6">
                    <div class="border rounded p-2 h-100">
                        <div class="small text-muted"><i class="bi bi-person"></i> Pembeli</div>
                        <div class="fw-semibold">{{ $pj->pembeli->nama }}</div>
                        <div class="small">NIK {{ $pj->pembeli->nik }} · {{ $pj->pembeli->telepon }}@if($pj->pembeli->email) · {{ $pj->pembeli->email }}@endif</div>
                        <div class="small text-muted">{{ $pj->pembeli->alamat }}</div>
                        <a href="{{ route('penelusuran', ['tipe' => 'pembeli', 'q' => $pj->pembeli->nik]) }}" class="small">Semua transaksi pembeli ini →</a>
                        @if($pj->takeOver()->exists())
                            <div class="small mt-2 pt-2 border-top"><span class="text-muted"><i class="bi bi-people"></i> Riwayat pemilik:</span>
                                @foreach($pj->riwayatPemilik() as $r)
                                    <div>{{ $loop->iteration }}. <a href="{{ route('penelusuran', ['tipe' => 'pembeli', 'q' => $r->pembeli->nik]) }}">{{ $r->pembeli->nama }}</a>
                                        <span class="text-muted">{{ tgl($r->dari) }} – {{ $r->sampai ? tgl($r->sampai) : 'sekarang' }}</span></div>
                                @endforeach
                            </div>
                        @endif
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="border rounded p-2 h-100">
                        <div class="small text-muted"><i class="bi bi-house-door"></i> Unit</div>
                        <div class="fw-semibold">{{ $pj->unit->perumahan->nama }} — {{ $pj->unit->label }}</div>
                        <div class="small">{{ $pj->unit->tipe }} · LT {{ $pj->unit->luas_tanah }} m² / LB {{ $pj->unit->luas_bangunan }} m²</div>
                        <div class="small text-muted">{{ $pj->unit->perumahan->alamat }}, {{ $pj->unit->perumahan->kota }}</div>
                        <a href="{{ route('penelusuran', ['tipe' => 'unit', 'q' => $pj->unit->blok.'-'.$pj->unit->nomor, 'perumahan_id' => $pj->unit->perumahan_id]) }}" class="small">Semua transaksi unit ini →</a>
                    </div>
                </div>
            </div>

            <div class="row g-2 mb-3 text-center">
                @foreach([
                    ['Total Harga', $pj->total, 'dark'],
                    ['Terbayar', $tot['bayar'], 'success'],
                    ['Sisa Tagihan', max(0, $pj->total - $tot['bayar']), 'danger'],
                    ['Denda Dibayar', $tot['denda'], 'warning'],
                    ['Saldo Deposit', $tot['masuk'] - $tot['keluar'], 'info'],
                ] as [$label, $nilai, $warna])
                    <div class="col"><div class="border rounded py-2 bg-{{ $warna }}-subtle">
                        <div class="small text-muted">{{ $label }}</div><div class="fw-semibold text-{{ $warna }}-emphasis">{{ rupiah($nilai) }}</div>
                    </div></div>
                @endforeach
            </div>

            @if($sorot)
                <div class="alert alert-info py-2 small mb-2"><i class="bi bi-patch-check"></i>
                    Kode verifikasi <span class="font-monospace fw-semibold">{{ implode('-', str_split($sorot, 4)) }}</span> ditemukan — baris yang ditandai di bawah.</div>
            @endif
        </div>
        <div class="table-responsive">
            <table class="table table-sm mb-0 align-middle">
                <thead class="table-light"><tr>
                    <th class="ps-3">Tanggal</th><th>Kode Verifikasi</th><th>No. Bukti</th><th>Jenis</th><th>Keterangan</th>
                    <th class="text-end">Tagihan</th><th class="text-end">Bayar</th><th class="text-end">Sisa Tagihan</th>
                    <th class="text-end">Denda</th><th class="text-end">Deposit ±</th><th class="text-end">Saldo Deposit</th><th></th>
                </tr></thead>
                <tbody>
                @foreach($riwayat as $r)
                    <tr @class(['table-warning fw-semibold' => $sorot && $r->kode === $sorot])>
                        <td class="ps-3 text-nowrap">{{ tgl($r->tanggal) }}</td>
                        <td class="font-monospace small text-nowrap">{{ $r->kode_format }}</td>
                        <td class="text-nowrap">{{ $r->nomor }}</td>
                        <td><span class="badge text-bg-{{ $r->warna }}">{{ $r->jenis }}</span></td>
                        <td class="small">{{ $r->uraian }}</td>
                        <td class="text-end text-nowrap">{{ $r->tagihan ? rupiah($r->tagihan) : '' }}</td>
                        <td class="text-end text-nowrap text-success">{{ $r->bayar ? rupiah($r->bayar) : '' }}</td>
                        <td class="text-end text-nowrap">{{ rupiah(max(0, $r->sisa)) }}</td>
                        <td class="text-end text-nowrap text-warning-emphasis">{{ $r->denda ? rupiah($r->denda) : '' }}</td>
                        <td class="text-end text-nowrap">
                            @if($r->dep_masuk)<span class="text-primary">+{{ rupiah($r->dep_masuk) }}</span>@endif
                            @if($r->dep_keluar)<span class="text-danger">−{{ rupiah($r->dep_keluar) }}</span>@endif
                        </td>
                        <td class="text-end text-nowrap">{{ rupiah($r->saldo) }}</td>
                        <td class="pe-3"><a href="{{ $r->pdf }}" target="_blank" class="btn btn-sm btn-outline-secondary" title="Cetak ulang bukti"><i class="bi bi-file-earmark-pdf"></i></a></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

    @if($terkait['pembeli']->isNotEmpty() || $terkait['unit']->isNotEmpty())
        <div class="row g-3">
            @foreach([['pembeli', 'Transaksi Lain Pembeli Ini', 'bi-person'], ['unit', 'Riwayat Transaksi Unit Ini', 'bi-house-door']] as [$k, $judul, $icon])
                @if($terkait[$k]->isNotEmpty())
                    <div class="col-md-6">
                        <div class="card h-100">
                            <div class="card-header bg-white fw-semibold"><i class="bi {{ $icon }}"></i> {{ $judul }}</div>
                            <ul class="list-group list-group-flush">
                                @foreach($terkait[$k] as $p)
                                    <a href="{{ route('penelusuran', ['penjualan' => $p->id]) }}" class="list-group-item list-group-item-action">
                                        <div class="d-flex justify-content-between">
                                            <strong>{{ $p->kode }}</strong>
                                            <span class="badge text-bg-{{ $p->badge }}">{{ \App\Models\Penjualan::STATUS[$p->status] }}</span>
                                        </div>
                                        <small class="text-muted">{{ tgl($p->tanggal) }} · {{ $k === 'pembeli' ? $p->unit->perumahan->nama.' '.$p->unit->label : $p->pembeli->nama }} · {{ rupiah($p->total) }}</small>
                                    </a>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                @endif
            @endforeach
        </div>
    @endif
@endif
@endsection