@extends('layouts.school')

@section('title', 'Results')
@section('header', 'Results & Report Cards')

@section('content')
    <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 mb-6">
        <form method="GET" action="{{ route('school.results.index', request()->route('schoolId')) }}" class="flex flex-col gap-4 sm:flex-row sm:items-end">
            <div class="flex-1">
                <label class="block text-sm font-medium text-gray-700">Class *</label>
                <select name="class_id" required onchange="this.form.submit()" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                    <option value="">Select class...</option>
                    @foreach($classes as $class)
                        <option value="{{ $class->id }}" {{ $classId == $class->id ? 'selected' : '' }}>{{ $class->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="flex-1">
                <label class="block text-sm font-medium text-gray-700">Term *</label>
                <select name="term_id" required onchange="this.form.submit()" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                    <option value="">Select term...</option>
                    @foreach($terms as $term)
                        <option value="{{ $term->id }}" {{ $termId == $term->id ? 'selected' : '' }}>{{ $term->name }}{{ $term->is_current ? ' (current)' : '' }}</option>
                    @endforeach
                </select>
            </div>
            <div class="flex gap-2 pb-0.5">
                <a href="{{ route('school.results.settings', request()->route('schoolId')) }}" class="rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-50 whitespace-nowrap">Display Settings</a>
                <a href="{{ route('school.results.template', request()->route('schoolId')) }}" class="rounded-lg bg-primary-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-primary-700 whitespace-nowrap">Design Template</a>
                <a href="{{ route('school.results.signatures', request()->route('schoolId')) }}" class="rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-50 whitespace-nowrap">Signatures</a>
            </div>
        </form>
    </div>

    @php
        $requireWorkflow = \App\Services\Academic\ResultSettingsService::flag($settings, 'require_workflow');
        $statusBadges = [
            'draft' => 'bg-gray-100 text-gray-600',
            'submitted' => 'bg-blue-50 text-blue-700',
            'reviewed' => 'bg-amber-50 text-amber-700',
            'approved' => 'bg-indigo-50 text-indigo-700',
            'published' => 'bg-green-50 text-green-700',
        ];
        $workflowForm = fn (string $action) => route("school.results.$action", request()->route('schoolId'));
        $counts = ['draft' => 0, 'submitted' => 0, 'reviewed' => 0, 'approved' => 0, 'published' => 0];
        foreach ($sheetStatuses as $status) { if (isset($counts[$status])) $counts[$status]++; }
    @endphp

    @if($computed)
        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-hidden mb-6">
            <div class="border-b border-gray-200 px-6 py-4 flex flex-wrap items-center justify-between gap-3">
                <h3 class="font-display font-semibold text-gray-900">Class average: {{ $computed['classAverage'] ?? '-' }}%</h3>
                <div class="flex flex-wrap gap-2">
                    <form method="POST" action="{{ $workflowForm('save-sheets') }}">
                        @csrf
                        <input type="hidden" name="class_id" value="{{ $classId }}">
                        <input type="hidden" name="term_id" value="{{ $termId }}">
                        <button type="submit" class="rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50">Compute &amp; Save Drafts</button>
                    </form>

                    @if(!$requireWorkflow)
                        <form method="POST" action="{{ $workflowForm('publish') }}" onsubmit="return confirm('Publish all result sheets for this class and term?')">
                            @csrf
                            <input type="hidden" name="class_id" value="{{ $classId }}">
                            <input type="hidden" name="term_id" value="{{ $termId }}">
                            <button type="submit" class="rounded-lg bg-green-600 px-4 py-2 text-sm font-semibold text-white hover:bg-green-700">Publish All</button>
                        </form>
                        <form method="POST" action="{{ $workflowForm('unpublish') }}" onsubmit="return confirm('Revert all published sheets to draft?')">
                            @csrf
                            <input type="hidden" name="class_id" value="{{ $classId }}">
                            <input type="hidden" name="term_id" value="{{ $termId }}">
                            <button type="submit" class="rounded-lg border border-yellow-300 bg-yellow-50 px-4 py-2 text-sm font-medium text-yellow-800 hover:bg-yellow-100">Unpublish</button>
                        </form>
                    @else
                        @if($counts['draft'])
                            <form method="POST" action="{{ $workflowForm('submit') }}" onsubmit="return confirm('Submit all draft sheets for review?')">
                                @csrf
                                <input type="hidden" name="class_id" value="{{ $classId }}">
                                <input type="hidden" name="term_id" value="{{ $termId }}">
                                <button type="submit" class="rounded-lg bg-blue-600 px-4 py-2 text-sm font-semibold text-white hover:bg-blue-700">Submit ({{ $counts['draft'] }})</button>
                            </form>
                        @endif
                        @if($counts['submitted'])
                            <form method="POST" action="{{ $workflowForm('review') }}" onsubmit="return confirm('Mark all submitted sheets as reviewed?')">
                                @csrf
                                <input type="hidden" name="class_id" value="{{ $classId }}">
                                <input type="hidden" name="term_id" value="{{ $termId }}">
                                <button type="submit" class="rounded-lg bg-amber-500 px-4 py-2 text-sm font-semibold text-white hover:bg-amber-600">Review ({{ $counts['submitted'] }})</button>
                            </form>
                        @endif
                        @if($counts['reviewed'])
                            <form method="POST" action="{{ $workflowForm('approve') }}" onsubmit="return confirm('Approve all reviewed sheets?')">
                                @csrf
                                <input type="hidden" name="class_id" value="{{ $classId }}">
                                <input type="hidden" name="term_id" value="{{ $termId }}">
                                <button type="submit" class="rounded-lg bg-indigo-600 px-4 py-2 text-sm font-semibold text-white hover:bg-indigo-700">Approve ({{ $counts['reviewed'] }})</button>
                            </form>
                        @endif
                        @if($counts['approved'] || $counts['published'])
                            <form method="POST" action="{{ $workflowForm('publish') }}" onsubmit="return confirm('Publish all approved result sheets? Parents will see them instantly.')">
                                @csrf
                                <input type="hidden" name="class_id" value="{{ $classId }}">
                                <input type="hidden" name="term_id" value="{{ $termId }}">
                                <button type="submit" class="rounded-lg bg-green-600 px-4 py-2 text-sm font-semibold text-white hover:bg-green-700">Publish ({{ $counts['approved'] }})</button>
                            </form>
                            <form method="POST" action="{{ $workflowForm('unpublish') }}" onsubmit="return confirm('Revoke published sheets? They return to approved state.')">
                                @csrf
                                <input type="hidden" name="class_id" value="{{ $classId }}">
                                <input type="hidden" name="term_id" value="{{ $termId }}">
                                <button type="submit" class="rounded-lg border border-yellow-300 bg-yellow-50 px-4 py-2 text-sm font-medium text-yellow-800 hover:bg-yellow-100">Unpublish</button>
                            </form>
                        @endif
                    @endif
                </div>
            </div>
            <table class="min-w-full divide-y divide-gray-200">
                <thead class="bg-gray-50">
                    <tr>
                        <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Pos</th>
                        <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Student</th>
                        <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Total</th>
                        <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Average</th>
                        <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Grade</th>
                        <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Status</th>
                        <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Missing Scores</th>
                        <th class="px-6 py-3"></th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100">
                    @php
                        $ranked = collect($computed['students'])->sortBy(fn ($r) => $r['position'] ?? 999999);
                    @endphp
                    @forelse($ranked as $row)
                        @php
                            $missing = collect($row['subjects'])->sum(fn ($s) => $s['missing']);
                            $sheetStatus = $sheetStatuses[$row['student']->id] ?? null;
                        @endphp
                        <tr class="hover:bg-gray-50">
                            <td class="px-6 py-3 text-sm font-bold text-gray-900">{{ $row['position'] ?? '-' }}</td>
                            <td class="px-6 py-3 text-sm font-medium text-gray-900 whitespace-nowrap">{{ $row['student']->full_name }}
                                @if($sheetStatus)<span class="ml-2 rounded-full px-2 py-0.5 text-xs font-medium capitalize {{ $statusBadges[$sheetStatus] ?? 'bg-gray-100 text-gray-500' }}">{{ $sheetStatus }}</span>@endif
                            </td>
                            <td class="px-6 py-3 text-sm text-gray-600">{{ $row['total'] ?? '-' }}</td>
                            <td class="px-6 py-3 text-sm text-gray-600">{{ $row['average'] !== null ? $row['average'].'%' : '-' }}</td>
                            <td class="px-6 py-3 text-sm font-semibold text-gray-900">{{ $row['grade'] ?? '-' }}</td>
                            <td class="px-6 py-3 text-sm text-gray-400">{{ $sheetStatus ? ucfirst($sheetStatus) : 'Not computed' }}</td>
                            <td class="px-6 py-3 text-sm {{ $missing > 0 ? 'text-red-600 font-medium' : 'text-gray-400' }}">{{ $missing > 0 ? $missing.' missing' : 'Complete' }}</td>
                            <td class="px-6 py-3 text-right whitespace-nowrap">
                                <a href="{{ route('school.results.report-card', [request()->route('schoolId'), $row['student']->id, $termId]) }}" target="_blank" class="text-sm font-medium text-primary-600 hover:text-primary-700">Report Card</a>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="px-6 py-12 text-center text-sm text-gray-500">No active students in this class.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-hidden">
            <div class="border-b border-gray-200 px-6 py-4"><h3 class="font-display font-semibold text-gray-900">Subject Averages</h3></div>
            <table class="min-w-full divide-y divide-gray-200">
                <thead class="bg-gray-50"><tr><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Subject</th><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Class Avg</th><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Highest</th><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Lowest</th></tr></thead>
                <tbody class="divide-y divide-gray-100">
                    @foreach($computed['subjects'] as $subject)
                        <tr class="hover:bg-gray-50">
                            <td class="px-6 py-3 text-sm font-medium text-gray-900">{{ $subject->name }}</td>
                            <td class="px-6 py-3 text-sm text-gray-600">{{ $computed['subjectAverages'][$subject->id] !== null ? $computed['subjectAverages'][$subject->id].'%' : '-' }}</td>
                            <td class="px-6 py-3 text-sm text-gray-600">{{ $computed['subjectStats'][$subject->id]['highest'] ?? '-' }}</td>
                            <td class="px-6 py-3 text-sm text-gray-600">{{ $computed['subjectStats'][$subject->id]['lowest'] ?? '-' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
@endsection