@extends('layouts.guru')

@section('title', 'Antrean Siap Disimak — ZAXARA Guru')

@section('content')
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
    <h1 style="font-size:20px;margin:0;">Antrean Siap Disimak</h1>
    <a href="{{ route('guru.dashboard') }}" style="font-size:13px;">&larr; Dasbor Kelas</a>
</div>
<p style="font-size:13px;color:var(--ink-soft);margin-top:0;">
    Murid yang sudah lulus tes mandiri (level &ldquo;Cukup&rdquo;) tapi belum disimak guru sejak lulus &mdash;
    lihat PROJECT-SPEC.md §4.3.
</p>

<div class="card">
    <table>
        <thead>
            <tr><th>Murid</th><th>Unit</th><th>Lulus Tes Sejak</th><th></th></tr>
        </thead>
        <tbody>
            @forelse ($antrean as $p)
                <tr>
                    <td>{{ $p->murid->name }}</td>
                    <td>{{ $p->unit->materi->judul }} — {{ $p->unit->judul }}</td>
                    <td>{{ $p->terakhir_diuji_at->diffForHumans() }}</td>
                    <td><a class="btn btn-primary" href="{{ route('guru.murid.show', $p->murid_id) }}">Simak Sekarang</a></td>
                </tr>
            @empty
                <tr><td colspan="4">Tidak ada murid dalam antrean saat ini.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection