@extends('admin.layout.app')
@section('title', 'Exam Result Details')

@section('body')
<div class="d-flex flex-column flex-md-row align-items-start justify-content-between gap-3 mb-4">
    <div>
        <h3 class="fw-bold mb-1">Exam Result Details</h3>
        <p class="text-muted mb-0">View the saved result for this student and subject.</p>
    </div>
    <div class="d-flex flex-wrap gap-2">
        <a href="{{ route('exam.edit', [$course->id, $student->id]) }}" class="btn btn-primary px-4">
            <i class="far fa-edit me-2"></i> Edit
        </a>
        <a href="{{ route('exam.index') }}" class="btn btn-outline-secondary px-4">
            <i class="fas fa-arrow-left me-2"></i> Back to List
        </a>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif

<div class="row g-4">
    <div class="col-lg-4">
        <div class="card card-page p-3 shadow-sm h-100">
            <h5 class="fw-bold mb-3">Student</h5>
            <div class="mb-2">
                <div class="text-muted small">Name</div>
                <div class="fw-semibold">{{ $student->name }}</div>
            </div>
            <div class="mb-2">
                <div class="text-muted small">Student ID</div>
                <div>{{ $student->studentRecord?->student_no ?? '-' }}</div>
            </div>
            <div class="mb-2">
                <div class="text-muted small">Email</div>
                <div>{{ $student->email ?? '-' }}</div>
            </div>
            <div>
                <div class="text-muted small">Phone</div>
                <div>{{ $student->phone ?? '-' }}</div>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card card-page p-3 shadow-sm h-100">
            <h5 class="fw-bold mb-3">Subject</h5>
            <div class="mb-2">
                <div class="text-muted small">Course</div>
                <div class="fw-semibold">{{ $course->title }}</div>
            </div>
            <div class="mb-2">
                <div class="text-muted small">Code</div>
                <div>{{ $course->code ?? '-' }}</div>
            </div>
            <div class="mb-2">
                <div class="text-muted small">Faculty</div>
                <div>{{ $course->semester?->program?->department?->faculty?->name ?? '-' }}</div>
            </div>
            <div class="mb-2">
                <div class="text-muted small">Department</div>
                <div>{{ $course->semester?->program?->department?->name ?? '-' }}</div>
            </div>
            <div>
                <div class="text-muted small">Semester</div>
                <div>{{ $course->semester?->name ?? '-' }}</div>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card card-page p-3 shadow-sm h-100">
            <h5 class="fw-bold mb-3">Result</h5>
            <div class="mb-2">
                <div class="text-muted small">Marks</div>
                <div class="fs-4 fw-bold">{{ $result ? number_format((float) $result->total_marks, 2).'%' : '-' }}</div>
            </div>
            <div class="mb-2">
                <div class="text-muted small">Grade</div>
                <div>{{ $result?->gradeScale?->name ?? '-' }}</div>
            </div>
            <div class="mb-2">
                <div class="text-muted small">Grade Point</div>
                <div>{{ $result?->grade_point ?? '-' }}</div>
            </div>
            <div>
                <div class="text-muted small">Status</div>
                @if($result)
                    <span class="badge bg-{{ $result->is_passed ? 'success' : 'danger' }}">{{ $result->is_passed ? 'Passed' : 'Failed' }}</span>
                @else
                    <span class="badge bg-secondary">Not processed</span>
                @endif
            </div>
        </div>
    </div>
</div>

@if($marks->isNotEmpty())
    <div class="card card-page p-3 shadow-sm mt-4">
        <h5 class="fw-bold mb-3">Exam Type Marks</h5>
        <div class="table-responsive">
            <table class="table table-hover align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Exam Type</th>
                        <th>Marks</th>
                        <th>Maximum Marks</th>
                        <th>Entered At</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($marks as $mark)
                        <tr>
                            <td>{{ $mark->examType?->name ?? '-' }}</td>
                            <td>{{ number_format((float) $mark->marks_obtained, 2) }}</td>
                            <td>{{ number_format((float) $mark->max_marks, 2) }}</td>
                            <td>{{ $mark->entered_at?->format('Y-m-d H:i') ?? '-' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endif
@endsection