@extends('layouts.app')
@section('title', 'Laporan Saldo Deposit')

@section('content')
<div class="row g-3 mb-3">
    @foreach([
        ['Total Saldo Titipan', rupiah($ringkasan['saldo']), 'bi-safe', 'info'],
        ['Pembeli Bersaldo', $ringkasan['pemilik'].' pembeli', 'bi-people', 'primary'],
        ['Total Disetor', rupiah($ringkasan['setor']), 'bi-box-arrow-in-down', 'success'],
        ['Total Diambil', rupiah($ringkasan['ambil']), 'bi-box-arrow-up', 'warning'],
        ['Dipakai Bayar Angsuran', rupiah($ringkasan['pakai']), 'bi-calendar-check', 'secondary'],
    ] as [$label, $nilai, $icon, $warna])
        <div class="col-6 col-md-4 col-xl">
            <div class="card h-100"><div class="card-body d-flex align-items-center py-2">
                <div class="stat-icon bg-{{ $warna }}-subtle text-{{ $warna }} me-3"><i class="bi {{ $icon }}"></i></div>
                <div><div class="text-muted small">{{ $label }}</div><div class="fw-semibold">{{ $nilai }}</div></div>
            </div></div>
        </div>
    @endforeach
</div>
<p class="small text-muted mt-n2">Saldo deposit adalah uang titipan pembeli (kewajiban yang harus dikembalikan atau dipakai), bukan pendapatan. Posisi per {{ tgl($per) }}.</p>

<div class="card">
    <div class="card-header bg-white d-flex flex-wrap gap-2 justify-content-between align-items-center">
        <form class="d-flex flex-wrap gap-2 align-items-center">
            <label class="small text-muted">Saldo per</label>
            <input type="date" name="per" value="{{ $per }}" max="{{ now()->toDateString() }}" class="form-control" style="width:auto">
            <select name="perumahan_id" class="form-select" style="width:auto">
                <option value="">Semua Perumahan</option>
                @foreach($perumahan as $id => $nama)
                    <option value="{{ $id }}" @selected(request('perumahan_id') == $id)>{{ $nama }}</option>
                @endforeach
            </select>
            <select name="tampil" class="form-select" style="width:auto">
                <option value="ada" @selected(request('tampil', 'ada') === 'ada')>Masih bersaldo</option>
                <option value="semua" @selected(request('tampil') === 'semua')>Termasuk saldo habis</option>
            </select>
            <input type="search" name="q" value="{{ request('q') }}" class="form-control" style="width:200px" placeholder="Nama / NIK / no. transaksi">
            <button class="btn btn-outline-secondary"><i class="bi bi-funnel"></i> Filter</button>
            @if(request()->hasAny(['per', 'perumahan_id', 'tampil', 'q']))
                <a href="{{ route('laporan.deposit') }}" class="btn btn-link">Reset</a>
            @endif
        </form>
        <div class="d-flex gap-2" title="Export sesuai filter yang aktif">
            <a href="{{ route('laporan.deposit.export', ['format' => 'excel'] + request()->query()) }}" class="btn btn-success"><i class="bi bi-file-earmark-excel"></i> Export Excel</a>
            <a href="{{ route('laporan.deposit.export', ['format' => 'pdf'] + request()->query()) }}" class="btn btn-danger"><i class="bi bi-file-earmark-pdf"></i> Export PDF</a>
        </div>
    </div>
    <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead class="table-light"><tr>
                <th>Pembeli</th><th>Unit</th><th>No. Transaksi</th><th>Terakhir</th>
                <th class="text-end">Setor</th><th class="text-end">Ambil</th><th class="text-end">Dipakai Angsuran</th><th class="text-end">Saldo</th><th></th>
            </tr></thead>
            <tbody>
            @forelse($rows as $p)
                <tr>
                    <td>{{ $p->pembeli->nama }}<br><small class="text-muted">{{ $p->pembeli->telepon }}</small></td>
                    <td>{{ $p->unit->perumahan->nama }}<br><small class="text-muted">{{ $p->unit->label }}</small></td>
                    <td><a href="{{ route('penjualan.show', $p) }}" class="text-decoration-none">{{ $p->kode }}</a><br>
                        <span class="badge text-bg-{{ $p->badge }}">{{ \App\Models\Penjualan::STATUS[$p->status] }}</span></td>
                    <td class="text-nowrap">{{ $p->terakhir ? tgl($p->terakhir) : '-' }}</td>
                    <td class="text-end text-nowrap">{{ rupiah($p->setor_sum) }}</td>
                    <td class="text-end text-nowrap">{{ $p->ambil_sum > 0 ? rupiah($p->ambil_sum) : '-' }}</td>
                    <td class="text-end text-nowrap">{{ $p->pakai_sum > 0 ? rupiah($p->pakai_sum) : '-' }}</td>
                    <td class="text-end text-nowrap fw-semibold {{ $p->saldo > 0 ? 'text-info-emphasis' : 'text-muted' }}">{{ rupiah($p->saldo) }}</td>
                    <td class="text-nowrap text-end">
                        <a href="{{ route('transaksi-lain.form', ['jenis' => 'deposit', 'penjualan_id' => $p->id]) }}" class="btn btn-sm btn-outline-primary" title="Setor / ambil deposit"><i class="bi bi-safe"></i></a>
                        <a href="{{ route('penelusuran', ['penjualan' => $p->id]) }}#riwayat" class="btn btn-sm btn-outline-secondary" title="Riwayat transaksi"><i class="bi bi-clock-history"></i></a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="9" class="text-center text-muted py-4">Tidak ada saldo deposit.</td></tr>
            @endforelse
            </tbody>
            @if($rows->isNotEmpty())
                <tfoot class="table-light"><tr>
                    <th colspan="4">TOTAL ({{ $ringkasan['pemilik'] }} pembeli bersaldo)</th>
                    <th class="text-end">{{ rupiah($ringkasan['setor']) }}</th>
                    <th class="text-end">{{ rupiah($ringkasan['ambil']) }}</th>
                    <th class="text-end">{{ rupiah($ringkasan['pakai']) }}</th>
                    <th class="text-end">{{ rupiah($ringkasan['saldo']) }}</th>
                    <th></th>
                </tr></tfoot>
            @endif
        </table>
    </div>
</div>
@endsection