@extends("layouts.admin")
@section("title","Manajemen Jadwal")
@section("content")
<div class="flex justify-between items-center mb-4">
    <h2 class="text-xl font-bold">Daftar Jadwal</h2>
    <a href="{{ route("admin.jadwal.create") }}" class="btn-primary">+ Buat Jadwal</a>
</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</th>
                <th class="py-3 px-4 text-left">Tanggal</th>
                <th class="py-3 px-4 text-center">Slot</th>
                <th class="py-3 px-4 text-center">Kursi Sisa</th>
                <th class="py-3 px-4 text-center">Status</th>
                <th class="py-3 px-4 text-center">Aksi</th>
            </tr>
        </thead>
        <tbody>
        @forelse($jadwal as $j)
            <tr class="border-t hover:bg-gray-50">
                <td class="py-3 px-4 font-medium">{{ $j->rute->label }}</td>
                <td class="py-3 px-4">{{ $j->tanggal_berangkat->isoFormat("D MMM Y") }}</td>
                <td class="py-3 px-4 text-center font-mono">{{ $j->slot_waktu }} WIB</td>
                <td class="py-3 px-4 text-center">
                    <span class="{{ $j->kursi_tersedia>0?"text-green-600":"text-red-500" }} font-semibold">
                        {{ $j->kursi_tersedia }} / 36
                    </span>
                </td>
                <td class="py-3 px-4 text-center">
                    <span class="px-2 py-0.5 rounded-full text-xs
                        {{ $j->status==="aktif"?"bg-green-100 text-green-700":($j->status==="batal"?"bg-red-100 text-red-700":"bg-gray-100 text-gray-600") }}">
                        {{ ucfirst($j->status) }}
                    </span>
                </td>
                <td class="py-3 px-4 text-center">
                    <a href="{{ route("admin.manifes",$j->id) }}" class="text-indigo-600 hover:underline text-xs mr-2">Manifes</a>
                    <a href="{{ route("admin.jadwal.edit",$j) }}" class="text-blue-600 hover:underline text-xs">Edit</a>
                </td>
            </tr>
        @empty
            <tr><td colspan="6" class="py-8 text-center text-gray-400">Belum ada jadwal.</td></tr>
        @endforelse
        </tbody>
    </table>
    <div class="p-4">{{ $jadwal->links() }}</div>
</div>
@endsection