@extends('layouts.admin')

@section('title', 'Student Result Slip')
@section('header-title', 'Result Slip - ' . $student->name)

@section('content')
<div class="p-6">
    <div class="flex items-center justify-between mb-6">
        <h1 class="text-2xl font-bold font-display text-ink-900">Result Slip</h1>
        <div class="flex gap-3">
            <a href="{{ route('admin.students.show', $student) }}" class="text-graphite-400 hover:text-ink-600">&larr; Back</a>
            <button onclick="window.print()" class="bg-ink-600 text-white px-4 py-2 rounded hover:bg-ink-900 text-sm">Print</button>
        </div>
    </div>

    <div class="bg-white border border-graphite-400/30 rounded p-6 mb-6">
        <h2 class="text-lg font-semibold text-ink-900 mb-4">Student Information</h2>
        <dl class="grid grid-cols-2 gap-4">
            <div><dt class="text-sm font-medium text-graphite-400">Name</dt><dd class="text-sm text-ink-900">{{ $student->name }}</dd></div>
            <div><dt class="text-sm font-medium text-graphite-400">Roll Number</dt><dd class="text-sm text-ink-900">{{ $student->roll_number }}</dd></div>
            <div><dt class="text-sm font-medium text-graphite-400">CNIC / B-Form</dt><dd class="text-sm text-ink-900">{{ $student->cnic_or_b_form_number }}</dd></div>
            <div><dt class="text-sm font-medium text-graphite-400">Class</dt><dd class="text-sm text-ink-900">{{ $student->class }}</dd></div>
            <div><dt class="text-sm font-medium text-graphite-400">Institute</dt><dd class="text-sm text-ink-900">{{ $student->institute->name ?? 'Private Candidate' }}</dd></div>
            <div><dt class="text-sm font-medium text-graphite-400">Registration Type</dt><dd class="text-sm text-ink-900">{{ ucfirst($student->registration_type) }}</dd></div>
        </dl>
    </div>

    <div class="bg-white border border-graphite-400/30 rounded overflow-hidden mb-6">
        <div class="px-6 py-4 border-b border-graphite-400/30">
            <h2 class="text-lg font-semibold text-ink-900">Results</h2>
        </div>
        <table class="min-w-full divide-y divide-graphite-400/30">
            <thead class="bg-paper-50">
                <tr>
                    <th class="px-4 py-3 text-left text-xs font-medium text-graphite-400 uppercase">Subject</th>
                    <th class="px-4 py-3 text-left text-xs font-medium text-graphite-400 uppercase">Exam</th>
                    <th class="px-4 py-3 text-left text-xs font-medium text-graphite-400 uppercase">Total Marks</th>
                    <th class="px-4 py-3 text-left text-xs font-medium text-graphite-400 uppercase">Grade</th>
                    <th class="px-4 py-3 text-left text-xs font-medium text-graphite-400 uppercase">Status</th>
                </tr>
            </thead>
            <tbody class="bg-white divide-y divide-graphite-400/30">
                @forelse($student->results as $result)
                    <tr>
                        <td class="px-4 py-3 text-sm text-ink-900">{{ $result->subject->name ?? '-' }}</td>
                        <td class="px-4 py-3 text-sm text-ink-900">{{ $result->subject->exam->name ?? '-' }}</td>
                        <td class="px-4 py-3 text-sm text-ink-900">{{ $result->total_marks }}</td>
                        <td class="px-4 py-3 text-sm font-semibold text-ink-900">{{ $result->grade ?? '-' }}</td>
                        <td class="px-4 py-3 text-sm">
                            <span class="px-2 py-1 text-xs font-medium rounded-full {{ $result->status === 'published' ? 'bg-green-100 text-ledger-green-700' : 'bg-yellow-100 text-yellow-800' }}">
                                {{ ucfirst($result->status) }}
                            </span>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="px-4 py-4 text-sm text-graphite-400 text-center">No results available.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($answerSheets->count())
    <div class="bg-white border border-graphite-400/30 rounded overflow-hidden">
        <div class="px-6 py-4 border-b border-graphite-400/30">
            <h2 class="text-lg font-semibold text-ink-900">Answer Sheet Details</h2>
        </div>
        @foreach($answerSheets as $sheet)
        <div class="p-4 border-b last:border-0">
            <h3 class="font-medium text-ink-900 mb-2">{{ $sheet->subject->name ?? '-' }} (Center: {{ $sheet->center->name ?? '-' }})</h3>
            <table class="min-w-full text-sm">
                <thead class="bg-paper-50">
                    <tr>
                        <th class="px-3 py-2 text-left text-xs font-medium text-graphite-400 uppercase">Q#</th>
                        <th class="px-3 py-2 text-left text-xs font-medium text-graphite-400 uppercase">Max</th>
                        <th class="px-3 py-2 text-left text-xs font-medium text-graphite-400 uppercase">AI Score</th>
                        <th class="px-3 py-2 text-left text-xs font-medium text-graphite-400 uppercase">Examiner Score</th>
                        <th class="px-3 py-2 text-left text-xs font-medium text-graphite-400 uppercase">Status</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-paper-100">
                    @foreach($sheet->answers as $answer)
                    <tr>
                        <td class="px-3 py-2 text-ink-900">{{ $answer->question->question_number ?? '-' }}</td>
                        <td class="px-3 py-2 text-ink-900">{{ $answer->question->max_marks ?? '-' }}</td>
                        <td class="px-3 py-2 text-ink-900">{{ $answer->ai_score ?? '-' }}</td>
                        <td class="px-3 py-2 text-ink-900">{{ $answer->examiner_score ?? '-' }}</td>
                        <td class="px-3 py-2 text-ink-900">{{ ucfirst(str_replace('_', ' ', $answer->status)) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endforeach
    </div>
    @endif
</div>
@endsection