@extends('layouts.dashboard')

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

@section('content')
<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">Peserta</th><th>Kelas</th><th>Masuk</th><th>Keluar</th><th>Status</th><th>Catatan</th></tr></thead>
        <tbody>
        @foreach($attendances as $attendance)
            <tr class="border-t"><td class="p-3 font-bold">{{ $attendance->user?->name }}</td><td>{{ $attendance->session?->swimmingClass?->class_name }}</td><td>{{ optional($attendance->check_in_time)->format('d/m/Y H:i') }}</td><td>{{ optional($attendance->check_out_time)->format('H:i') }}</td><td><x-status-badge :status="$attendance->attendance_status" /></td><td>{{ $attendance->trainer_note }}</td></tr>
        @endforeach
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $attendances->links() }}</div>
@endsection