@extends('layouts.admin')

@section('title', setting('school_name', 'ShulePoint') . ' | ' . $exam->name)
@section('page-title', $exam->name)

@section('content')
@php
    $examPill = $exam->status === 'published' ? 'ok' : ($exam->status === 'ongoing' ? 'warn' : 'muted');
    $canManageExams = $canManageExams ?? ((auth()->user()->role ?? '') === 'admin');
@endphp
@if(!$canManageExams)
<div class="alert alert-info"><i class="fas fa-eye mr-1"></i> This exam was created by the admin. You can enter marks for <strong>your own class</strong> and download broadsheets &amp; report cards.</div>
@endif

{{-- Header card --}}
<div class="card card-outline card-primary shadow-sm learner-card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-file-alt mr-1"></i> {{ $exam->name }}
            <span class="status-pill {{ $examPill }} ml-1"><span class="dot"></span>{{ ucfirst($exam->status) }}</span>
        </h3>
        <div class="card-tools">
            @if($canManageExams)
            <form method="POST" action="{{ route('exams.publish', $exam) }}" class="d-inline">@csrf
                <button type="submit" class="btn btn-sm btn-primary"><i class="fas fa-bullhorn mr-1"></i> Publish Results</button>
            </form>
            <a href="{{ route('exams.edit', $exam) }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-pen mr-1"></i> Edit</a>
            @endif
            <a href="{{ route('exams.broadsheet', $exam) }}" class="btn btn-sm btn-outline-success"><i class="fas fa-table mr-1"></i> Class Broadsheet</a>
        </div>
    </div>
    <div class="card-body py-2">
        <small class="text-muted"><i class="fas fa-calendar mr-1"></i>{{ $exam->starts_at }} – {{ $exam->ends_at }}</small>
    </div>
</div>

<div class="row">
    {{-- Marks entry per subject --}}
    <div class="col-lg-6">
        <div class="card shadow-sm learner-card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-pen mr-1"></i> Enter marks per subject</h3>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table learner-table table-hover text-nowrap mb-0">
                    <thead>
                        <tr>
                            <th>Subject</th>
                            <th class="text-right">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($subjects as $s)
                            <tr>
                                <td class="font-weight-600">{{ $s->name }}</td>
                                <td class="text-right">
                                    <a href="{{ route('exams.enter-marks', [$exam, $s->id]) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-pen mr-1"></i> Enter marks</a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="2" class="text-center py-5">
                                    <i class="fas fa-book fa-3x text-muted mb-3"></i>
                                    <p class="font-weight-bold mb-1">No subjects found</p>
                                    <p class="text-muted small mb-0">Add subjects before entering marks.</p>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Performance distribution --}}
    <div class="col-lg-6">
        <div class="card shadow-sm learner-card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-chart-bar mr-1"></i> Performance distribution</h3>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table learner-table table-hover text-nowrap mb-0">
                    <thead>
                        <tr>
                            <th>Level</th>
                            <th>Count</th>
                            <th>Avg</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($stats as $st)
                            @php
                                $lvl = $st->performance_level ?? '';
                                $lvlPill = str_starts_with($lvl, 'EE') ? 'ok' : (str_starts_with($lvl, 'ME') ? 'warn' : 'muted');
                            @endphp
                            <tr>
                                <td><span class="status-pill {{ $lvlPill }}"><span class="dot"></span>{{ $st->performance_level }}</span></td>
                                <td>{{ $st->c }}</td>
                                <td>{{ number_format($st->avg_score, 1) }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="3" class="text-center py-5">
                                    <i class="fas fa-chart-bar fa-3x text-muted mb-3"></i>
                                    <p class="font-weight-bold mb-1">No results yet</p>
                                    <p class="text-muted small mb-0">Enter marks to see the distribution.</p>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection