@extends('layouts.teacher')
@section('title', 'Dashboard')
@section('content')
    <x-page-head title="Teacher Dashboard" subtitle="Your academic command center">
        <x-slot:actions>
            <a href="{{ route('teacher.assignments.create') }}" class="btn btn-primary btn-sm">New Assignment</a>
            <a href="{{ route('teacher.materials.create') }}" class="btn btn-outline btn-sm">Upload Material</a>
        </x-slot:actions>
    </x-page-head>

    <div class="stat-grid" style="margin-bottom:20px;">
        <x-stat-card label="My Classes" :value="$stats['classes']->count()" />
        <x-stat-card label="Total Students" :value="$stats['total_students']" color="teal" />
        <x-stat-card label="Pending Marking" :value="$stats['pending_marking']" color="violet" />
        <x-stat-card label="Active Quizzes" :value="$stats['active_quizzes']" color="amber" />
        <x-stat-card label="Upcoming Exams" :value="$stats['upcoming_exams']" />
        <x-stat-card label="Draft Results" :value="$stats['draft_results']" color="violet" />
    </div>

    <div class="grid-2-eq">
        <x-panel title="My Classes">
            @if ($stats['classes']->isEmpty())
                <x-empty-state title="No classes assigned" message="Contact the registrar for class assignments." />
            @else
                <div class="table-wrap"><table><thead><tr><th>Class</th><th>Students</th><th></th></tr></thead><tbody>
                    @foreach ($stats['classes'] as $class)
                        <tr>
                            <td>{{ $class->name }}</td>
                            <td>{{ $class->students_count }}</td>
                            <td class="text-right">
                                <a href="{{ route('teacher.attendance.mark', ['class_id' => $class->id]) }}" class="btn btn-ghost btn-sm">Attendance</a>
                                <a href="{{ route('teacher.gradebook.index', ['class_id' => $class->id]) }}" class="btn btn-ghost btn-sm">Gradebook</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody></table></div>
            @endif
        </x-panel>

        <x-panel title="Today's Lessons">
            @if ($stats['upcoming_lessons']->isEmpty())
                <p style="color:var(--muted);">No lessons scheduled for today.</p>
            @else
                <ul style="list-style:none; padding:0; margin:0;">
                    @foreach ($stats['upcoming_lessons'] as $slot)
                        <li style="padding:8px 0; border-bottom:1px solid var(--border);">
                            <strong>{{ $slot->starts_at }}–{{ $slot->ends_at }}</strong>
                            {{ $slot->subject?->name }} — {{ $slot->schoolClass?->name }}
                            @if($slot->room)<span style="color:var(--muted);">({{ $slot->room }})</span>@endif
                        </li>
                    @endforeach
                </ul>
            @endif
        </x-panel>
    </div>

    <x-panel title="Quick Actions" style="margin-top:16px;">
        <div style="display:flex; gap:8px; flex-wrap:wrap;">
            <a href="{{ route('teacher.exams.create') }}" class="btn btn-outline btn-sm">Schedule Exam</a>
            <a href="{{ route('teacher.quizzes.create') }}" class="btn btn-outline btn-sm">Create Quiz</a>
            <a href="{{ route('teacher.announcements.create') }}" class="btn btn-outline btn-sm">Post Announcement</a>
            <a href="{{ route('teacher.results.index') }}" class="btn btn-outline btn-sm">Submit Results</a>
            <a href="{{ route('teacher.cases.index') }}" class="btn btn-outline btn-sm">Discipline Cases</a>
        </div>
    </x-panel>
@endsection