@extends('layouts.dashboard')

@section('title', 'Peserta Saya')

@section('content')
<div class="grid gap-6">
@foreach($classes as $class)
    <div class="rounded-lg bg-white p-5 shadow-sm">
        <h2 class="font-black">{{ $class->class_name }}</h2>
        <div class="mt-4 overflow-x-auto">
            <table class="w-full text-left text-sm">
                <thead class="text-slate-500"><tr><th class="py-2">Nama</th><th>Email</th><th>Status</th><th>Bergabung</th></tr></thead>
                <tbody>
                @foreach($class->students as $student)
                    <tr class="border-t"><td class="py-3 font-bold">{{ $student->user?->name }}</td><td>{{ $student->user?->email }}</td><td><x-status-badge :status="$student->status" /></td><td>{{ optional($student->joined_at)->format('d/m/Y') }}</td></tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endforeach
</div>
@endsection