@extends('layouts.app')
@section('title', 'Allocate Student to Route')
@section('content')
<div class="card" style="max-width:520px;">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Allocate Student to Route</h2>
    <form method="POST" action="{{ url('/api/transport/allocate') }}">
        @csrf
        <label style="display:block;font-size:12px;margin-bottom:4px;">Student</label>
        <select name="student_id" required style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">
            <option value="">Select student</option>
            @foreach($students as $student)
                <option value="{{ $student->id }}">{{ $student->full_name }}</option>
            @endforeach
        </select>
        <label style="display:block;font-size:12px;margin-bottom:4px;">Route</label>
        <select name="bus_route_id" required style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">
            <option value="">Select route</option>
            @foreach($routes as $route)
                <option value="{{ $route->id }}">{{ $route->name }}</option>
            @endforeach
        </select>
        <label style="display:block;font-size:12px;margin-bottom:4px;">Start Date</label>
        <input type="date" name="start_date" required style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:16px;">
        <button type="submit" style="background:#0b4f2c;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:13px;cursor:pointer;">Allocate</button>
    </form>
</div>
@endsection