@extends('admin.admin_dashboard')

@section('customcss')
<style>
    /* Custom Scrollbar */
    ::-webkit-scrollbar { width: 8px; height: 8px; }
    ::-webkit-scrollbar-track { background: #f1f1f1; }
    ::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: #555; }

    .card {
        border-radius: 8px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        margin-bottom: 10px;
    }

    .filter-form .form-control { height: 38px; }

    .card-header {
        font-weight: 600;
        font-size: 14px;
        background: #F1F3F5 !important;
        color: #000;
        padding: 6px 10px;
        border-radius: 8px 8px 0 0;
    }

    .table thead th {
        background: #f1f3f5;
        font-weight: 500;
        text-align: center;
        font-size: 10px;
        white-space: normal !important;
    }

    .table tbody td {
        text-align: center;
        vertical-align: middle;
        padding: 3px 3px;
        font-size: 14px;
        white-space: normal;
    }

    .btn-sm { padding: 2px 8px; font-size: 15px; margin: 1px 0; }

    .table-responsive { overflow-x: auto; }

    table.display { table-layout: auto; width: 100%; }

    /* ================= PAGINATION ================= */
    .pagination-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 15px;
        flex-wrap: wrap;
        gap: 10px;
    }

    .pagination-wrapper .pagination-info { font-size: 13px; color: #555; }

    .pagination-wrapper .pagination-links {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pagination { display: flex; flex-wrap: wrap; list-style: none; padding-left: 0; margin: 0; border-radius: 6px; }
    .pagination li { margin: 0 2px; }
    .pagination li a, .pagination li span {
        color: #495057;
        display: block;
        padding: 6px 12px;
        text-decoration: none;
        border-radius: 4px;
        border: 1px solid #dee2e6;
        font-size: 13px;
        transition: all 0.2s;
    }
    .pagination li a:hover { background-color: #0d6efd; color: #fff; border-color: #0d6efd; }
    .pagination li.active span { background-color: #0d6efd; color: #fff; border-color: #0d6efd; }
    .pagination li.disabled span { color: #adb5bd; cursor: not-allowed; background-color: #fff; border-color: #dee2e6; }
</style>
@endsection

@section('admin')

@php
    // ✅ Guard: exam missing হলে 404
    abort_if(empty($exam), 404);

    // ✅ Safe school vars (schoolInfo null হলেও error হবে না)
    $schoolLogo = $schoolInfo?->school_logo
        ? asset('core/storage/app/public/' . $schoolInfo->school_logo)
        : '';

    $schoolName = $schoolInfo?->school_name ?? 'School Name';
    $schoolAddress = $schoolInfo?->address ?? 'School Address';
    $schoolPhone = $schoolInfo?->phone ?? 'N/A';
    $schoolEmail = $schoolInfo?->email ?? 'N/A';
    $schoolEIIN = $schoolInfo?->eiin ?? 'N/A';
@endphp

<div class="content-body">
    <div class="container-fluid">

        <div class="row page-titles">
            <div class="col-md-9">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
                    <li class="breadcrumb-item"><a href="javascript:void(0)">Exams</a></li>
                    <li class="breadcrumb-item active">Exam Details</li>
                </ol>
            </div>
        </div>

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

        <div class="mb-3">
            <a href="{{ route('admin.exam_setup.index') }}" class="btn btn-secondary">Back to list</a>
            <a href="{{ route('admin.exam_setup.edit', $exam->id) }}" class="btn btn-warning">Edit Exam</a>
            <a href="{{ route('admin.exam_setup.components', $exam->id) }}" class="btn btn-primary">Edit Components</a>
            <a href="{{ route('admin.exams.routine.create', ['exam_id' => $exam->id]) }}" class="btn btn-light">
                <i class="fas fa-plus"></i> Add Routine
            </a>
        </div>

        {{-- Quick Documents Section --}}
        <div class="row mb-3">
            <div class="col-12">
                <div class="card">
                    <div class="card-header" style="background: #E8F5E9 !important;">
                        <h4 class="card-title text-dark">
                            <i class="fas fa-file-alt me-2 text-success"></i> Quick Documents
                        </h4>
                    </div>
                    <div class="card-body">
                        <a href="{{ route('admin.exam_setup.admit.card', $exam->id) }}" class="btn btn-success me-2" target="_blank">
                            <i class="fas fa-id-card"></i> Admit Card (Old Design)
                        </a>
                        <a href="{{ route('admin.exam_setup.admit.card.v2', $exam->id) }}" class="btn btn-info me-2" target="_blank">
                            <i class="fas fa-id-card-alt"></i> Admit Card (New Design)
                        </a>
                        <a href="{{ route('admin.exam_setup.seat.plan', $exam->id) }}" class="btn btn-primary me-2" target="_blank">
                            <i class="fas fa-chair"></i> Seat Plan
                        </a>
                        <a href="{{ route('admin.exam_setup.attendance.sheet', $exam->id) }}" class="btn btn-warning me-2" target="_blank">
                            <i class="fas fa-clipboard-check"></i> Attendance Sheet
                        </a>
                        <a href="{{ route('admin.exam_setup.manual.marks.sheet', $exam->id) }}" class="btn btn-secondary" target="_blank">
                            <i class="fas fa-file-invoice"></i> Marks Sheet
                        </a>
                    </div>
                </div>
            </div>
        </div>

        {{-- Exam Info --}}
        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header">
                        <h4 class="card-title mb-0">Exam Information</h4>
                    </div>

                    <div class="card-body">
                        <div class="row text-center">

                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="p-3 border rounded bg-light h-100">
                                    <h6 class="text-muted mb-1">Exam Name</h6>
                                    <span class="fw-bold">
                                        {{ $exam->exam_name ?? '-' }}
                                        ({{ $exam->examType?->name ?? '-' }})
                                    </span>
                                </div>
                            </div>

                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="p-3 border rounded bg-light h-100">
                                    <h6 class="text-muted mb-1">Session</h6>
                                    <span class="fw-bold">{{ $exam->session?->name ?? '-' }}</span>
                                </div>
                            </div>

                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="p-3 border rounded bg-light h-100">
                                    <h6 class="text-muted mb-1">Class</h6>
                                    <span class="fw-bold">{{ $exam->class?->name ?? '-' }}</span>
                                </div>
                            </div>

                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="p-3 border rounded bg-light h-100">
                                    <h6 class="text-muted mb-1">Start Date</h6>
                                    <span class="fw-bold">
                                        {{ $exam->start_date ? \Carbon\Carbon::parse($exam->start_date)->format('d M Y') : '-' }}
                                    </span>
                                </div>
                            </div>

                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="p-3 border rounded bg-light h-100">
                                    <h6 class="text-muted mb-1">End Date</h6>
                                    <span class="fw-bold">
                                        {{ $exam->end_date ? \Carbon\Carbon::parse($exam->end_date)->format('d M Y') : '-' }}
                                    </span>
                                </div>
                            </div>

                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="p-3 border rounded bg-light h-100">
                                    <h6 class="text-muted mb-1">Published</h6>
                                    <span class="fw-bold">
                                        {!! ($exam->is_published ?? 0)
                                            ? '<span class="badge bg-success">Yes</span>'
                                            : '<span class="badge bg-secondary">No</span>' !!}
                                    </span>
                                </div>
                            </div>

                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="p-3 border rounded bg-light h-100">
                                    <h6 class="text-muted mb-1">Has Results</h6>
                                    <span class="fw-bold">
                                        {!! ($hasResults ?? false)
                                            ? '<span class="badge bg-danger">Yes</span>'
                                            : '<span class="badge bg-success">No</span>' !!}
                                    </span>
                                </div>
                            </div>

                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="p-3 border rounded bg-light h-100">
                                    <h6 class="text-muted mb-1">Full Mark</h6>
                                    <span class="fw-bold">{{ number_format((float)($exam->full_mark ?? 0), 2) }} </span>
                                </div>
                            </div>

                        </div> {{-- row --}}
                    </div> {{-- card-body --}}
                </div>
            </div>
        </div>

        {{-- COMPONENT + ROUTINE --}}
        <div class="row">
            {{-- Components --}}
            <div class="col-6">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Exam Components</h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <div id="payment-history-table">
                                <table class="table table-bordered">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Subject</th>
                                            <th>Component</th>
                                            <th>Full Mark</th>
                                            <th>Pass Mark</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($subjectAssignments ?? [] as $asgn)
                                            @php
                                                $sub = $asgn->subject;
                                            @endphp

                                            {{-- ✅ subject missing হলে skip --}}
                                            @if(!$sub)
                                                @continue
                                            @endif

                                            @php
                                                $components = $componentsGrouped[$sub->id] ?? collect();
                                            @endphp

                                            @if($components->count())
                                                @foreach($components as $idx => $comp)
                                                    <tr>
                                                        @if($idx === 0)
                                                            <td rowspan="{{ $components->count() }}">{{ $sub->name ?? '-' }}</td>
                                                        @endif
                                                        <td>{{ $comp->component_name ?? '-' }}</td>
                                                        <td>{{ $comp->full_mark ?? '-' }}</td>
                                                        <td>{{ $comp->pass_mark ?? '-' }}</td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td>{{ $sub->name ?? '-' }}</td>
                                                    <td colspan="3">
                                                        <em>
                                                            Components not configured yet.
                                                            <a href="{{ route('admin.exam_setup.components', $exam->id) }}">Configure now</a>
                                                        </em>
                                                    </td>
                                                </tr>
                                            @endif
                                        @empty
                                            <tr>
                                                <td colspan="4" class="text-center text-muted">No subjects assigned for this class.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div> {{-- end --}}
                        </div>
                    </div>
                </div>
            </div>

            {{-- Routine --}}
            <div class="col-6">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h4 class="card-title">Exam Routine</h4>
                        <div>
                            @if(($exam->routines?->count() ?? 0) > 0)
                                <button onclick="printRoutine()" class="btn btn-primary btn-sm me-2">
                                    <i class="fas fa-print"></i> Print Routine
                                </button>
                                <a href="{{ route('admin.exam-routines.edit', $exam->id) }}" class="btn btn-info btn-sm me-2">
                                    <i class="fas fa-edit"></i> Edit Routine
                                </a>
                            @endif

                            <a href="{{ route('admin.exams.routine.create', ['exam_id' => $exam->id]) }}" class="btn btn-light btn-sm">
                                <i class="fas fa-plus"></i> Add Routine
                            </a>
                        </div>
                    </div>

                    <div class="card-body" id="routineArea">
                        @if(($exam->routines?->count() ?? 0) > 0)
                            <div class="table-responsive">
                                <table class="table table-bordered align-middle text-center">
                                    <thead class="table-light">
                                        <tr>
                                            <th>SL</th>
                                            <th>Subject</th>
                                            <th>Date</th>
                                            <th>Start Time</th>
                                            <th>End Time</th>
                                            <th>Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($exam->routines as $key => $routine)
                                            @php
                                                $examDate = $routine->exam_date ? \Carbon\Carbon::parse($routine->exam_date) : null;
                                                $today = \Carbon\Carbon::today();
                                                $isPast = $examDate ? $examDate->lt($today) : false;
                                            @endphp
                                            <tr>
                                                <td>{{ $key + 1 }}</td>
                                                <td>{{ $routine->subject?->name ?? '-' }}</td>
                                                <td>{{ $examDate ? $examDate->format('d M Y') : '-' }}</td>
                                                <td>{{ $routine->start_time ? \Carbon\Carbon::parse($routine->start_time)->format('h:i A') : '-' }}</td>
                                                <td>{{ $routine->end_time ? \Carbon\Carbon::parse($routine->end_time)->format('h:i A') : '-' }}</td>
                                                <td>
                                                    @if($examDate)
                                                        @if($isPast)
                                                            <span class="badge bg-success">Exam Done</span>
                                                        @else
                                                            <span class="badge bg-warning">Upcoming</span>
                                                        @endif
                                                    @else
                                                        <span class="badge bg-secondary">N/A</span>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <p class="text-muted">No exam routine added yet.</p>
                        @endif

                        {{-- Instructions for Print --}}
                        @if(($exam->routines?->count() ?? 0) > 0)
                            <div class="mt-4">
                                <label class="form-label">
                                    <strong>Instructions (Optional for Print):</strong>
                                </label>
                                <textarea id="routine-instructions" class="form-control" rows="4" placeholder="Write instructions..."></textarea>
                                <small class="text-muted">These instructions will appear in the printed routine.</small>
                            </div>
                        @endif
                    </div> {{-- routineArea --}}
                </div>
            </div>
        </div>

    </div>
</div>

<script>
function printRoutine() {
    var content = document.getElementById("routineArea").innerHTML;
    var instructions = document.getElementById("routine-instructions") ? document.getElementById("routine-instructions").value : '';

    var printWindow = window.open('', '', 'width=900,height=900');

    // Values from PHP (safe)
    const schoolLogo = @json($schoolLogo);
    const schoolName = @json($schoolName);
    const schoolAddress = @json($schoolAddress);
    const schoolPhone = @json($schoolPhone);
    const schoolEmail = @json($schoolEmail);
    const schoolEIIN = @json($schoolEIIN);

    const examName = @json($exam->exam_name ?? 'Exam');
    const className = @json($exam->class?->name ?? '');
    const sessionName = @json($exam->session?->name ?? '');
    const examTypeName = @json($exam->examType?->name ?? '');
    const startDate = @json($exam->start_date ? \Carbon\Carbon::parse($exam->start_date)->format('d M Y') : '');
    const endDate = @json($exam->end_date ? \Carbon\Carbon::parse($exam->end_date)->format('d M Y') : '');

    printWindow.document.write(`
        <html>
        <head>
            <title>Print Exam Routine</title>
            <style>
                @page { size: A4; margin: 15mm 20mm; }

                * {
                    -webkit-print-color-adjust: exact !important;
                    print-color-adjust: exact !important;
                    color-adjust: exact !important;
                }

                body {
                    font-family: "Times New Roman", serif;
                    padding: 0;
                    margin: 0;
                    background: #fff;
                    color: #000;
                }

                .print-container {
                    width: 100%;
                    max-width: 210mm;
                    padding: 20px 25px;
                    position: relative;
                    box-sizing: border-box;
                    margin: 0 auto;
                }

                .school-header {
                    text-align: center;
                    border-bottom: 3px solid #000;
                    padding-bottom: 12px;
                    margin-bottom: 25px;
                    position: relative;
                }

                .school-logo {
                    width: 90px;
                    height: 90px;
                    object-fit: contain;
                    margin-bottom: 8px;
                }

                .school-header h2 {
                    margin: 5px 0;
                    font-weight: bold;
                    font-size: 26px;
                    color: #000;
                    text-transform: uppercase;
                }

                .school-header p { margin: 3px 0; font-size: 15px; color: #000; }

                .routine-title {
                    text-align: center;
                    margin: 20px 0;
                    font-size: 20px;
                    font-weight: bold;
                    text-decoration: underline;
                }

                .exam-info {
                    margin: 15px 0;
                    font-size: 15px;
                    text-align: center;
                }

                table { width: 100%; border-collapse: collapse; margin: 20px 0; }
                th, td { border: 1px solid #000; padding: 10px; text-align: center; font-size: 15px; }
                th { background-color: #f0f0f0; font-weight: bold; }

                .instructions { margin-top: 30px; padding: 0; }
                .instructions h4 { margin-top: 0; margin-bottom: 10px; font-weight: bold; }
                .instructions p { margin: 5px 0; line-height: 1.8; text-align: justify; }

                .badge, .btn, textarea, label, .form-control, .mt-4 { display:none !important; }

                @media print {
                    body { margin:0; padding:0; }
                    .print-container { padding: 15px 20px; }
                    table { page-break-inside: avoid; }
                }
            </style>
        </head>
        <body>
            <div class="print-container">
                <div class="school-header">
                    ${schoolLogo ? `<img src="${schoolLogo}" class="school-logo" alt="School Logo">` : ``}
                    <h2>${schoolName}</h2>
                    <p>${schoolAddress}</p>
                    <p>Phone: ${schoolPhone} | Email: ${schoolEmail}</p>
                    <p>EIIN: ${schoolEIIN}</p>
                </div>

                <div class="routine-title">${examName} - Exam Routine</div>

                <div class="exam-info">
                    <strong>Class:</strong> ${className} |
                    <strong>Session:</strong> ${sessionName} |
                    <strong>Type:</strong> ${examTypeName}
                    <br>
                    <strong>Duration:</strong> ${startDate} to ${endDate}
                </div>

                ${content}

                ${instructions ? `
                <div class="instructions">
                    <h4>Instructions:</h4>
                    ${instructions.split('\\n').map(line => line ? `<p>${line}</p>` : '').join('')}
                </div>
                ` : ''}
            </div>
        </body>
        </html>
    `);

    printWindow.document.close();

    setTimeout(() => {
        printWindow.print();
        printWindow.onafterprint = function() {
            printWindow.close();
        };
    }, 500);
}
</script>

@endsection