@extends('layouts.admin')

@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 Details</h1>
        <a href="{{ route('admin.results.index') }}" class="text-graphite-400 hover:text-ink-600">&larr; Back</a>
    </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">Student Name</dt>
                <dd class="mt-1 text-sm text-ink-900">{{ $result->student->name ?? '-' }}</dd>
            </div>
            <div>
                <dt class="text-sm font-medium text-graphite-400">Roll Number</dt>
                <dd class="mt-1 text-sm text-ink-900">{{ $result->student->roll_number ?? '-' }}</dd>
            </div>
            <div>
                <dt class="text-sm font-medium text-graphite-400">Subject</dt>
                <dd class="mt-1 text-sm text-ink-900">{{ $result->subject->name ?? '-' }}</dd>
            </div>
            <div>
                <dt class="text-sm font-medium text-graphite-400">Exam</dt>
                <dd class="mt-1 text-sm text-ink-900">{{ $result->subject->exam->name ?? '-' }}</dd>
            </div>
            <div>
                <dt class="text-sm font-medium text-graphite-400">Total Marks</dt>
                <dd class="mt-1 text-sm text-ink-900">{{ $result->total_marks ?? '-' }}</dd>
            </div>
            <div>
                <dt class="text-sm font-medium text-graphite-400">Grade</dt>
                <dd class="mt-1 text-sm text-ink-900">{{ $result->grade ?? '-' }}</dd>
            </div>
            <div>
                <dt class="text-sm font-medium text-graphite-400">Status</dt>
                <dd class="mt-1 text-sm">
                    <span class="px-2 py-1 text-xs font-medium rounded-full
                        {{ $result->status === 'published' ? 'bg-ledger-green-700/10 text-ledger-green-700' : ($result->status === 'finalized' ? 'bg-seal-blue-100 text-seal-blue-700' : 'bg-amber-600/10 text-amber-600') }}">
                        {{ ucfirst($result->status) }}
                    </span>
                </dd>
            </div>
            <div>
                <dt class="text-sm font-medium text-graphite-400">Compiled At</dt>
                <dd class="mt-1 text-sm text-ink-900">{{ $result->compiled_at ?? '-' }}</dd>
            </div>
        </dl>
    </div>

    @if(isset($answerSheet) && $answerSheet)
        <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">Answer Sheet</h2>
            <dl class="grid grid-cols-2 gap-4">
                <div>
                    <dt class="text-sm font-medium text-graphite-400">Answer Sheet ID</dt>
                    <dd class="mt-1 text-sm text-ink-900">{{ $answerSheet->id }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-graphite-400">Sync Status</dt>
                    <dd class="mt-1 text-sm">
                        <span class="px-2 py-1 text-xs font-medium rounded-full
                            {{ $answerSheet->sync_status === 'synced' ? 'bg-ledger-green-700/10 text-ledger-green-700' : ($answerSheet->sync_status === 'failed' ? 'bg-redpen-600/10 text-redpen-600' : 'bg-amber-600/10 text-amber-600') }}">
                            {{ ucfirst($answerSheet->sync_status) }}
                        </span>
                    </dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-graphite-400">Total AI Score</dt>
                    <dd class="mt-1 text-sm text-ink-900">{{ $answerSheet->total_ai_score ?? 0 }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-graphite-400">Total Examiner Score</dt>
                    <dd class="mt-1 text-sm text-ink-900">{{ $answerSheet->total_examiner_score ?? 0 }}</dd>
                </div>
            </dl>
            <div class="mt-4">
                <a href="{{ route('admin.answer-sheets.show', $answerSheet) }}" class="text-seal-blue-700 hover:text-blue-800 text-sm">View Answer Sheet &rarr;</a>
            </div>
        </div>
    @endif

    <div class="bg-white border border-graphite-400/30 rounded p-6">
        <h2 class="text-lg font-semibold text-ink-900 mb-4">Update Status</h2>
        <form action="{{ route('admin.results.update-status', $result) }}" method="POST" class="flex gap-4 items-end">
            @csrf
            @method('PATCH')
            <div>
                <label for="status" class="block text-sm font-medium text-ink-600 mb-1">Status</label>
                <select name="status" id="status" required class="border border-graphite-400/50 rounded px-3 py-2 text-sm">
                    <option value="pending" {{ $result->status == 'pending' ? 'selected' : '' }}>Pending</option>
                    <option value="published" {{ $result->status == 'published' ? 'selected' : '' }}>Published</option>
                    <option value="finalized" {{ $result->status == 'finalized' ? 'selected' : '' }}>Finalized</option>
                </select>
                @error('status') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
            <button type="submit" class="bg-seal-blue-700 text-white px-4 py-2 rounded hover:bg-seal-blue-700/90 text-sm">Update</button>
        </form>
    </div>
</div>
@endsection