@extends("layouts.admin")
@section("title","Manifes Penumpang")
@section("content")
<div class="flex justify-between items-center mb-4">
    <div>
        <h2 class="text-xl font-bold">Manifes Penumpang</h2>
        <p class="text-sm text-gray-500">
            {{ $jadwal->rute->label }} &middot;
            {{ $jadwal->tanggal_berangkat->isoFormat("dddd, D MMMM Y") }} &middot;
            {{ $jadwal->slot_waktu }} WIB &middot; {{ $jadwal->bus->nama_armada }}
        </p>
    </div>
    <div class="flex gap-2">
        <a href="{{ route("admin.manifes.print",$jadwal->id) }}" target="_blank"
           class="btn-secondary text-sm">Cetak</a>
        <a href="{{ route("admin.jadwal.index") }}" class="btn-secondary text-sm">Kembali</a>
    </div>
</div>
<div class="bg-white rounded-xl shadow overflow-hidden">
    <div class="px-4 py-2 bg-blue-50 border-b font-semibold text-blue-800 text-sm">
        {{ $penumpang->count() }} penumpang lunas
    </div>
    <table class="w-full text-sm">
        <thead class="bg-gray-50 text-gray-500">
            <tr>
                <th class="py-3 px-4 text-center">No.</th>
                <th class="py-3 px-4 text-center">Kursi</th>
                <th class="py-3 px-4 text-left">Nama Penumpang</th>
                <th class="py-3 px-4 text-left">No. Identitas</th>
                <th class="py-3 px-4 text-left">Pemesan</th>
                <th class="py-3 px-4 text-left">Kode Booking</th>
            </tr>
        </thead>
        <tbody>
        @forelse($penumpang as $idx => $p)
            <tr class="border-t {{ $idx%2===0?"bg-white":"bg-gray-50" }}">
                <td class="py-3 px-4 text-center text-gray-400">{{ $idx+1 }}</td>
                <td class="py-3 px-4 text-center font-bold text-blue-700">{{ $p->kursi->nomor_kursi }}</td>
                <td class="py-3 px-4 font-medium">{{ $p->nama_penumpang }}</td>
                <td class="py-3 px-4 font-mono text-gray-500">{{ $p->no_identitas }}</td>
                <td class="py-3 px-4">{{ $p->pemesanan->pengguna?->nama_lengkap??"Manual" }}</td>
                <td class="py-3 px-4 font-mono text-xs text-blue-500">{{ $p->pemesanan->kode_booking }}</td>
            </tr>
        @empty
            <tr><td colspan="6" class="py-8 text-center text-gray-400">Belum ada penumpang lunas.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
@endsection