@extends('dashboard.layouts.main')

@section('container')
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">Rekap Sampah Tidak Terkelola - {{ $nama_banks }} (Tahun {{ $tahun }})</h1>

    <form action="{{ route('rekap_sampah_tidak_terkelola.detail') }}" method="GET" class="d-flex align-items-center">
        <input type="hidden" name="bank_id" value="{{ $bank_id }}">

        <div class="input-group">
            <label class="input-group-text" for="tahun">Tahun</label>
            <select name="tahun" class="form-select me-2" onchange="this.form.submit()">
                @foreach ($semua_tahun as $th)
                    <option value="{{ $th }}" {{ $tahun == $th ? 'selected' : '' }}>
                        {{ $th }}
                    </option>
                @endforeach
            </select>
        </div>
    </form>
</div>

<div class="table-responsive col-lg-12">
    <table class="table table-bordered table-striped">
        <thead class="table table-striped table-sm">
            <tr>
                <th>Jenis Sampah</th>
                @foreach ($bulanList as $bulan)
                    <th class="text-end">{{ $bulan }}</th>
                @endforeach
                <th class="text-end">Total</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($rekap as $jenis => $bulanData)
                <tr>
                    <td>{{ $jenis }}</td>
                    @foreach ($bulanList as $bulan)
                        <td class="text-end">{{ number_format($bulanData[$bulan]) }} kg</td>
                    @endforeach
                    <td class="text-end fw-bold">{{ number_format($bulanData['total']) }} kg</td>
                </tr>
            @endforeach
            <tr class="table-secondary fw-bold">
                <td>Total per Bulan</td>
                @foreach ($bulanList as $bulan)
                    <td class="text-end">{{ number_format($totalPerBulan[$bulan]) }} kg</td>
                @endforeach
                <td class="text-end">{{ number_format($grandTotal) }} kg</td>
            </tr>
        </tbody>
    </table>
</div>
@endsection