@extends("layouts.admin")
@section("title","Laporan Finansial")
@section("content")
<h2 class="text-xl font-bold mb-4">Laporan Finansial</h2>
<div class="bg-white rounded-xl shadow p-4 mb-6">
    <form method="GET" class="flex flex-wrap gap-3 items-end">
        <div><label class="block text-xs text-gray-500 mb-1">Dari</label>
            <input type="date" name="dari" value="{{ $dari }}" class="input-field text-sm py-1.5"></div>
        <div><label class="block text-xs text-gray-500 mb-1">Sampai</label>
            <input type="date" name="sampai" value="{{ $sampai }}" class="input-field text-sm py-1.5"></div>
        <button type="submit" class="btn-primary text-sm py-1.5 px-4">Tampilkan</button>
    </form>
</div>
<div class="grid grid-cols-2 gap-4 mb-6">
    <div class="bg-white rounded-xl shadow p-5">
        <div class="text-gray-400 text-sm">Total Pendapatan</div>
        <div class="text-3xl font-bold text-green-700 mt-1">Rp {{ number_format($totalPendapatan,0,",",".") }}</div>
    </div>
    <div class="bg-white rounded-xl shadow p-5">
        <div class="text-gray-400 text-sm">Total Pemesanan Lunas</div>
        <div class="text-3xl font-bold text-blue-700 mt-1">{{ $totalPemesanan }}</div>
    </div>
</div>
<div class="bg-white rounded-xl shadow overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-blue-800 text-white">
            <tr>
                <th class="py-3 px-4 text-left">Rute & Jadwal</th>
                <th class="py-3 px-4 text-center">Pemesanan</th>
                <th class="py-3 px-4 text-right">Pendapatan</th>
            </tr>
        </thead>
        <tbody>
        @forelse($laporan as $r)
            <tr class="border-t hover:bg-gray-50">
                <td class="py-3 px-4">
                    <div class="font-medium">{{ $r->jadwal->rute->label }}</div>
                    <div class="text-xs text-gray-400">
                        {{ $r->jadwal->tanggal_berangkat->isoFormat("D MMM Y") }}
                        {{ $r->jadwal->slot_waktu }} WIB
                    </div>
                </td>
                <td class="py-3 px-4 text-center">{{ $r->total_pemesanan }}</td>
                <td class="py-3 px-4 text-right font-semibold text-green-700">
                    Rp {{ number_format($r->total_pendapatan,0,",",".") }}
                </td>
            </tr>
        @empty
            <tr><td colspan="3" class="py-8 text-center text-gray-400">Tidak ada data.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
@endsection