@extends('layouts.app')

@section('title', 'Unmarked Registers')

@section('content')
    <div class="flex flex-col gap-6">
        <div class="flex flex-wrap items-end justify-between gap-3">
            <div>
                <h1 class="text-lg font-semibold">Register Compliance</h1>
                <p class="text-xs text-muted-foreground">Spot class registers that have not been marked by midday.</p>
            </div>
            <a href="{{ route('register.analytics') }}" class="rounded-lg border border-border px-3 py-2 text-sm hover:bg-accent">Analytics</a>
        </div>

        <div class="rounded-xl border border-border bg-card">
            <form method="get" action="{{ route('register.compliance') }}" class="flex flex-wrap items-end gap-3 p-3">
                <div class="flex flex-col gap-1.5">
                    <label class="text-xs text-muted-foreground">Date</label>
                    <input type="date" name="date" value="{{ $date }}" class="h-9 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                </div>
                <button class="h-9 rounded-lg bg-primary px-3 text-sm font-medium text-primary-foreground hover:bg-primary/90">Check</button>
            </form>
        </div>

        @if ($nonSchoolDay)
            <div class="rounded-xl border border-amber-500/40 bg-amber-50 px-4 py-3 text-sm text-amber-800">
                {{ \Carbon\Carbon::parse($date)->format('l, d M Y') }} is a non-school day ({{ $nonSchoolDay }}). No registers are expected.
            </div>
        @endif

        <div class="grid gap-4 sm:grid-cols-3">
            <div class="rounded-xl border border-border bg-card p-4">
                <p class="text-xs uppercase tracking-wide text-muted-foreground">Total Registers</p>
                <p class="mt-1 text-2xl font-semibold">{{ $status['total'] }}</p>
            </div>
            <div class="rounded-xl border border-border bg-card p-4">
                <p class="text-xs uppercase tracking-wide text-muted-foreground">Marked</p>
                <p class="mt-1 text-2xl font-semibold text-emerald-600">{{ $status['marked'] }}</p>
            </div>
            <div class="rounded-xl border border-border bg-card p-4">
                <p class="text-xs uppercase tracking-wide text-muted-foreground">Unmarked</p>
                <p class="mt-1 text-2xl font-semibold {{ $status['unmarked'] > 0 ? 'text-destructive' : 'text-emerald-600' }}">{{ $status['unmarked'] }}</p>
            </div>
        </div>

        <div class="overflow-x-auto rounded-xl border border-border bg-card">
            <div class="border-b border-border px-4 py-3 text-sm font-semibold">Pending Registers — {{ \Carbon\Carbon::parse($date)->format('d M Y') }}</div>
            <table class="w-full text-sm">
                <thead>
                    <tr class="border-b text-left text-xs uppercase text-muted-foreground">
                        <th class="px-4 py-2 font-medium">Class</th>
                        <th class="px-4 py-2 font-medium">Stream</th>
                        <th class="px-4 py-2 text-center font-medium">Students</th>
                        <th class="px-4 py-2 text-right font-medium">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($status['list'] as $u)
                        <tr class="border-b last:border-0">
                            <td class="px-4 py-2 font-medium">{{ $u['class'] }}</td>
                            <td class="px-4 py-2">{{ $u['stream'] ?: '—' }}</td>
                            <td class="px-4 py-2 text-center tabular-nums">{{ $u['students'] }}</td>
                            <td class="px-4 py-2 text-right">
                                <a href="{{ route('register.sheet', ['class' => $u['class'], 'stream' => $u['stream'], 'date' => $date]) }}"
                                   class="text-xs text-primary hover:underline">Mark now</a>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="4" class="px-4 py-10 text-center text-sm text-muted-foreground">
                            @if ($isSchoolDay) All registers are marked. ✅ @else Nothing to mark. @endif
                        </td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection