@extends('layouts.app')
@section('title', 'Detail Pembeli')

@section('content')
<div class="row g-3">
    <div class="col-lg-4">
        <div class="card">
            <div class="card-body">
                <h2 class="h5">{{ $pembeli->nama }}</h2>
                <dl class="mb-0">
                    <dt>NIK</dt><dd><code>{{ $pembeli->nik }}</code></dd>
                    <dt>Telepon</dt><dd>{{ $pembeli->telepon }}</dd>
                    <dt>Email</dt><dd>{{ $pembeli->email ?: '-' }}</dd>
                    <dt>Pekerjaan</dt><dd>{{ $pembeli->pekerjaan ?: '-' }}</dd>
                    <dt>Alamat</dt><dd>{{ $pembeli->alamat }}</dd>
                </dl>
            </div>
            <div class="card-footer bg-white">
                <a href="{{ route('pembeli.edit', $pembeli) }}" class="btn btn-outline-warning btn-sm"><i class="bi bi-pencil"></i> Edit</a>
            </div>
        </div>

        @include('pembeli._dokumen')

        @if(auth()->user()->peran('admin', 'kasir'))
            @php $akun = $pembeli->akun; @endphp
            <div class="card mt-3">
                <div class="card-header bg-white fw-semibold d-flex justify-content-between align-items-center">
                    <span><i class="bi bi-person-badge"></i> Akun Portal Pembeli</span>
                    <span class="badge text-bg-{{ $akun ? 'success' : 'secondary' }}">{{ $akun ? 'Aktif' : 'Belum ada' }}</span>
                </div>
                <div class="card-body">
                    <p class="small text-muted mb-2">
                        Pembeli login di <a href="{{ route('portal.login') }}" target="_blank">{{ route('portal.login') }}</a>
                        memakai <strong>NIK {{ $pembeli->nik }}</strong> untuk melihat aset, saldo deposit &amp; verifikasi bukti transaksi.
                    </p>
                    <form method="POST" action="{{ route('pembeli.akun', $pembeli) }}">
                        @csrf
                        <div class="row g-2">
                            <div class="col-6">
                                <input type="password" name="password" class="form-control form-control-sm @error('password') is-invalid @enderror" placeholder="{{ $akun ? 'Password baru' : 'Password' }}" minlength="8" required autocomplete="new-password">
                            </div>
                            <div class="col-6">
                                <input type="password" name="password_confirmation" class="form-control form-control-sm" placeholder="Ulangi password" minlength="8" required autocomplete="new-password">
                            </div>
                            @error('password')<div class="col-12 small text-danger">{{ $message }}</div>@enderror
                        </div>
                        <button class="btn btn-sm btn-primary w-100 mt-2"><i class="bi bi-key"></i> {{ $akun ? 'Atur Ulang Password' : 'Buat Akun Portal' }}</button>
                    </form>
                    @if($akun)
                        <form method="POST" action="{{ route('pembeli.akun.hapus', $pembeli) }}" class="mt-2" data-confirm="Cabut akses portal {{ $pembeli->nama }}?">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger w-100"><i class="bi bi-person-x"></i> Cabut Akses Portal</button>
                        </form>
                    @endif
                </div>
            </div>
        @endif
    </div>
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header bg-white fw-semibold">Riwayat Pembelian</div>
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead class="table-light"><tr><th>Kode</th><th>Tanggal</th><th>Unit</th><th>Metode</th><th class="text-end">Total</th><th>Status</th></tr></thead>
                    <tbody>
                    @forelse($pembeli->penjualan as $p)
                        <tr>
                            <td><a href="{{ route('penjualan.show', $p) }}">{{ $p->kode }}</a></td>
                            <td>{{ tgl($p->tanggal) }}</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">{{ rupiah($p->total) }}</td>
                            <td><span class="badge text-bg-{{ $p->badge }}">{{ \App\Models\Penjualan::STATUS[$p->status] }}</span></td>
                        </tr>
                    @empty
                        @if($pembeli->takeOverKeluar->isEmpty())<tr><td colspan="6" class="text-center text-muted py-4">Belum ada pembelian.</td></tr>@endif
                    @endforelse
                    @foreach($pembeli->takeOverKeluar as $to)
                        <tr class="table-light text-muted">
                            <td><a href="{{ route('penjualan.show', $to->penjualan) }}">{{ $to->penjualan->kode }}</a></td>
                            <td>{{ tgl($to->tanggal) }}</td>
                            <td>{{ $to->penjualan->unit->perumahan->nama }}<br><small>{{ $to->penjualan->unit->label }}</small></td>
                            <td colspan="2">Dialihkan ke <a href="{{ route('pembeli.show', $to->pembeliBaru) }}">{{ $to->pembeliBaru->nama }}</a><br><small>Terbayar saat dialihkan {{ rupiah($to->terbayar) }}</small></td>
                            <td><a href="{{ route('take-over.cetak', $to) }}" target="_blank" class="badge text-bg-primary text-decoration-none"><i class="bi bi-arrow-left-right"></i> Take Over</a></td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        @include('pembeli._riwayat-transaksi')
    </div>
</div>
@endsection