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

@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-calendar2-week text-hijau"></i> Laporan Pembayaran SPP per Bulan</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 Setahun</option>
                <option value="belum" @selected($status=='belum')>Belum Lunas</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.spp') }}" 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 SPP · Tarif {{ rp($setting->tarif_spp) }}/bln</div></div>

        <div class="table-responsive">
            <table class="table table-bordered align-middle text-center" style="font-size:.82rem">
                <thead><tr>
                    <th class="text-start">Nama</th><th>Kelas</th>
                    @foreach($months as $b)<th>{{ \App\Support\Spp::monthShort($b) }}</th>@endforeach
                    <th class="text-end">Kurang</th><th>Status</th>
                </tr></thead>
                <tbody>
                @forelse($data as $d)
                    <tr>
                        <td class="text-start">{{ $d['s']->nama }}<br><small class="text-muted">{{ $d['s']->no_induk }}</small></td>
                        <td>{{ $d['s']->kelas }}</td>
                        @foreach($months as $b)
                            @php $m = $d['perBulan'][$b]; @endphp
                            <td>
                                @if($m['lunas'])<i class="bi bi-check-circle-fill text-hijau"></i>
                                @elseif($m['bayar']>0)<span class="text-warning" title="{{ rp($m['bayar']) }}">◐</span>
                                @else<i class="bi bi-dash text-muted"></i>@endif
                            </td>
                        @endforeach
                        <td class="text-end {{ $d['kurangTotal']>0?'text-danger':'text-hijau' }}">{{ rp($d['kurangTotal']) }}</td>
                        <td>@if($d['lunas'])<span class="badge badge-lunas">Lunas</span>@else<span class="badge badge-belum">Belum</span>@endif</td>
                    </tr>
                @empty
                    <tr><td colspan="{{ 4+count($months) }}" class="text-muted py-4">Tidak ada data.</td></tr>
                @endforelse
                </tbody>
            </table>
            <small class="text-muted"><i class="bi bi-check-circle-fill text-hijau"></i> Lunas &nbsp; ◐ Sebagian &nbsp; <i class="bi bi-dash"></i> Belum bayar</small>
        </div>
    </div>
</div>
@endsection