@extends('layouts.dashboard')

@section('title', 'Absensi Sesi')

@section('content')
<div class="rounded-lg bg-white p-5 shadow-sm">
    <h2 class="font-black">{{ $session->swimmingClass?->class_name }}</h2>
    <p class="mt-1 text-sm text-slate-600">{{ $session->session_date->format('d/m/Y') }} · {{ $session->start_time }}-{{ $session->end_time }}</p>
</div>
<div class="mt-6 grid gap-4">
@forelse($session->bookings as $booking)
    @php($attendance = $attendances->get($booking->user_id))
    <div class="rounded-lg bg-white p-5 shadow-sm">
        <div class="flex flex-wrap items-center justify-between gap-3">
            <div><p class="font-black">{{ $booking->user?->name ?? $booking->participant_name }}</p><p class="text-sm text-slate-600">{{ $booking->booking_code }}</p></div>
            <x-status-badge :status="$attendance?->attendance_status ?? 'belum_absen'" />
        </div>
        <form method="POST" action="{{ route('trainer.sessions.attendance.store', $session) }}" class="mt-4 grid gap-3 md:grid-cols-[160px_160px_1fr_auto]">
            @csrf
            <input type="hidden" name="user_id" value="{{ $booking->user_id }}">
            <select name="attendance_status" class="rounded-lg border border-slate-300 px-3 py-2">
                @foreach(['hadir','tidak_hadir','izin','terlambat'] as $status)<option value="{{ $status }}" @selected($attendance?->attendance_status===$status)>{{ $status }}</option>@endforeach
            </select>
            <select name="action" class="rounded-lg border border-slate-300 px-3 py-2"><option value="">Simpan status</option><option value="checkin">Catat masuk</option><option value="checkout">Catat keluar</option></select>
            <input name="trainer_note" value="{{ $attendance?->trainer_note }}" placeholder="Catatan/evaluasi" class="rounded-lg border border-slate-300 px-3 py-2">
            <button class="rounded-lg bg-sky-700 px-4 py-2 font-bold text-white">Simpan</button>
        </form>
    </div>
@empty
    <div class="rounded-lg bg-white p-5 text-slate-500 shadow-sm">Belum ada peserta booking sesi ini.</div>
@endforelse
</div>
@endsection