@extends('layouts.app')
@section('title', 'Daily Levy Report')

@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-xl font-bold">Daily Levy Report</h1>
            <p class="text-sm text-ink-muted">{{ $date->format('l, d F Y') }}</p>
        </div>
        <div class="flex items-center gap-2">
            <form method="GET" class="flex items-center gap-2">
                <input type="date" name="date" value="{{ $date->format('Y-m-d') }}" class="input !py-1.5 !text-xs w-40" onchange="this.form.submit()">
            </form>
            <x-export-menu route="tax.daily-report.export" :params="['date' => $date->format('Y-m-d')]" />
        </div>
    </div>

    <div class="card overflow-x-auto">
        <table class="data-table">
            <thead><tr><th>Department</th><th class="text-right">Revenue</th><th class="text-right">Levy</th></tr></thead>
            <tbody>
                @forelse ($rows as $row)
                    <tr>
                        <td class="font-medium">{{ $row['department'] }}</td>
                        <td class="text-right">{{ number_format($row['revenue'], 2) }}</td>
                        <td class="text-right font-semibold text-accent-600">{{ number_format($row['levy'], 2) }}</td>
                    </tr>
                @empty
                    <tr><td colspan="3" class="text-center text-ink-muted py-8">No revenue recorded for this date.</td></tr>
                @endforelse
            </tbody>
            @if ($rows->isNotEmpty())
                <tfoot>
                    <tr class="font-bold">
                        <td class="px-4 py-3">Total</td>
                        <td class="px-4 py-3 text-right">{{ number_format($rows->sum('revenue'), 2) }}</td>
                        <td class="px-4 py-3 text-right">{{ number_format($rows->sum('levy'), 2) }}</td>
                    </tr>
                </tfoot>
            @endif
        </table>
    </div>
</div>
@endsection