@extends('admin.layout.app')
@section('title', __('admin.student_details') . ' - ' . $student->name)

@php
    $dash = '—';
    $placementValue = fn ($value, $fallback = '—') => filled($value) ? $value : $fallback;
    $formatDate = fn ($value, $format = 'Y-m-d') => $value ? \Illuminate\Support\Carbon::parse($value)->format($format) : '—';
    $status = strtolower((string) ($academicPlacement['status'] ?? 'active'));
    $statusClass = match($status) {
        'active' => 'success',
        'graduated' => 'primary',
        'inactive' => 'secondary',
        'suspended' => 'warning',
        default => 'secondary',
    };
    $healthClass = match($academicHealth['standing'] ?? 'good') {
        'probation' => 'danger',
        'at_risk' => 'warning',
        default => 'success',
    };
@endphp

@section('body')
<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.student_360_profile') }}</h3>
        <p class="text-muted mb-0">{{ __('admin.complete_student_academic_financial_and_activity_overview') }}</p>
    </div>
    <div class="d-flex flex-wrap gap-2">
        <a href="{{ route('students.print', $student->id) }}" target="_blank" class="btn btn-outline-dark rounded-pill"><i class="fas fa-print me-2"></i>{{ __('admin.print') }}</a>
        <a href="{{ route('students.export', $student->id) }}" class="btn btn-outline-success rounded-pill"><i class="fas fa-file-csv me-2"></i>{{ __('admin.export_csv') }}</a>
        <a href="{{ route('students.edit', $student->id) }}" class="btn btn-primary rounded-pill"><i class="fas fa-edit me-2"></i>{{ __('admin.edit') }}</a>
        @if($profile && $profile->currentSemester && $profile->currentSemester->next_semester_id)
            <form action="{{ route('students.promote', $student->id) }}" method="POST" class="d-inline" onsubmit="return confirm('{{ __('admin.confirm_promote') }}')">
                @csrf
                <button type="submit" class="btn btn-warning rounded-pill"><i class="fas fa-arrow-up me-2"></i>{{ __('admin.promote_to_next_semester') }}</button>
            </form>
        @endif
        <a href="{{ route('students.transcript', $student->id) }}" class="btn btn-outline-danger rounded-pill"><i class="fas fa-file-pdf me-2"></i>{{ __('admin.transcript') }}</a>
        <button type="button" class="btn btn-outline-secondary rounded-pill" data-bs-toggle="modal" data-bs-target="#placementModal"><i class="fas fa-sitemap me-2"></i>{{ __('admin.edit_placement') }}</button>
        <a href="{{ route('students.index') }}" class="btn btn-outline-secondary rounded-pill"><i class="fas fa-arrow-left me-2"></i>{{ __('admin.back') }}</a>
    </div>
</div>

@if(session('success') || session('msg'))
    <div class="alert alert-success rounded-4">{{ session('success') ?: session('msg') }}</div>
@endif
@if(session('error'))
    <div class="alert alert-danger rounded-4">{{ session('error') }}</div>
@endif

<div class="card border-0 shadow-sm rounded-4 mb-4 overflow-hidden">
    <div class="card-body p-4">
        <div class="row g-4 align-items-center">
            <div class="col-lg-7">
                <div class="d-flex align-items-center gap-3">
                    <div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center" style="width:72px;height:72px;font-size:28px;">
                        {{ strtoupper(mb_substr($student->name, 0, 1)) }}
                    </div>
                    <div>
                        <h3 class="fw-bold mb-1">{{ $student->name }}</h3>
                        <div class="d-flex flex-wrap gap-2">
                            <span class="badge text-bg-light border">ID: {{ $student->id }}</span>
                            <span class="badge text-bg-light border">{{ $student->email ?: $dash }}</span>
                            <span class="badge text-bg-light border">{{ $student->phone ?: $dash }}</span>
                            <span class="badge text-bg-info">{{ __('admin.student_no') }}: {{ $academicPlacement['student_no'] ?: $dash }}</span>
                            <span class="badge text-bg-{{ $statusClass }} text-capitalize">{{ $status }}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="alert alert-{{ $healthClass }} rounded-4 mb-0">
                    <div class="fw-bold mb-1"><i class="fas fa-heartbeat me-2"></i>{{ $academicHealth['label'] }}</div>
                    <div class="small">{{ $academicHealth['message'] }}</div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-6 col-xl-3"><div class="card border-0 shadow-sm rounded-4 h-100"><div class="card-body"><div class="text-muted small text-uppercase">{{ __('admin.current_gpa') }}</div><div class="fs-2 fw-bold">{{ $latestResult->gpa ?? $dash }}</div></div></div></div>
    <div class="col-md-6 col-xl-3"><div class="card border-0 shadow-sm rounded-4 h-100"><div class="card-body"><div class="text-muted small text-uppercase">{{ __('admin.attendance_rate') }}</div><div class="fs-2 fw-bold {{ ($attendanceSummary['rate'] ?? 100) < 75 ? 'text-danger' : 'text-success' }}">{{ $attendanceSummary['rate'] !== null ? $attendanceSummary['rate'].'%' : $dash }}</div></div></div></div>
    <div class="col-md-6 col-xl-3"><div class="card border-0 shadow-sm rounded-4 h-100"><div class="card-body"><div class="text-muted small text-uppercase">{{ __('admin.outstanding_fees') }}</div><div class="fs-2 fw-bold {{ $feeSummary['outstanding'] > 0 ? 'text-danger' : 'text-success' }}">{{ number_format($feeSummary['outstanding'], 2) }}</div><div class="small text-muted">AFN</div></div></div></div>
    <div class="col-md-6 col-xl-3"><div class="card border-0 shadow-sm rounded-4 h-100"><div class="card-body"><div class="text-muted small text-uppercase">{{ __('admin.enrolled_courses') }}</div><div class="fs-2 fw-bold">{{ $student->courseEnrollments->count() }}</div></div></div></div>
</div>

@if(count($profileAlerts))
    <div class="card border-0 shadow-sm rounded-4 mb-4">
        <div class="card-header bg-white border-0 fw-bold"><i class="fas fa-triangle-exclamation text-warning me-2"></i>{{ __('admin.profile_alerts') }}</div>
        <div class="card-body pt-0">
            <div class="row g-2">
                @foreach($profileAlerts as $alert)
                    <div class="col-md-6 col-xl-4">
                        <div class="alert alert-{{ $alert['type'] }} rounded-4 mb-0 py-2 h-100"><strong>{{ $alert['title'] }}:</strong> {{ $alert['message'] }}</div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endif

<ul class="nav nav-pills gap-2 mb-4" id="studentTabs" role="tablist">
    <li class="nav-item"><button class="nav-link active rounded-pill" data-bs-toggle="tab" data-bs-target="#overview" type="button">{{ __('admin.overview') }}</button></li>
    <li class="nav-item"><button class="nav-link rounded-pill" data-bs-toggle="tab" data-bs-target="#academic" type="button">{{ __('admin.academic') }}</button></li>
    <li class="nav-item"><button class="nav-link rounded-pill" data-bs-toggle="tab" data-bs-target="#attendance" type="button">{{ __('admin.attendance') }}</button></li>
    <li class="nav-item"><button class="nav-link rounded-pill" data-bs-toggle="tab" data-bs-target="#fees" type="button">{{ __('admin.fees') }}</button></li>
    <li class="nav-item"><button class="nav-link rounded-pill" data-bs-toggle="tab" data-bs-target="#results" type="button">{{ __('admin.results') }}</button></li>
    <li class="nav-item"><button class="nav-link rounded-pill" data-bs-toggle="tab" data-bs-target="#activity" type="button">{{ __('admin.activities') }}</button></li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade show active" id="overview">
        <div class="row g-4">
            <div class="col-xl-6">
                <div class="card border-0 shadow-sm rounded-4 h-100"><div class="card-body">
                    <h5 class="fw-bold mb-3"><i class="fas fa-id-card text-primary me-2"></i>{{ __('admin.personal_information') }}</h5>
                    <table class="table table-sm table-borderless mb-0">
                        <tr><th width="170">{{ __('admin.full_name') }}</th><td>{{ $student->name }}</td></tr>
                        <tr><th>{{ __('admin.father_s_name') }}</th><td>{{ $student->father_name ?: $dash }}</td></tr>
                        <tr><th>{{ __('admin.date_of_birth') }}</th><td>{{ $formatDate($student->dob) }}</td></tr>
                        <tr><th>{{ __('admin.gender') }}</th><td>{{ $student->gender ? ucfirst($student->gender) : $dash }}</td></tr>
                        <tr><th>{{ __('admin.tazkira_no') }}</th><td>{{ $student->tazkira_no ?: $dash }}</td></tr>
                        <tr><th>{{ __('admin.agreement') }}</th><td>{!! $student->agreement ? '<span class="badge text-bg-success">Accepted</span>' : '<span class="badge text-bg-secondary">Not accepted</span>' !!}</td></tr>
                    </table>
                </div></div>
            </div>
            <div class="col-xl-6">
                <div class="card border-0 shadow-sm rounded-4 h-100"><div class="card-body">
                    <h5 class="fw-bold mb-3"><i class="fas fa-sitemap text-success me-2"></i>{{ __('admin.academic_placement') }}</h5>
                    <table class="table table-sm table-borderless mb-0">
                        <tr><th width="170">{{ __('admin.university') }}</th><td>{{ $placementValue($academicPlacement['university']) }}</td></tr>
                        <tr><th>{{ __('admin.faculty') }}</th><td>{{ $placementValue($academicPlacement['faculty']) }}</td></tr>
                        <tr><th>{{ __('admin.department') }}</th><td>{{ $placementValue($academicPlacement['department']) }}</td></tr>
                        <tr><th>{{ __('admin.program') }}</th><td>{{ $placementValue($academicPlacement['program']) }}</td></tr>
                        <tr><th>{{ __('admin.current_semester') }}</th><td>{{ $placementValue($academicPlacement['semester']) }}</td></tr>
                        <tr><th>{{ __('admin.status') }}</th><td><span class="badge text-bg-{{ $statusClass }} text-capitalize">{{ $status }}</span></td></tr>
                    </table>
                </div></div>
            </div>
            <div class="col-xl-6">
                <div class="card border-0 shadow-sm rounded-4 h-100"><div class="card-body">
                    <h5 class="fw-bold mb-3"><i class="fas fa-address-book text-info me-2"></i>{{ __('admin.contact_background') }}</h5>
                    <table class="table table-sm table-borderless mb-0">
                        <tr><th width="170">{{ __('admin.email') }}</th><td>{{ $student->email ?: $dash }}</td></tr>
                        <tr><th>{{ __('admin.phone') }}</th><td>{{ $student->phone ?: $dash }}</td></tr>
                        <tr><th>{{ __('admin.country') }}</th><td>{{ $student->country ?: $dash }}</td></tr>
                        <tr><th>{{ __('admin.address') }}</th><td>{{ $student->address ?: $dash }}</td></tr>
                        <tr><th>{{ __('admin.last_education') }}</th><td>{{ $student->last_education ?: $dash }}</td></tr>
                        <tr><th>{{ __('admin.current_job') }}</th><td>{{ $student->current_job ?: $dash }}</td></tr>
                    </table>
                </div></div>
            </div>
            <div class="col-xl-6">
                <div class="card border-0 shadow-sm rounded-4 h-100"><div class="card-body">
                    <h5 class="fw-bold mb-3"><i class="fas fa-clock-rotate-left text-secondary me-2"></i>{{ __('admin.account_information') }}</h5>
                    <table class="table table-sm table-borderless mb-0">
                        <tr><th width="170">{{ __('admin.created_at') }}</th><td>{{ $student->created_at ? $student->created_at->format('Y-m-d H:i') : $dash }}</td></tr>
                        <tr><th>{{ __('admin.updated_at') }}</th><td>{{ $student->updated_at ? $student->updated_at->format('Y-m-d H:i') : $dash }}</td></tr>
                        <tr><th>{{ __('admin.desired_course') }}</th><td>{{ $student->desired_course ?: $dash }}</td></tr>
                        <tr><th>{{ __('admin.signature_name') }}</th><td>{{ $student->signature_name ?: $dash }}</td></tr>
                        <tr><th>{{ __('admin.signed_date') }}</th><td>{{ $formatDate($student->signed_date) }}</td></tr>
                    </table>
                </div></div>
            </div>
        </div>
    </div>

    <div class="tab-pane fade" id="academic">
        <div class="card border-0 shadow-sm rounded-4"><div class="card-body">
            <div class="row g-3 mb-3">
                <div class="col-md-4"><div class="p-3 bg-light rounded-4"><div class="text-muted small">{{ __('admin.failed_courses') }}</div><div class="fs-4 fw-bold">{{ $failedCourseCount }}</div></div></div>
                <div class="col-md-4"><div class="p-3 bg-light rounded-4"><div class="text-muted small">{{ __('admin.average_marks') }}</div><div class="fs-4 fw-bold">{{ $courseAverage !== null ? $courseAverage.'%' : $dash }}</div></div></div>
                <div class="col-md-4"><div class="p-3 bg-light rounded-4"><div class="text-muted small">{{ __('admin.academic_standing') }}</div><div><span class="badge text-bg-{{ $healthClass }}">{{ $academicHealth['label'] }}</span></div></div></div>
            </div>
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light"><tr><th>{{ __('admin.course') }}</th><th>{{ __('admin.semester') }}</th><th>{{ __('admin.marks') }}</th><th>{{ __('admin.grade') }}</th><th>{{ __('admin.grade_point') }}</th><th>{{ __('admin.status') }}</th></tr></thead>
                    <tbody>
                    @forelse($student->courseResults->sortByDesc(fn($r) => optional($r->semester)->number ?? 0) as $cr)
                        <tr>
                            <td><div class="fw-semibold">{{ $cr->course->title ?? $dash }}</div><div class="small text-muted">{{ $cr->course->code ?? '' }}</div></td>
                            <td>{{ $cr->semester->name ?? (optional($cr->semester)->number ? 'Semester '.optional($cr->semester)->number : $dash) }}</td>
                            <td>{{ $cr->total_marks !== null ? $cr->total_marks.'%' : $dash }}</td>
                            <td>{{ $cr->gradeScale->name ?? $cr->grade ?? $dash }}</td>
                            <td>{{ $cr->grade_point ?? $dash }}</td>
                            <td><span class="badge text-bg-{{ ($cr->is_passed ?? false) ? 'success' : 'danger' }}">{{ ($cr->is_passed ?? false) ? 'Passed' : 'Not Passed' }}</span></td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="text-center text-muted py-4">{{ __('admin.no_records') }}</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div></div>
    </div>

    <div class="tab-pane fade" id="attendance">
        <div class="card border-0 shadow-sm rounded-4"><div class="card-body">
            <div class="row g-3 text-center mb-3">
                <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded-4"><div class="text-muted small">{{ __('admin.total_days') }}</div><div class="fs-4 fw-bold">{{ $attendanceSummary['total'] }}</div></div></div>
                <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded-4"><div class="text-muted small">{{ __('admin.present') }}</div><div class="fs-4 fw-bold text-success">{{ $attendanceSummary['present'] }}</div></div></div>
                <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded-4"><div class="text-muted small">{{ __('admin.absent') }}</div><div class="fs-4 fw-bold text-danger">{{ $attendanceSummary['absent'] }}</div></div></div>
                <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded-4"><div class="text-muted small">{{ __('admin.rate') }}</div><div class="fs-4 fw-bold">{{ $attendanceSummary['rate'] !== null ? $attendanceSummary['rate'].'%' : $dash }}</div></div></div>
            </div>
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light"><tr><th>{{ __('admin.date') }}</th><th>{{ __('admin.course') }}</th><th>{{ __('admin.status') }}</th></tr></thead>
                    <tbody>
                    @forelse($student->attendances->sortByDesc('date')->take(30) as $att)
                        @php($attStatus = strtolower((string) $att->status))
                        <tr>
                            <td>{{ $att->date ?: $dash }}</td>
                            <td>{{ $att->course->title ?? $dash }}</td>
                            <td><span class="badge text-bg-{{ $attStatus === 'present' ? 'success' : ($attStatus === 'late' ? 'warning' : ($attStatus === 'excused' ? 'info' : 'danger')) }} text-capitalize">{{ $attStatus ?: $dash }}</span></td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="text-center text-muted py-4">{{ __('admin.no_records') }}</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div></div>
    </div>

    <div class="tab-pane fade" id="fees">
        <div class="card border-0 shadow-sm rounded-4"><div class="card-body">
            <div class="row g-3 mb-3">
                <div class="col-md-4"><div class="p-3 bg-light rounded-4"><div class="text-muted small">{{ __('admin.net_fees') }}</div><div class="fs-4 fw-bold">{{ number_format($feeSummary['net'], 2) }}</div></div></div>
                <div class="col-md-4"><div class="p-3 bg-light rounded-4"><div class="text-muted small">{{ __('admin.paid') }}</div><div class="fs-4 fw-bold text-success">{{ number_format($feeSummary['paid'], 2) }}</div></div></div>
                <div class="col-md-4"><div class="p-3 bg-light rounded-4"><div class="text-muted small">{{ __('admin.outstanding') }}</div><div class="fs-4 fw-bold text-danger">{{ number_format($feeSummary['outstanding'], 2) }}</div></div></div>
            </div>
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light"><tr><th>{{ __('admin.semester') }}</th><th>{{ __('admin.net') }}</th><th>{{ __('admin.paid') }}</th><th>{{ __('admin.outstanding') }}</th><th>{{ __('admin.due_date') }}</th></tr></thead>
                    <tbody>
                    @forelse($student->studentFees->sortBy('semester_id') as $fee)
                        <tr>
                            <td>{{ $fee->semester->name ?? $dash }}</td>
                            <td>{{ number_format((float) $fee->net_amount, 2) }}</td>
                            <td>{{ number_format((float) $fee->paid_amount, 2) }}</td>
                            <td>{{ number_format((float) $fee->outstanding, 2) }}</td>
                            <td>{{ $fee->due_date ? $fee->due_date->format('Y-m-d') : $dash }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-center text-muted py-4">{{ __('admin.no_records') }}</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div></div>
    </div>

    <div class="tab-pane fade" id="results">
        <div class="card border-0 shadow-sm rounded-4"><div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light"><tr><th>{{ __('admin.semester') }}</th><th>{{ __('admin.gpa') }}</th><th>{{ __('admin.status') }}</th><th>{{ __('admin.result_date') }}</th></tr></thead>
                    <tbody>
                    @forelse($student->semesterResults->sortBy('semester_id') as $res)
                        @php($resStatus = strtolower((string) $res->status))
                        <tr>
                            <td>{{ $res->semester->name ?? (optional($res->semester)->number ? 'Semester '.optional($res->semester)->number : $dash) }}</td>
                            <td>{{ $res->gpa ?? $dash }}</td>
                            <td><span class="badge text-bg-{{ in_array($resStatus, ['pass','passed','success']) ? 'success' : 'danger' }} text-capitalize">{{ $resStatus ?: $dash }}</span></td>
                            <td>{{ $res->result_date ?: $dash }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="4" class="text-center text-muted py-4">{{ __('admin.no_records') }}</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div></div>
    </div>

    <div class="tab-pane fade" id="activity">
        <div class="card border-0 shadow-sm rounded-4"><div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light"><tr><th>{{ __('admin.activity') }}</th><th>{{ __('admin.course') }}</th><th>{{ __('admin.time') }}</th></tr></thead>
                    <tbody>
                    @forelse($recentActivities as $act)
                        <tr>
                            <td>{{ ucfirst(str_replace('_', ' ', $act->activity_type ?? 'Activity')) }}</td>
                            <td>{{ $act->course->title ?? $dash }}</td>
                            <td>{{ $act->occurred_at ? $act->occurred_at->format('Y-m-d H:i') : ($act->created_at ? $act->created_at->format('Y-m-d H:i') : $dash) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="text-center text-muted py-4">{{ __('admin.no_records') }}</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div></div>
    </div>
</div>

<div class="modal fade" id="placementModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content rounded-4 border-0">
            <form id="placementForm" action="{{ route('students.update-placement', $student->id) }}" method="POST">
                @csrf
                <div class="modal-header border-0">
                    <h5 class="modal-title fw-bold">{{ __('admin.edit_placement_for') }} {{ $student->name }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">{{ __('admin.faculty') }}</label>
                            <select name="faculty_id" id="modalFacultySelect" class="form-select">
                                <option value="">{{ __('admin.select_faculty') }}</option>
                                @foreach($faculties as $fac)
                                    <option value="{{ $fac->id }}" @selected((string)($academicPlacement['faculty_id'] ?? '') === (string)$fac->id)>{{ $fac->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{ __('admin.department') }}</label>
                            <select name="department_id" id="modalDepartmentSelect" class="form-select"><option value="">{{ __('admin.select_department') }}</option></select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{ __('admin.program') }}</label>
                            <select name="program_id" id="modalProgramSelect" class="form-select" required><option value="">{{ __('admin.select_program') }}</option></select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{ __('admin.semester') }}</label>
                            <select name="semester_id" id="modalSemesterSelect" class="form-select" required><option value="">{{ __('admin.select_semester') }}</option></select>
                        </div>
                        <div class="col-12">
                            <div class="form-check">
                                <input type="checkbox" name="auto_enroll" value="1" class="form-check-input" id="modalAutoEnroll">
                                <label class="form-check-label" for="modalAutoEnroll">{{ __('admin.auto_enroll_in_courses') }}</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-outline-secondary rounded-pill" data-bs-dismiss="modal">{{ __('admin.cancel') }}</button>
                    <button type="submit" class="btn btn-primary rounded-pill">{{ __('admin.save_placement') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    const modalFaculty = document.getElementById('modalFacultySelect');
    const modalDepartment = document.getElementById('modalDepartmentSelect');
    const modalProgram = document.getElementById('modalProgramSelect');
    const modalSemester = document.getElementById('modalSemesterSelect');
    const selectedDepartment = @json($academicPlacement['department_id'] ?? null);
    const selectedProgram = @json($academicPlacement['program_id'] ?? null);
    const selectedSemester = @json($academicPlacement['semester_id'] ?? null);

    function fillSelect(select, rows, placeholder, selectedId) {
        select.innerHTML = `<option value="">${placeholder}</option>`;
        rows.forEach(row => {
            const option = document.createElement('option');
            option.value = row.id;
            option.textContent = row.name || row.title || (`Semester ${row.number || row.id}`);
            if (String(selectedId || '') === String(row.id)) option.selected = true;
            select.appendChild(option);
        });
        select.disabled = false;
    }

    function loadDepartments(facultyId, selectedId = null) {
        if (!facultyId) return;
        fetch(`/admin/placement/departments/${facultyId}`)
            .then(res => res.json())
            .then(data => {
                fillSelect(modalDepartment, data, '{{ __('admin.select_department') }}', selectedId);
                if (selectedId) loadPrograms(selectedId, selectedProgram);
            });
    }

    function loadPrograms(departmentId, selectedId = null) {
        if (!departmentId) return;
        fetch(`/admin/placement/programs/${departmentId}`)
            .then(res => res.json())
            .then(data => {
                fillSelect(modalProgram, data, '{{ __('admin.select_program') }}', selectedId);
                if (selectedId) loadSemesters(selectedId, selectedSemester);
            });
    }

    function loadSemesters(programId, selectedId = null) {
        if (!programId) return;
        fetch(`/admin/placement/semesters/${programId}`)
            .then(res => res.json())
            .then(data => fillSelect(modalSemester, data, '{{ __('admin.select_semester') }}', selectedId));
    }

    modalFaculty.addEventListener('change', function () {
        modalDepartment.innerHTML = '<option value="">{{ __('admin.select_department') }}</option>';
        modalProgram.innerHTML = '<option value="">{{ __('admin.select_program') }}</option>';
        modalSemester.innerHTML = '<option value="">{{ __('admin.select_semester') }}</option>';
        loadDepartments(this.value);
    });
    modalDepartment.addEventListener('change', function () {
        modalProgram.innerHTML = '<option value="">{{ __('admin.select_program') }}</option>';
        modalSemester.innerHTML = '<option value="">{{ __('admin.select_semester') }}</option>';
        loadPrograms(this.value);
    });
    modalProgram.addEventListener('change', function () {
        modalSemester.innerHTML = '<option value="">{{ __('admin.select_semester') }}</option>';
        loadSemesters(this.value);
    });

    if (modalFaculty.value) loadDepartments(modalFaculty.value, selectedDepartment);
});
</script>
@endsection