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

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2 no-print">
        <span><i class="bi bi-exclamation-triangle text-hijau"></i> Laporan Tunggakan Siswa</span>
        <button onclick="window.print()" class="btn btn-sm btn-primary"><i class="bi bi-printer"></i> Cetak</button>
    </div>
    <div class="card-body">
        <form class="row g-2 mb-3 no-print" method="GET">
            <div class="col-md-4"><select name="kelas" class="form-select"><option value="">Semua Kelas</option>
                @foreach($daftarKelas as $k)<option value="{{ $k }}" @selected($kelas==$k)>{{ $k }}</option>@endforeach</select></div>
            <div class="col-md-4"><select name="status" class="form-select">
                <option value="">Semua Status</option>
                <option value="lunas" @selected($status=='lunas')>Lunas</option>
                <option value="belum" @selected($status=='belum')>Masih Menunggak</option></select></div>
            <div class="col-md-4 d-flex gap-2"><button class="btn btn-primary flex-fill"><i class="bi bi-funnel"></i> Filter</button>
                <a href="{{ route('reports.tunggakan') }}" class="btn btn-outline-primary"><i class="bi bi-x-lg"></i></a></div>
        </form>

        <div class="d-none d-print-block text-center mb-2"><h5 class="mb-0">{{ $setting->nama_sekolah }}</h5><div>Laporan Pembayaran Tunggakan</div></div>

        <div class="table-responsive">
            <table class="table table-hover align-middle">
                <thead><tr><th>No</th><th>No Induk</th><th>Nama</th><th>Kelas</th>
                    <th class="text-end">Tunggakan Awal</th><th class="text-end">Angsuran</th><th class="text-end">Sisa Tunggakan</th><th class="text-center">Status</th></tr></thead>
                <tbody>
                @php $ta=0;$ag=0;$ss=0; @endphp
                @forelse($data as $i => $d)
                    <tr>
                        <td>{{ $i+1 }}</td><td>{{ $d['s']->no_induk }}</td><td>{{ $d['s']->nama }}</td><td>{{ $d['s']->kelas }}</td>
                        <td class="text-end">{{ rp($d['s']->tunggakan_awal) }}</td>
                        <td class="text-end">{{ rp($d['angsuran']) }}</td>
                        <td class="text-end fw-bold {{ $d['sisa']>0?'text-danger':'text-hijau' }}">{{ rp($d['sisa']) }}</td>
                        <td class="text-center">@if($d['lunas'])<span class="badge badge-lunas">Lunas</span>@else<span class="badge badge-belum">Menunggak</span>@endif</td>
                    </tr>
                    @php $ta+=$d['s']->tunggakan_awal; $ag+=$d['angsuran']; $ss+=$d['sisa']; @endphp
                @empty
                    <tr><td colspan="8" class="text-center text-muted py-4">Tidak ada data.</td></tr>
                @endforelse
                </tbody>
                @if(count($data))
                <tfoot><tr class="table-light fw-bold"><td colspan="4" class="text-end">TOTAL</td>
                    <td class="text-end">{{ rp($ta) }}</td><td class="text-end">{{ rp($ag) }}</td><td class="text-end text-danger">{{ rp($ss) }}</td><td></td></tr></tfoot>
                @endif
            </table>
        </div>
    </div>
</div>
@endsection