@extends('layouts.dashboard')

@section('title', 'Buat Sesi Latihan')

@section('content')
<div class="mx-auto max-w-2xl rounded-lg bg-white p-6 shadow-sm">
    <form method="POST" action="{{ route('trainer.sessions.store') }}" class="grid gap-4 md:grid-cols-2">
        @csrf
        <select name="class_id" class="rounded-lg border border-slate-300 px-3 py-2 md:col-span-2" required>@foreach($classes as $class)<option value="{{ $class->id }}">{{ $class->class_name }}</option>@endforeach</select>
        <input name="session_date" type="date" class="rounded-lg border border-slate-300 px-3 py-2" required>
        <input name="quota_total" type="number" min="1" value="20" class="rounded-lg border border-slate-300 px-3 py-2" required>
        <input name="start_time" type="time" class="rounded-lg border border-slate-300 px-3 py-2" required>
        <input name="end_time" type="time" class="rounded-lg border border-slate-300 px-3 py-2" required>
        <button class="rounded-lg bg-sky-700 px-4 py-2 font-bold text-white md:col-span-2">Simpan Sesi</button>
    </form>
</div>
@endsection