@extends('layouts.app')

@section('content')
<div class="main-content">
    <div class="container-fluid">
        <div class="page-header">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title">
                        <i class="ik ik-pie-chart bg-blue"></i>
                        <div class="d-inline">
                            <h5>Rekap Penagihan per Kantor</h5>
                            <span>Rekapitulasi penagihan berdasarkan kolektibilitas (Kol 1–5) per tanggal data</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <nav class="breadcrumb-container" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{ url('/') }}"><i class="ik ik-home"></i></a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">Rekap Penagihan</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3>Rekapitulasi Penagihan</h3>
                    </div>
                    <div class="card-body">
                        <!-- Filter Section -->
                        <form method="GET" action="{{ route('rekap.penagihan') }}" class="mb-4">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="tanggal"><i class="ik ik-calendar"></i> Tanggal Data <span class="text-danger">*</span></label>
                                        <input type="date" name="tanggal" id="tanggal" class="form-control"
                                               value="{{ old('tanggal', $tanggal ?? '') }}" required>
                                        <small class="text-muted">Format: YYYY-MM-DD</small>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>&nbsp;</label>
                                        <div>
                                            <button type="submit" class="btn btn-primary btn-block">
                                                <i class="ik ik-filter"></i> Generate
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    @if(isset($tgldata))
                                        <div class="alert alert-info mt-2">
                                            <i class="ik ik-info"></i> tgldata: <strong>{{ $tgldata }}</strong>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </form>

                        <!-- Tampilkan error jika ada -->
                        @if(session('error'))
                            <div class="alert alert-danger">
                                <i class="ik ik-alert-triangle"></i> {{ session('error') }}
                            </div>
                        @endif

                        <!-- Tabel Rekap -->
                        @if(isset($data) && count($data) > 0)
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped table-hover text-center" id="rekapTable">
                                    <thead class="thead-light">
                                        <tr>
                                            <th rowspan="2" style="vertical-align: middle; width: 8%;">Kantor</th>
                                            @for($i = 1; $i <= 5; $i++)
                                                <th colspan="4" class="text-center">Kol {{ $i }}</th>
                                            @endfor
                                            <th colspan="4" class="text-center">Total</th>
                                        </tr>
                                        <tr>
                                            @for($i = 1; $i <= 5; $i++)
                                                <th>Debitur</th>
                                                <th>Penagihan</th>
                                                <th>Baki Debet</th>
                                                <th>Dibayar</th>
                                            @endfor
                                            <th>Debitur</th>
                                            <th>Penagihan</th>
                                            <th>Baki Debet</th>
                                            <th>Dibayar</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($data as $kantor => $kolekData)
                                            <tr>
                                                <td><strong>{{ $kantor }}</strong></td>
                                                @for($i = 1; $i <= 5; $i++)
                                                    @php $k = (string) $i; @endphp
                                                    <td>{{ number_format($kolekData[$k]['debitur'] ?? 0, 0) }}</td>
                                                    <td>{{ number_format($kolekData[$k]['penagihan'] ?? 0, 0) }}</td>
                                                    <td>{{ number_format($kolekData[$k]['baki_debet'] ?? 0, 2) }}</td>
                                                    <td>{{ number_format($kolekData[$k]['dibayar'] ?? 0, 2) }}</td>
                                                @endfor
                                                <td><strong>{{ number_format($kolekData['total']['debitur'], 0) }}</strong></td>
                                                <td><strong>{{ number_format($kolekData['total']['penagihan'], 0) }}</strong></td>
                                                <td><strong>{{ number_format($kolekData['total']['baki_debet'], 2) }}</strong></td>
                                                <td><strong>{{ number_format($kolekData['total']['dibayar'], 2) }}</strong></td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        @php
                                            $grandTotal = ['debitur' => 0, 'penagihan' => 0, 'baki_debet' => 0, 'dibayar' => 0];
                                            foreach ($data as $kantor => $kolekData) {
                                                foreach (['1','2','3','4','5'] as $k) {
                                                    $grandTotal['debitur'] += $kolekData[$k]['debitur'] ?? 0;
                                                    $grandTotal['penagihan'] += $kolekData[$k]['penagihan'] ?? 0;
                                                    $grandTotal['baki_debet'] += $kolekData[$k]['baki_debet'] ?? 0;
                                                    $grandTotal['dibayar'] += $kolekData[$k]['dibayar'] ?? 0;
                                                }
                                            }
                                        @endphp
                                        <tr>
                                            <td><strong>Total Keseluruhan</strong></td>
                                            @for($i = 1; $i <= 5; $i++)
                                                <td></td><td></td><td></td><td></td>
                                            @endfor
                                            <td><strong>{{ number_format($grandTotal['debitur'], 0) }}</strong></td>
                                            <td><strong>{{ number_format($grandTotal['penagihan'], 0) }}</strong></td>
                                            <td><strong>{{ number_format($grandTotal['baki_debet'], 2) }}</strong></td>
                                            <td><strong>{{ number_format($grandTotal['dibayar'], 2) }}</strong></td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                            <p class="text-muted">Menampilkan data untuk tgldata: <strong>{{ $tgldata }}</strong></p>
                        @elseif(isset($data))
                            <div class="alert alert-warning">
                                <i class="ik ik-alert-circle"></i> Tidak ada data untuk tanggal tersebut.
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    /* Tambahan CSS agar tabel rapi */
    #rekapTable th, #rekapTable td {
        vertical-align: middle;
        padding: 8px 5px;
        font-size: 13px;
    }
    #rekapTable thead th {
        background-color: #f1f3f5;
    }
    #rekapTable tfoot td {
        background-color: #e9ecef;
        font-weight: bold;
    }
    @media (max-width: 768px) {
        #rekapTable {
            font-size: 11px;
        }
        #rekapTable th, #rekapTable td {
            padding: 4px 2px;
        }
    }
</style>
@endsection