@extends('layouts.admin')
@section('title', 'Dashboard')
@section('header-title', 'Dashboard')

@section('content')
<div class="space-y-6">
    <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4">
        <div class="overflow-hidden rounded bg-white border border-graphite-400/30 px-4 py-5 sm:p-6">
            <dt class="truncate text-sm font-medium text-graphite-400">Total Institutes</dt>
            <dd class="mt-1 text-3xl font-semibold tracking-tight text-ink-900">{{ $stats['total_institutes'] }}</dd>
            <dd class="mt-1 text-xs text-amber-600">{{ $stats['pending_institutes'] }} pending approval</dd>
        </div>
        <div class="overflow-hidden rounded bg-white border border-graphite-400/30 px-4 py-5 sm:p-6">
            <dt class="truncate text-sm font-medium text-graphite-400">Total Students</dt>
            <dd class="mt-1 text-3xl font-semibold tracking-tight text-ink-900">{{ $stats['total_students'] }}</dd>
            <dd class="mt-1 text-xs text-ledger-green-700">{{ $stats['active_students'] }} active</dd>
        </div>
        <div class="overflow-hidden rounded bg-white border border-graphite-400/30 px-4 py-5 sm:p-6">
            <dt class="truncate text-sm font-medium text-graphite-400">Active Exams</dt>
            <dd class="mt-1 text-3xl font-semibold tracking-tight text-ink-900">{{ $stats['total_exams'] }}</dd>
            <dd class="mt-1 text-xs text-seal-blue-700">{{ $stats['active_exams'] }} currently active</dd>
        </div>
        <div class="overflow-hidden rounded bg-white border border-graphite-400/30 px-4 py-5 sm:p-6">
            <dt class="truncate text-sm font-medium text-graphite-400">Examination Centers</dt>
            <dd class="mt-1 text-3xl font-semibold tracking-tight text-ink-900">{{ $stats['total_centers'] }}</dd>
        </div>
    </div>

    <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4">
        <div class="overflow-hidden rounded bg-white border border-graphite-400/30 px-4 py-5 sm:p-6">
            <dt class="truncate text-sm font-medium text-graphite-400">Total Users</dt>
            <dd class="mt-1 text-3xl font-semibold tracking-tight text-ink-900">{{ $stats['total_users'] }}</dd>
        </div>
        <div class="overflow-hidden rounded bg-white border border-graphite-400/30 px-4 py-5 sm:p-6">
            <dt class="truncate text-sm font-medium text-graphite-400">Answer Sheets</dt>
            <dd class="mt-1 text-3xl font-semibold tracking-tight text-ink-900">{{ $stats['total_answer_sheets'] }}</dd>
            <dd class="mt-1 text-xs text-amber-600">{{ $stats['pending_answers'] }} pending AI review</dd>
        </div>
        <div class="overflow-hidden rounded bg-white border border-graphite-400/30 px-4 py-5 sm:p-6">
            <dt class="truncate text-sm font-medium text-graphite-400">Results Published</dt>
            <dd class="mt-1 text-3xl font-semibold tracking-tight text-ink-900">{{ $stats['published_results'] }}</dd>
        </div>
        <div class="overflow-hidden rounded bg-white border border-graphite-400/30 px-4 py-5 sm:p-6">
            <dt class="truncate text-sm font-medium text-graphite-400">Total Results</dt>
            <dd class="mt-1 text-3xl font-semibold tracking-tight text-ink-900">{{ $stats['total_results'] }}</dd>
        </div>
    </div>

    <div class="grid grid-cols-1 gap-5 lg:grid-cols-2">
        <div class="rounded bg-white border border-graphite-400/30">
            <div class="px-4 py-5 sm:px-6 border-b border-graphite-400/30">
                <h3 class="text-base font-semibold text-ink-900">Recent Students</h3>
            </div>
            <div class="px-4 py-3">
                @forelse($recentStudents as $student)
                    <div class="flex items-center justify-between py-2 {{ !$loop->last ? 'border-b border-paper-100' : '' }}">
                        <div>
                            <p class="text-sm font-medium text-ink-900">{{ $student->name }}</p>
                            <p class="text-xs text-graphite-400">{{ $student->roll_number }}</p>
                        </div>
                        <span class="inline-flex items-center rounded-full px-2 py-1 text-xs font-medium {{ $student->status === 'approved' ? 'bg-ledger-green-700/10 text-ledger-green-700' : ($student->status === 'pending' ? 'bg-amber-600/10 text-amber-600' : 'bg-redpen-600/10 text-redpen-600') }}">
                            {{ ucfirst($student->status) }}
                        </span>
                    </div>
                @empty
                    <p class="text-sm text-graphite-400 py-2">No students registered yet.</p>
                @endforelse
            </div>
        </div>

        <div class="rounded bg-white border border-graphite-400/30">
            <div class="px-4 py-5 sm:px-6 border-b border-graphite-400/30">
                <h3 class="text-base font-semibold text-ink-900">Recent Results</h3>
            </div>
            <div class="px-4 py-3">
                @forelse($recentResults as $result)
                    <div class="flex items-center justify-between py-2 {{ !$loop->last ? 'border-b border-paper-100' : '' }}">
                        <div>
                            <p class="text-sm font-medium text-ink-900">{{ $result->student->name ?? 'N/A' }}</p>
                            <p class="text-xs text-graphite-400">{{ $result->subject->name ?? 'N/A' }} - {{ $result->grade ?? 'N/A' }}</p>
                        </div>
                        <span class="inline-flex items-center rounded-full px-2 py-1 text-xs font-medium {{ $result->status === 'published' ? 'bg-ledger-green-700/10 text-ledger-green-700' : 'bg-amber-600/10 text-amber-600' }}">
                            {{ ucfirst($result->status) }}
                        </span>
                    </div>
                @empty
                    <p class="text-sm text-graphite-400 py-2">No results available yet.</p>
                @endforelse
            </div>
        </div>
    </div>

    <div class="grid grid-cols-1 gap-5 lg:grid-cols-2">
        <div class="rounded bg-white border border-graphite-400/30">
            <div class="px-4 py-5 sm:px-6 border-b border-graphite-400/30">
                <h3 class="text-base font-semibold text-ink-900">Students by Registration Type</h3>
            </div>
            <div class="px-4 py-4">
                @forelse($studentsByRegistrationType as $type => $count)
                    <div class="flex items-center justify-between py-2 {{ !$loop->last ? 'border-b border-paper-100' : '' }}">
                        <span class="text-sm text-ink-600 capitalize">{{ str_replace('_', ' ', $type) }}</span>
                        <span class="text-sm font-semibold text-ink-900">{{ $count }}</span>
                    </div>
                @empty
                    <p class="text-sm text-graphite-400">No data available.</p>
                @endforelse
            </div>
        </div>

        <div class="rounded bg-white border border-graphite-400/30">
            <div class="px-4 py-5 sm:px-6 border-b border-graphite-400/30">
                <h3 class="text-base font-semibold text-ink-900">Results by Grade</h3>
            </div>
            <div class="px-4 py-4">
                @forelse($resultsByGrade as $grade => $count)
                    <div class="flex items-center justify-between py-2 {{ !$loop->last ? 'border-b border-paper-100' : '' }}">
                        <span class="text-sm text-ink-600">Grade {{ $grade }}</span>
                        <span class="text-sm font-semibold text-ink-900">{{ $count }}</span>
                    </div>
                @empty
                    <p class="text-sm text-graphite-400">No results available.</p>
                @endforelse
            </div>
        </div>
    </div>
</div>
@endsection