@extends('layouts.app')
@section('title', 'Riwayat Pembayaran')

@section('content')
<div class="card">
    <div class="card-header bg-white">
        <form class="d-flex flex-wrap gap-2 align-items-center">
            <input type="date" name="dari" value="{{ request('dari') }}" class="form-control" style="width:auto">
            <span>s/d</span>
            <input type="date" name="sampai" value="{{ request('sampai') }}" class="form-control" style="width:auto">
            <select name="jenis" class="form-select" style="width:auto">
                <option value="">Semua Jenis</option>
                @foreach(\App\Models\Pembayaran::JENIS as $k => $v)
                    <option value="{{ $k }}" @selected(request('jenis') == $k)>{{ $v }}</option>
                @endforeach
            </select>
            <input type="search" name="q" value="{{ request('q') }}" class="form-control" style="width:240px" placeholder="Kode verifikasi / no. transaksi / pembeli">
            <button class="btn btn-outline-secondary"><i class="bi bi-funnel"></i> Filter</button>
        </form>
    </div>
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead class="table-light"><tr>
                <th>Tanggal</th><th>Kode Verifikasi</th><th>No. Transaksi</th><th>Pembeli</th><th>Unit</th><th>Jenis</th><th>Cara</th><th class="text-end">Jumlah</th><th></th>
            </tr></thead>
            <tbody>
            @forelse($pembayaran as $b)
                <tr>
                    <td class="text-nowrap">{{ tgl($b->tanggal) }}</td>
                    <td><a href="{{ $b->url_verifikasi }}" class="font-monospace small text-nowrap text-decoration-none">{{ $b->kode_verifikasi_format }}</a></td>
                    <td><a href="{{ route('penjualan.show', $b->penjualan) }}">{{ $b->penjualan->kode }}</a></td>
                    <td>{{ $b->penjualan->pembeli->nama }}</td>
                    <td>{{ $b->penjualan->unit->perumahan->nama }}<br><small class="text-muted">{{ $b->penjualan->unit->label }}</small></td>
                    <td>{{ \App\Models\Pembayaran::JENIS[$b->jenis] }}</td>
                    <td class="text-capitalize">{{ $b->cara_bayar }}</td>
                    <td class="text-end text-nowrap">{{ rupiah($b->jumlah) }}</td>
                    <td><a href="{{ route('pembayaran.kwitansi', $b) }}" target="_blank" class="btn btn-sm btn-outline-secondary"><i class="bi bi-receipt"></i></a></td>
                </tr>
            @empty
                <tr><td colspan="9" class="text-center text-muted py-4">Belum ada pembayaran.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer bg-white">{{ $pembayaran->links() }}</div>
</div>
@endsection