@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 Masuk - {{ $nama_banks }} (Tahun {{ $tahun }})</h1>

        <form action="{{ route('rekap_sampah_masuk.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