@extends('reports.layout')

@section('content')
<table class="stat-box">
    <tr>
        <td class="cell-half">
            <div class="label">Total Violators</div>
            <div class="value">{{ $summary['totalViolators'] }}</div>
        </td>
        <td class="cell-half">
            <div class="label">Total Violations</div>
            <div class="value">{{ $summary['totalViolations'] }}</div>
        </td>
    </tr>
</table>

<table class="stat-box">
    <tr>
        <td class="cell-wide joined-left">
            <div class="label">Fines Collected</div>
            <div class="value">₱{{ number_format($summary['finesCollected'], 2) }}</div>
        </td>
        <td class="cell-narrow joined-right">
            <div class="label">Total Paid</div>
            <div class="value">{{ $summary['totalPaid'] }}</div>
        </td>
        <td class="cell-wide joined-left">
            <div class="label">Outstanding Balance</div>
            <div class="value">₱{{ number_format($summary['outstandingBalance'], 2) }}</div>
        </td>
        <td class="cell-narrow joined-right">
            <div class="label">Total Unpaid</div>
            <div class="value">{{ $summary['totalUnpaid'] }}</div>
        </td>
    </tr>
</table>

<div class="section-title">Most Committed Violations</div>
<ol class="top-types">
    @forelse($summary['topViolationTypes'] as $t)
        <li>{{ $t['name'] }} — {{ $t['count'] }}</li>
    @empty
        <li>No data for this period.</li>
    @endforelse
</ol>

<div class="section-title">Yearly Extremes</div>
<table class="data-table">
    <thead><tr><th>Metric</th><th>Month</th><th>Violations</th><th>Fines Collected</th></tr></thead>
    <tbody>
        <tr>
            <td>Most Violations</td>
            <td class="text-center">{{ $extremes['mostViolations']['label'] }}</td>
            <td class="text-center">{{ $extremes['mostViolations']['violations'] }}</td>
            <td class="text-center">₱{{ number_format($extremes['mostViolations']['fines'], 2) }}</td>
        </tr>
        <tr>
            <td>Least Violations</td>
            <td class="text-center">{{ $extremes['leastViolations']['label'] }}</td>
            <td class="text-center">{{ $extremes['leastViolations']['violations'] }}</td>
            <td class="text-center">₱{{ number_format($extremes['leastViolations']['fines'], 2) }}</td>
        </tr>
        <tr>
            <td>Most Fines Collected</td>
            <td class="text-center">{{ $extremes['mostFines']['label'] }}</td>
            <td class="text-center">{{ $extremes['mostFines']['violations'] }}</td>
            <td class="text-center">₱{{ number_format($extremes['mostFines']['fines'], 2) }}</td>
        </tr>
        <tr>
            <td>Least Fines Collected</td>
            <td class="text-center">{{ $extremes['leastFines']['label'] }}</td>
            <td class="text-center">{{ $extremes['leastFines']['violations'] }}</td>
            <td class="text-center">₱{{ number_format($extremes['leastFines']['fines'], 2) }}</td>
        </tr>
    </tbody>
</table>

<div class="section-title">Monthly Breakdown</div>
<table class="data-table">
    <thead><tr><th>Month</th><th>Violators</th><th>Violations</th><th>Paid</th><th>Unpaid</th></tr></thead>
    <tbody>
        @foreach($monthlyBreakdown as $m)
        <tr>
            <td>{{ $m['label'] }}</td>
            <td class="text-center">{{ $m['violators'] }}</td>
            <td class="text-center">{{ $m['violations'] }}</td>
            <td class="text-center">{{ $m['paid'] }}</td>
            <td class="text-center">{{ $m['unpaid'] }}</td>
        </tr>
        @endforeach
    </tbody>
</table>
@endsection