@extends('layouts.dashboard')

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

@section('content')
<div class="mb-4 flex justify-end"><a href="{{ route('trainer.sessions.create') }}" class="rounded-lg bg-sky-700 px-4 py-2 text-sm font-bold text-white">Buat Sesi</a></div>
<div class="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">Kelas</th><th>Tanggal</th><th>Jam</th><th>Kuota</th><th>Status</th><th>Absensi</th></tr></thead>
        <tbody>
        @foreach($sessions as $session)
            <tr class="border-t"><td class="p-3 font-bold">{{ $session->swimmingClass?->class_name }}</td><td>{{ $session->session_date->format('d/m/Y') }}</td><td>{{ $session->start_time }}-{{ $session->end_time }}</td><td>{{ $session->quota_used }}/{{ $session->quota_total }}</td><td><x-status-badge :status="$session->status" /></td><td><a href="{{ route('trainer.sessions.attendance', $session) }}" class="font-bold text-sky-700">Kelola</a></td></tr>
        @endforeach
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $sessions->links() }}</div>
@endsection