@extends('layouts.app')
@section('title', 'Buku Kas')

@section('content')
<div class="card mb-3">
    <div class="card-body">
        <form class="row g-2 align-items-end">
            <div class="col-md-2">
                <label class="form-label small">Dari</label>
                <input type="date" name="dari" value="{{ $dari }}" class="form-control">
            </div>
            <div class="col-md-2">
                <label class="form-label small">Sampai</label>
                <input type="date" name="sampai" value="{{ $sampai }}" class="form-control">
            </div>
            <div class="col-md-2">
                <label class="form-label small">Jenis</label>
                <select name="jenis" class="form-select">
                    <option value="">Masuk &amp; Keluar</option>
                    @foreach(\App\Models\PosKas::JENIS as $k => $v)
                        <option value="{{ $k }}" @selected(request('jenis') === $k)>{{ $v }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label small">Pos</label>
                <select name="pos_id" class="form-select">
                    <option value="">Semua Pos</option>
                    @foreach($daftarPos as $jenis => $list)
                        <optgroup label="{{ \App\Models\PosKas::JENIS[$jenis] }}">
                            @foreach($list as $p)
                                <option value="{{ $p->id }}" @selected(request('pos_id') == $p->id)>{{ $p->nama }}</option>
                            @endforeach
                        </optgroup>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label small">Cari</label>
                <input type="search" name="q" value="{{ request('q') }}" class="form-control" placeholder="uraian / pihak / no. bukti / kode">
            </div>
            <div class="col-12 d-flex flex-wrap gap-2">
                <button class="btn btn-primary"><i class="bi bi-search"></i> Tampilkan</button>
                @if(request()->hasAny(['dari', 'sampai', 'jenis', 'pos_id', 'q']))<a href="{{ route('laporan.kas') }}" class="btn btn-link">Reset</a>@endif
                <div class="ms-auto d-flex gap-2">
                    <a href="{{ route('laporan.kas.export', ['format' => 'excel'] + request()->query()) }}" class="btn btn-success"><i class="bi bi-file-earmark-excel"></i> Export Excel</a>
                    <a href="{{ route('laporan.kas.export', ['format' => 'pdf'] + request()->query()) }}" class="btn btn-danger"><i class="bi bi-file-earmark-pdf"></i> Export PDF</a>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="row g-3 mb-3">
    @foreach(array_filter([
        ['Saldo Awal', $ringkasan['saldo_awal'], 'secondary', 'per '.tgl(\Illuminate\Support\Carbon::parse($dari)->subDay())],
        ['Kas Masuk', $ringkasan['masuk'], 'success', 'Pendapatan usaha '.rupiah($ringkasan['pendapatan_usaha'])],
        ['Kas Keluar', $ringkasan['keluar'], 'danger', null],
        $ringkasan['saldo_akhir'] !== null ? ['Saldo Akhir', $ringkasan['saldo_akhir'], 'primary', 'per '.tgl($sampai)] : null,
    ]) as [$label, $nilai, $warna, $catatan])
        <div class="col-6 col-xl-3">
            <div class="card h-100 border-start border-4 border-{{ $warna }}"><div class="card-body py-2">
                <div class="small text-muted">{{ $label }}</div>
                <div class="fs-5 fw-semibold text-{{ $warna }}-emphasis">{{ rupiah($nilai) }}</div>
                @if($catatan)<div class="small text-muted">{{ $catatan }}</div>@endif
            </div></div>
        </div>
    @endforeach
</div>

<div class="row g-3">
    <div class="col-xxl-9">
        <div class="card">
            <div class="card-header bg-white fw-semibold">Mutasi Kas <span class="badge text-bg-secondary">{{ $rows->count() }}</span>
                @if($terfilter)<small class="text-muted fw-normal">— saldo berjalan disembunyikan karena filter aktif</small>@endif
            </div>
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0 align-middle small">
                    <thead class="table-light"><tr>
                        <th class="ps-3">Tanggal</th><th>No. Bukti</th><th>Pos</th><th>Uraian</th>
                        <th class="text-end">Masuk</th><th class="text-end">Keluar</th>@unless($terfilter)<th class="text-end">Saldo</th>@endunless<th></th>
                    </tr></thead>
                    <tbody>
                    @unless($terfilter)
                        <tr class="table-light fst-italic"><td class="ps-3" colspan="6">Saldo awal</td><td class="text-end">{{ rupiah($ringkasan['saldo_awal']) }}</td><td></td></tr>
                    @endunless
                    @forelse($rows as $r)
                        <tr>
                            <td class="ps-3 text-nowrap">{{ tgl($r->tanggal) }}</td>
                            <td class="text-nowrap">{{ $r->nomor }}<br><span class="font-monospace text-muted">{{ $r->kode_format }}</span></td>
                            <td>{{ $r->pos->nama }} @if($r->pos->isSistem())<i class="bi bi-gear-fill text-muted" title="otomatis dari transaksi perumahan"></i>@endif</td>
                            <td>{{ $r->uraian }}@if($r->pihak)<br><span class="text-muted">{{ $r->jenis === 'masuk' ? 'dari' : 'kepada' }} {{ $r->pihak }}</span>@endif</td>
                            <td class="text-end text-nowrap text-success">{{ $r->jenis === 'masuk' ? rupiah($r->jumlah) : '' }}</td>
                            <td class="text-end text-nowrap text-danger">{{ $r->jenis === 'keluar' ? rupiah($r->jumlah) : '' }}</td>
                            @unless($terfilter)<td class="text-end text-nowrap">{{ rupiah($r->saldo) }}</td>@endunless
                            <td class="text-end text-nowrap pe-2">
                                @if($r->tautan)<a href="{{ $r->tautan }}" class="btn btn-sm btn-outline-primary py-0" title="Detail penjualan"><i class="bi bi-eye"></i></a>@endif
                                <a href="{{ $r->pdf }}" target="_blank" class="btn btn-sm btn-outline-secondary py-0" title="Bukti"><i class="bi bi-file-earmark-pdf"></i></a>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="text-center text-muted py-4">Tidak ada transaksi kas pada periode ini.</td></tr>
                    @endforelse
                    </tbody>
                    <tfoot class="table-light"><tr>
                        <th class="ps-3" colspan="4">TOTAL</th>
                        <th class="text-end text-nowrap">{{ rupiah($ringkasan['masuk']) }}</th>
                        <th class="text-end text-nowrap">{{ rupiah($ringkasan['keluar']) }}</th>
                        @unless($terfilter)<th class="text-end text-nowrap">{{ rupiah($ringkasan['saldo_akhir']) }}</th>@endunless
                        <th></th>
                    </tr></tfoot>
                </table>
            </div>
        </div>
    </div>
    <div class="col-xxl-3">
        <div class="card">
            <div class="card-header bg-white fw-semibold">Rekap per Pos</div>
            <ul class="list-group list-group-flush small">
                @forelse($rekap as $r)
                    <li class="list-group-item d-flex justify-content-between">
                        <span>{{ $r->pos->nama }}<br><span class="text-muted">{{ $r->jumlah }} transaksi</span></span>
                        <span class="text-end text-nowrap">
                            @if($r->masuk)<span class="text-success">+{{ rupiah($r->masuk) }}</span>@endif
                            @if($r->keluar)<br><span class="text-danger">−{{ rupiah($r->keluar) }}</span>@endif
                        </span>
                    </li>
                @empty
                    <li class="list-group-item text-muted text-center py-3">-</li>
                @endforelse
            </ul>
        </div>
    </div>
</div>
@endsection