@extends('admin.layout.app')

@section('body')
@php
    $defaultDestinationFacultyId = old('destination_faculty_id', $defaultDestinationSemester?->program?->department?->faculty_id ?? $selectedSemester?->program?->department?->faculty_id);
    $defaultDestinationDepartmentId = old('destination_department_id', $defaultDestinationSemester?->program?->department_id ?? $selectedSemester?->program?->department_id);
    $defaultDestinationSemesterId = old('destination_semester_id', $defaultDestinationSemester?->id);
    $defaultDestinationAcademicYear = old('destination_academic_year', $filters['academic_year'] ?? '');
@endphp
<div class="d-flex flex-column flex-lg-row align-items-start justify-content-between gap-3 mb-4">
    <div>
        <h3 class="fw-bold mb-1">{{ __('admin.promote_students_to_next_semester') }}</h3>
        <p class="text-muted mb-0">Filter students, select the eligible records, and promote them in one clear step.</p>
    </div>
    @if($selectedSemester)
        <span class="badge bg-light text-dark border px-3 py-2">
            {{ $selectedSemester->name }} /
            {{ $selectedSemester->nextSemester ? 'Next: '.$selectedSemester->nextSemester->name : 'Final semester' }}
        </span>
    @endif
</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
@if($errors->any())
    <div class="alert alert-danger">{{ $errors->first() }}</div>
@endif

<div class="card card-page p-3 shadow-sm mb-4">
    <form method="GET" action="{{ route('exam.promotion.index') }}" class="row g-3 align-items-end">
        <div class="col-md-3">
            <label class="form-label">Faculty</label>
            <select id="facultyFilter" name="faculty_id" class="form-select">
                <option value="">All faculties</option>
                @foreach($faculties as $faculty)
                    <option value="{{ $faculty->id }}" @selected((string) ($filters['faculty_id'] ?? '') === (string) $faculty->id)>{{ $faculty->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label">Department</label>
            <select id="departmentFilter" name="department_id" class="form-select">
                <option value="">All departments</option>
                @foreach($departments as $department)
                    <option value="{{ $department->id }}" @selected((string) ($filters['department_id'] ?? '') === (string) $department->id)>{{ $department->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label">Current Semester</label>
            <select name="semester_id" class="form-select" required>
                <option value="">Select semester</option>
                @foreach($semesters as $semester)
                    <option value="{{ $semester->id }}" @selected((string) ($filters['semester_id'] ?? '') === (string) $semester->id)>
                        {{ $semester->name }}
                        @if($semester->nextSemester)
                            / Next: {{ $semester->nextSemester->name }}
                        @endif
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label">Academic Year</label>
            <select name="academic_year" class="form-select">
                <option value="">All years</option>
                @foreach($academicYears as $year)
                    <option value="{{ $year }}" @selected((string) ($filters['academic_year'] ?? '') === (string) $year)>{{ $year }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label">Exam Result</label>
            <select name="exam_result" class="form-select">
                <option value="">Any result</option>
                <option value="pass" @selected(($filters['exam_result'] ?? '') === 'pass')>Pass</option>
                <option value="fail" @selected(($filters['exam_result'] ?? '') === 'fail')>Fail</option>
                <option value="probation" @selected(($filters['exam_result'] ?? '') === 'probation')>Probation</option>
                <option value="no_result" @selected(($filters['exam_result'] ?? '') === 'no_result')>No result</option>
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label">Passed / Failed Status</label>
            <select name="passed_status" class="form-select">
                <option value="">All statuses</option>
                <option value="pass" @selected(($filters['passed_status'] ?? '') === 'pass')>Passed</option>
                <option value="fail" @selected(($filters['passed_status'] ?? '') === 'fail')>Failed</option>
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label">Student Status</label>
            <select name="student_status" class="form-select">
                <option value="">All student statuses</option>
                @foreach($studentStatuses as $status)
                    <option value="{{ $status }}" @selected((string) ($filters['student_status'] ?? '') === (string) $status)>{{ ucfirst($status) }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3 d-flex gap-2">
            <button type="submit" class="btn btn-primary flex-fill">
                <i class="fas fa-filter me-2"></i> Filter
            </button>
            <a href="{{ route('exam.promotion.index') }}" class="btn btn-outline-secondary">Reset</a>
        </div>
    </form>
</div>

<div class="card card-page p-3 shadow-sm mb-4">
    @if(! $selectedSemester)
        <div class="alert alert-info mb-0">Select the current semester to load students for promotion.</div>
    @else
        <form method="POST" action="{{ route('exam.promotion.promote') }}" onsubmit="return confirm('Promote the selected eligible students?');">
            @csrf
            <input type="hidden" name="semester_id" value="{{ $selectedSemester->id }}">

            <div class="row g-3 mb-4">
                <div class="col-lg-6">
                    <div class="border rounded p-3 h-100">
                        <div class="text-muted small mb-2">From</div>
                        <div class="row g-2">
                            <div class="col-md-6">
                                <label class="form-label">Current Faculty</label>
                                <input class="form-control" value="{{ $selectedSemester->program?->department?->faculty?->name ?? 'As shown per student' }}" disabled>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Current Department</label>
                                <input class="form-control" value="{{ $selectedSemester->program?->department?->name ?? 'As shown per student' }}" disabled>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Current Semester</label>
                                <input class="form-control" value="{{ $selectedSemester->name }}" disabled>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Current Academic Year</label>
                                <input class="form-control" value="{{ $filters['academic_year'] ?? 'As shown per student' }}" disabled>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="border rounded p-3 h-100">
                        <div class="text-muted small mb-2">To</div>
                        <div class="row g-2">
                            <div class="col-md-6">
                                <label class="form-label">Destination Faculty</label>
                                <select id="destinationFaculty" name="destination_faculty_id" class="form-select" required>
                                    <option value="">Select faculty</option>
                                    @foreach($faculties as $faculty)
                                        <option value="{{ $faculty->id }}" @selected((string) $defaultDestinationFacultyId === (string) $faculty->id)>{{ $faculty->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Destination Department</label>
                                <select id="destinationDepartment" name="destination_department_id" class="form-select" required>
                                    <option value="">Select department</option>
                                    @foreach($allDepartments as $department)
                                        <option value="{{ $department->id }}" data-faculty-id="{{ $department->faculty_id }}" @selected((string) $defaultDestinationDepartmentId === (string) $department->id)>{{ $department->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Destination Semester</label>
                                <select id="destinationSemester" name="destination_semester_id" class="form-select" required>
                                    <option value="">Select semester</option>
                                    @foreach($semesters as $semester)
                                        @php
                                            $semesterDepartmentId = $semester->program?->department_id;
                                            $semesterFacultyId = $semester->program?->department?->faculty_id;
                                        @endphp
                                        <option
                                            value="{{ $semester->id }}"
                                            data-faculty-id="{{ $semesterFacultyId }}"
                                            data-department-id="{{ $semesterDepartmentId }}"
                                            @selected((string) $defaultDestinationSemesterId === (string) $semester->id)>
                                            {{ $semester->program?->department?->faculty?->name ? $semester->program->department->faculty->name.' / ' : '' }}{{ $semester->program?->department?->name ? $semester->program->department->name.' / ' : '' }}{{ $semester->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Academic Year</label>
                                <input name="destination_academic_year" class="form-control" value="{{ $defaultDestinationAcademicYear }}" list="academicYearOptions" maxlength="20" required>
                                <datalist id="academicYearOptions">
                                    @foreach($academicYears as $year)
                                        <option value="{{ $year }}"></option>
                                    @endforeach
                                </datalist>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex flex-column flex-lg-row justify-content-between gap-3 mb-3">
                <div>
                    <h5 class="mb-1">Filtered Students</h5>
                    <div class="text-muted small">Only students with a passing semester result can be selected for normal promotion.</div>
                </div>
                <div class="d-flex flex-wrap gap-2">
                    <button type="button" id="selectEligible" class="btn btn-outline-primary btn-sm">
                        <i class="fas fa-check-square me-1"></i> Select Eligible
                    </button>
                    <button type="submit" class="btn btn-primary btn-sm">
                        <i class="fas fa-arrow-up me-1"></i> Promote Selected
                    </button>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light">
                        <tr>
                            <th style="width:50px">Select</th>
                            <th>Student</th>
                            <th>Current Faculty</th>
                            <th>Current Department</th>
                            <th>Current Semester</th>
                            <th>Academic Year</th>
                            <th>Exam Result</th>
                            <th>Passed / Failed</th>
                            <th>Student Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($students as $student)
                            @php
                                $profile = $student->studentRecord;
                                $result = $student->semesterResults->firstWhere('semester_id', $selectedSemester->id);
                                $eligible = $profile
                                    && (int) $profile->current_semester_id === (int) $selectedSemester->id
                                    && $result
                                    && $result->status === 'pass';
                            @endphp
                            <tr>
                                <td>
                                    <input
                                        type="checkbox"
                                        name="student_ids[]"
                                        value="{{ $student->id }}"
                                        class="form-check-input promotion-checkbox"
                                        @disabled(! $eligible)>
                                </td>
                                <td>
                                    <div class="fw-semibold">{{ $student->name }}</div>
                                    <div class="small text-muted">{{ $student->email }}</div>
                                </td>
                                <td>{{ $profile?->faculty?->name ?? $profile?->program?->department?->faculty?->name ?? '-' }}</td>
                                <td>{{ $profile?->department?->name ?? $profile?->program?->department?->name ?? '-' }}</td>
                                <td>
                                    {{ $profile?->currentSemester?->name ?? '-' }}
                                    @if($profile?->currentSemester?->nextSemester)
                                        <div class="small text-muted">Next: {{ $profile->currentSemester->nextSemester->name }}</div>
                                    @endif
                                </td>
                                <td>{{ $profile?->academic_year ?? '-' }}</td>
                                <td>
                                    @if($result)
                                        <span class="badge bg-light text-dark border">GPA: {{ $result->gpa ?? '-' }}</span>
                                    @else
                                        <span class="badge bg-secondary">No result</span>
                                    @endif
                                </td>
                                <td>
                                    @if($result?->status === 'pass')
                                        <span class="badge bg-success">Passed</span>
                                    @elseif($result?->status === 'fail')
                                        <span class="badge bg-danger">Failed</span>
                                    @elseif($result)
                                        <span class="badge bg-warning text-dark">{{ ucfirst($result->status) }}</span>
                                    @else
                                        <span class="badge bg-secondary">Pending</span>
                                    @endif
                                </td>
                                <td>{{ ucfirst($profile?->status ?? '-') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="text-center text-muted py-5">No students found for the selected filters.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            {{ $students->links('pagination::bootstrap-4') }}
        </form>
    @endif
</div>

@if($canExceptionalPromotion)
    <div class="card card-page p-3 shadow-sm">
        <div class="d-flex flex-column flex-lg-row justify-content-between gap-3 mb-3">
            <div>
                <h5 class="mb-1">Exceptional Promotion</h5>
                <div class="text-muted small">Move a specific student directly to another semester with approval details recorded automatically.</div>
            </div>
            <span class="badge bg-warning text-dark align-self-start">Authorized users only</span>
        </div>

        <form method="POST" action="{{ route('exam.promotion.exceptional') }}" class="row g-3">
            @csrf
            <div class="col-md-4">
                <label class="form-label">Student</label>
                <select name="student_user_id" class="form-select" required>
                    <option value="">Select student</option>
                    @foreach($studentsList as $student)
                        <option value="{{ $student->id }}" @selected(old('student_user_id') == $student->id)>
                            {{ $student->name }} / {{ $student->studentRecord?->currentSemester?->name ?? 'No semester' }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Destination Faculty</label>
                <select id="exceptionFaculty" name="destination_faculty_id" class="form-select" required>
                    <option value="">Select faculty</option>
                    @foreach($faculties as $faculty)
                        <option value="{{ $faculty->id }}" @selected(old('destination_faculty_id') == $faculty->id)>{{ $faculty->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Destination Department</label>
                <select id="exceptionDepartment" name="destination_department_id" class="form-select" required>
                    <option value="">Select department</option>
                    @foreach($allDepartments as $department)
                        <option value="{{ $department->id }}" data-faculty-id="{{ $department->faculty_id }}" @selected(old('destination_department_id') == $department->id)>{{ $department->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Destination Semester</label>
                <select id="exceptionSemester" name="to_semester_id" class="form-select" required>
                    <option value="">Select new semester</option>
                    @foreach($semesters as $semester)
                        @php
                            $semesterDepartmentId = $semester->program?->department_id;
                            $semesterFacultyId = $semester->program?->department?->faculty_id;
                        @endphp
                        <option
                            value="{{ $semester->id }}"
                            data-faculty-id="{{ $semesterFacultyId }}"
                            data-department-id="{{ $semesterDepartmentId }}"
                            @selected(old('to_semester_id') == $semester->id)>
                            {{ $semester->program?->department?->faculty?->name ? $semester->program->department->faculty->name.' / ' : '' }}{{ $semester->program?->department?->name ? $semester->program->department->name.' / ' : '' }}{{ $semester->name }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Academic Year</label>
                <input name="destination_academic_year" class="form-control" value="{{ old('destination_academic_year', $filters['academic_year'] ?? '') }}" list="exceptionAcademicYearOptions" maxlength="20" required>
                <datalist id="exceptionAcademicYearOptions">
                    @foreach($academicYears as $year)
                        <option value="{{ $year }}"></option>
                    @endforeach
                </datalist>
            </div>
            <div class="col-md-4">
                <label class="form-label">Approved By / Date</label>
                <input class="form-control" value="{{ auth()->user()->name ?? 'Current user' }} / {{ now()->toDateString() }}" disabled>
            </div>
            <div class="col-md-6">
                <label class="form-label">Reason for Exceptional Promotion</label>
                <textarea name="reason" class="form-control" rows="3" required>{{ old('reason') }}</textarea>
            </div>
            <div class="col-md-6">
                <label class="form-label">{{ __('admin.remarks') }}</label>
                <textarea name="remarks" class="form-control" rows="3">{{ old('remarks') }}</textarea>
            </div>
            <div class="col-12">
                <button type="submit" class="btn btn-warning" onclick="return confirm('Record this exceptional promotion?');">
                    <i class="fas fa-user-check me-2"></i> Save Exceptional Promotion
                </button>
            </div>
        </form>
    </div>
@endif

<script>
document.addEventListener('DOMContentLoaded', function () {
    const selectEligible = document.getElementById('selectEligible');
    const facultyFilter = document.getElementById('facultyFilter');
    const departmentFilter = document.getElementById('departmentFilter');
    const departmentsUrl = @json(url('exam/departments/by-faculty'));

    if (selectEligible) {
        selectEligible.addEventListener('click', function () {
            document.querySelectorAll('.promotion-checkbox:not(:disabled)').forEach(function (checkbox) {
                checkbox.checked = true;
            });
        });
    }

    function filterPlacementSelectors(facultySelect, departmentSelect, semesterSelect) {
        if (! facultySelect || ! departmentSelect || ! semesterSelect) return;

        const facultyId = facultySelect.value;
        const departmentId = departmentSelect.value;

        Array.from(departmentSelect.options).forEach(function (option) {
            if (! option.value) {
                option.hidden = false;
                option.disabled = false;
                return;
            }

            const visible = ! facultyId || option.dataset.facultyId === facultyId;
            option.hidden = ! visible;
            option.disabled = ! visible;
            if (! visible && option.selected) {
                departmentSelect.value = '';
            }
        });

        const activeDepartmentId = departmentSelect.value;
        Array.from(semesterSelect.options).forEach(function (option) {
            if (! option.value) {
                option.hidden = false;
                option.disabled = false;
                return;
            }

            const matchesFaculty = ! facultyId || option.dataset.facultyId === facultyId;
            const matchesDepartment = ! activeDepartmentId || option.dataset.departmentId === activeDepartmentId;
            const visible = matchesFaculty && matchesDepartment;
            option.hidden = ! visible;
            option.disabled = ! visible;
            if (! visible && option.selected) {
                semesterSelect.value = '';
            }
        });
    }

    [
        [
            document.getElementById('destinationFaculty'),
            document.getElementById('destinationDepartment'),
            document.getElementById('destinationSemester')
        ],
        [
            document.getElementById('exceptionFaculty'),
            document.getElementById('exceptionDepartment'),
            document.getElementById('exceptionSemester')
        ]
    ].forEach(function (selectors) {
        const [facultySelect, departmentSelect, semesterSelect] = selectors;
        filterPlacementSelectors(facultySelect, departmentSelect, semesterSelect);

        if (facultySelect) {
            facultySelect.addEventListener('change', function () {
                filterPlacementSelectors(facultySelect, departmentSelect, semesterSelect);
            });
        }
        if (departmentSelect) {
            departmentSelect.addEventListener('change', function () {
                filterPlacementSelectors(facultySelect, departmentSelect, semesterSelect);
            });
        }
    });

    if (facultyFilter && departmentFilter) {
        facultyFilter.addEventListener('change', async function () {
            departmentFilter.innerHTML = '<option value="">All departments</option>';
            if (! this.value) return;

            const response = await fetch(`${departmentsUrl}/${this.value}`);
            const departments = await response.json();
            departments.forEach(function (department) {
                const option = document.createElement('option');
                option.value = department.id;
                option.textContent = department.name;
                departmentFilter.appendChild(option);
            });
        });
    }
});
</script>
@endsection