@extends('layouts.dashboard')

@section('title', 'Jadwal Pelatih')

@section('content')
<div class="rounded-lg bg-white p-5 shadow-sm">
    <form method="POST" action="{{ route('admin.trainer-schedules.store') }}" class="grid gap-3 md:grid-cols-6">
        @csrf
        <select name="trainer_id" class="rounded-lg border border-slate-300 px-3 py-2" required>@foreach($trainers as $trainer)<option value="{{ $trainer->id }}">{{ $trainer->name }}</option>@endforeach</select>
        <input name="day" placeholder="Hari" 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>
        <input name="quota" type="number" min="1" value="1" class="rounded-lg border border-slate-300 px-3 py-2" required>
        <select name="status" class="rounded-lg border border-slate-300 px-3 py-2"><option value="available">available</option><option value="inactive">inactive</option></select>
        <button class="rounded-lg bg-sky-700 px-4 py-2 font-bold text-white md:col-span-6">Tambah Jadwal</button>
    </form>
</div>
<div class="mt-6 overflow-x-auto rounded-lg bg-white shadow-sm">
    <table class="w-full text-left text-sm"><thead class="bg-slate-50 text-slate-500"><tr><th class="p-3">Pelatih</th><th>Hari</th><th>Jam</th><th>Kuota</th><th>Status</th></tr></thead><tbody>
        @foreach($schedules as $schedule)<tr class="border-t"><td class="p-3">{{ $schedule->trainer?->name }}</td><td>{{ $schedule->day }}</td><td>{{ $schedule->start_time }}-{{ $schedule->end_time }}</td><td>{{ $schedule->quota }}</td><td><x-status-badge :status="$schedule->status" /></td></tr>@endforeach
    </tbody></table>
</div>
<div class="mt-4">{{ $schedules->links() }}</div>
@endsection