@extends("layouts.admin")
@section("title","Buat Jadwal Baru")
@section("content")
<div class="max-w-lg">
    <div class="bg-white rounded-xl shadow p-6">
        <form method="POST" action="{{ route("admin.jadwal.store") }}" class="space-y-4">
            @csrf
            <div>
                <label class="block text-sm font-medium mb-1">Rute</label>
                <select name="rute_id" class="input-field" required>
                    <option value="">-- Pilih Rute --</option>
                    @foreach($rute as $r)
                        <option value="{{ $r->id }}" {{ old("rute_id")==$r->id?"selected":"" }}>
                            {{ $r->label }} – Rp {{ number_format($r->harga,0,",",".") }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Bus</label>
                <select name="bus_id" class="input-field" required>
                    <option value="">-- Pilih Bus --</option>
                    @foreach($bus as $b)
                        <option value="{{ $b->id }}" {{ old("bus_id")==$b->id?"selected":"" }}>
                            {{ $b->nama_armada }} ({{ $b->nomor_polisi }})
                        </option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Tanggal Berangkat</label>
                <input type="date" name="tanggal_berangkat" class="input-field"
                       min="{{ today()->toDateString() }}" value="{{ old("tanggal_berangkat") }}" required>
            </div>
            <div class="rounded-lg border border-blue-200 bg-blue-50 p-4">
    <h3 class="font-semibold text-blue-800">
        Jadwal Keberangkatan
    </h3>

    <p class="text-sm text-blue-700 mt-2">
        Sistem akan otomatis membuat dua jadwal keberangkatan:
    </p>

    <ul class="mt-2 text-sm text-blue-700 list-disc ml-5">
        <li>15:30 WIB</li>
        <li>17:30 WIB</li>
    </ul>
</div>
            <div class="flex gap-3">
                <button type="submit" class="btn-primary">Buat Jadwal + 36 Kursi</button>
                <a href="{{ route("admin.jadwal.index") }}" class="btn-secondary">Batal</a>
            </div>
        </form>
    </div>
</div>
@endsection