@extends('layout.layout')
@section('content')
    @php
        $authStaffDepartment = auth()->user()->staff->department ?? null;
        $authStaffDepartmentName = strtolower(trim($authStaffDepartment->name ?? ''));
        $authStaffDepartmentSlug = strtolower(trim($authStaffDepartment->slug ?? ''));
        $isRetentionDepartment = $authStaffDepartmentName === 'retention' || $authStaffDepartmentSlug === 'retention';
    @endphp
    @include('components.alert')
    <div class="container-fluid app-bg">
        <div class="page-shell">
            <div class="d-flex flex-column gap-4">
                <x-page-title
                    title="Course Details"
                    description="Review course information, assigned students, slots, and invoicing actions in one place."
                >
                    <!-- <div class="d-flex gap-2 flex-wrap"> -->
                        <a href="{{ route('courses.index') }}" class="asset-btn asset-btn--secondary">
                            Back to Courses
                        </a>
                        @can('retention_courses_destroy')
                            @if (($course->courseStudent->count() ?? 0) === 0)
                                <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteCourseModal">
                                    Delete Course
                                </button>
                            @endif
                        @endcan
                    <!-- </div> -->
                </x-page-title>

                <div class="ui-card">
                    <div class="ui-card__header d-flex align-items-center justify-content-between gap-3 flex-wrap">
                        @php
                            $hasDelayedWhiteboard = $course->scheduledSessions->contains(function ($session) {
                                if (empty($session->session_date) || empty($session->end_time)) {
                                    return false;
                                }

                                $sessionEndDateTime = \Carbon\Carbon::parse($session->session_date . ' ' . $session->end_time);
                                if (!empty($session->start_time) && $sessionEndDateTime->lessThanOrEqualTo(\Carbon\Carbon::parse($session->session_date . ' ' . $session->start_time))) {
                                    $sessionEndDateTime->addDay();
                                }
                                return now()->greaterThan($sessionEndDateTime->copy()->addHours(12)) && empty($session->extra_file);
                            });
                        @endphp
                        <h6 class="mb-0 ui-title">
                            Course Summary
                            @if($hasDelayedWhiteboard)
                                <span class="badge bg-danger ms-2">Delayed White Board</span>
                            @endif
                        </h6>

                        @if ($isRetentionDepartment)
                            <button class="btn btn-outline-primary btn-sm d-inline-flex align-items-center gap-2 asset-btn asset-btn--secondary p-3"
                                id="change_Teacher_btn">
                                <iconify-icon icon="lucide:edit" class="text-lg"></iconify-icon>
                                <span>Change Teacher</span>
                            </button>
                        @endif
                    </div>

                    <div class="p-3">
                        @php
                            $statusLabel = $course->status ?? 'Active';
                            $statusKey = in_array(strtolower($statusLabel), ['active', 'scheduled']) ? 'success' : 'warn';
                        @endphp

                        <div class="row g-3">
                           <div class="col-md-6">
    <div class="mb-3">
        <label class="form-label text-muted small mb-1">ID</label>
        <p class="mb-0 ui-title">{{ $course->id }}</p>
    </div>

    <div class="mb-3">
        <label class="form-label text-muted small mb-1">Category</label>
        <p class="mb-0 ui-title">{{ $course->category->name_en ?? 'N/A' }}</p>
    </div>
    <div class="mb-3">
        <label class="form-label text-muted small mb-1">Program Type</label>
        <p class="mb-0 ui-title">{{ $course->trackType->name ?? 'N/A' }}</p>
    </div>

    <div class="mb-3">
        <label class="form-label text-muted small mb-1">Start Date</label>
        <p class="mb-0 ui-muted">{{ $course->start_date }}</p>
    </div>

    <div class="mb-3">
        <label class="form-label text-muted small mb-1">End Date</label>
        <p class="mb-0 ui-muted">{{ $course->end_date }}</p>
    </div>

    {{-- Teacher --}}
    <div class="mb-3">
        <label class="form-label text-muted small mb-1">Teacher</label>
        <p class="mb-0 ui-title">
            <a href="{{ config('app.HR_URL') . 'staffs/' . ($course->staff->id ?? '#') }}">
                {{ trim(($course->staff->first_name ?? '') . ' ' . ($course->staff->last_name ?? '')) ?: '-' }}
            </a>
        </p>
    </div>

    <div class="mb-3">
        <label class="form-label text-muted small mb-1">Supervisor</label>
        <p class="mb-0 ui-title">
            @if ($course->staff?->manager)
                <a href="{{ config('app.HR_URL') . 'staffs/' . ($course->staff->manager->id ?? '#') }}">
                    {{
                        $course->staff->manager->full_name
                        ?? trim(($course->staff->manager->first_name ?? '') . ' ' . ($course->staff->manager->last_name ?? ''))
                        ?: '-'
                    }}
                </a>
            @else
                <span class="ui-muted">No supervisor assigned</span>
            @endif
        </p>
    </div>

    {{-- ✅ Leader --}}
    <div class="mb-3">
        <label class="form-label text-muted small mb-2">Leader</label>
        <div class="d-flex flex-wrap gap-1">
            @php
                $leaders = collect($course->courseAdmins ?? [])
                    ->pluck('admin.staff.manager')
                    ->filter()
                    ->unique('id');
            @endphp

            @forelse ($leaders as $leader)
                <a href="{{ config('app.HR_URL') . 'staffs/' . ($leader->id ?? '#') }}">
                    <span class="ui-pill ui-pill--info">
                        {{
                            $leader->full_name
                            ?? trim(($leader->first_name ?? '') . ' ' . ($leader->last_name ?? ''))
                            ?: 'Leader'
                        }}
                    </span>
                </a>
            @empty
                <span class="ui-muted">No leader assigned</span>
            @endforelse
        </div>
    </div>

    <div class="mb-3">
        <label class="form-label text-muted small mb-2">Admins</label>
        <div class="d-flex flex-wrap gap-1">
            @php
                $uniqueAdmins = collect($course->courseAdmins ?? [])
                    ->pluck('admin')
                    ->filter()
                    ->unique('id');

                if ($is_retention_leader) {
                    $currentStaffId = auth()->user()->staff->id;
                    $uniqueAdmins = $uniqueAdmins->filter(function($admin) use ($currentStaffId) {
                        return optional($admin->staff)->manager_id == $currentStaffId;
                    });
                }
            @endphp

            @forelse ($uniqueAdmins as $adminUser)
                <a href="{{ config('app.HR_URL') . 'staffs/' . ($adminUser->staff->id ?? '#') }}">
                    <span class="ui-pill ui-pill--info">
                        {{
                            optional($adminUser->staff)->full_name
                            ?? trim(
                                (optional($adminUser->staff)->first_name ?? '') . ' ' .
                                (optional($adminUser->staff)->last_name ?? '')
                            )
                            ?: ($adminUser->full_name ?? $adminUser->name ?? $adminUser->email ?? 'Admin')
                        }}
                    </span>
                </a>
            @empty
                <span class="ui-muted">No admins assigned</span>
            @endforelse
        </div>
    </div>

    {{-- Secondary Admins --}}
    <div class="mb-3">
        <div class="d-flex align-items-center justify-content-between mb-2">
            <label class="form-label text-muted small mb-0">Secondary Admins</label>
            @if($can_change_admin)
                <button type="button" class="btn btn-link btn-sm p-0 text-decoration-none d-flex align-items-center gap-1" data-bs-toggle="modal" data-bs-target="#changeSecondaryAdminModal">
                    <iconify-icon icon="lucide:edit" class="text-sm"></iconify-icon>
                    <span>Change</span>
                </button>
            @endif
        </div>
        <div class="d-flex flex-wrap gap-1">
            @php
                $secondaryAdmins = $course->secondaryAdmins;
                if ($is_retention_leader) {
                    $currentStaffId = auth()->user()->staff->id;
                    $secondaryAdmins = $secondaryAdmins->filter(function($admin) use ($currentStaffId) {
                        return optional($admin->staff)->manager_id == $currentStaffId;
                    });
                }
            @endphp

            @forelse ($secondaryAdmins as $adminUser)
                <a href="{{ config('app.HR_URL') . 'staffs/' . ($adminUser->staff->id ?? '#') }}">
                    <span class="ui-pill ui-pill--secondary" style="background-color: #e2e8f0; color: #475569;">
                        {{
                            optional($adminUser->staff)->full_name
                            ?? trim(
                                (optional($adminUser->staff)->first_name ?? '') . ' ' .
                                (optional($adminUser->staff)->last_name ?? '')
                            )
                            ?: ($adminUser->full_name ?? $adminUser->name ?? $adminUser->email ?? 'Admin')
                        }}
                    </span>
                </a>
            @empty
                <span class="ui-muted">No secondary admins assigned</span>
            @endforelse
        </div>
    </div>

    <div class="mb-0">
        <label class="form-label text-muted small mb-2">Students</label>

        <div class="d-flex flex-wrap gap-1">
            @forelse ($course->courseStudent as $item)
                <a href="{{ route('students.show', $item->student->id) }}">
                    <span class="ui-pill ui-pill--neutral">
                    {{
                        optional($item->student)->full_name
                        ?? trim(
                            (optional($item->student)->first_name ?? '') . ' ' .
                            (optional($item->student)->last_name ?? '')
                        )
                        ?: 'Student'
                    }}
                </span>
                </a>
            @empty
                <span class="ui-muted">No students</span>
            @endforelse
        </div>
    </div>
</div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label text-muted small mb-1">Program</label>
                                    <p class="mb-0 ui-title">{{ $course->track->name_en ?? 'N/A' }}</p>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label text-muted small mb-1">Level</label>
                                    <p class="mb-0 ui-title">{{ $course->trackLevel->name_en ?? 'N/A' }}</p>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label text-muted small mb-2">Days</label>
                                    <div class="d-flex flex-wrap gap-1">
                                        @foreach ($course->scheduledSessions->map(fn($s) => \Carbon\Carbon::parse($s->session_date)->format('l'))->unique() as $day)
                                            <span class="ui-pill ui-pill--info">{{ $day }}</span>
                                        @endforeach
                                    </div>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label text-muted small mb-1">Sessions</label>
                                    <div>
                                        <span class="ui-pill ui-pill--neutral">{{ $course->session }}</span>
                                    </div>
                                </div>

                                <div class="mb-0">
                                    <label class="form-label text-muted small mb-1">Status</label>
                                    <div>
                                        <span class="ui-pill ui-pill--{{ $statusKey }}">{{ $statusLabel }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                @include('dashboard.academics.courses.notes')
                @include('dashboard.academics.courses.course_slots')
                @include('dashboard.academics.courses.course_students')
                @include('dashboard.academics.courses.change_teacher_modal')
            </div>
        </div>
    </div>

    @can('retention_courses_destroy')
        @if (($course->courseStudent->count() ?? 0) === 0)
            <div class="modal fade" id="deleteCourseModal" tabindex="-1" aria-labelledby="deleteCourseModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="deleteCourseModalLabel">Delete Course</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            This course has no students. Are you sure you want to delete it?
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                            <form action="{{ route('courses.destroy', $course->id) }}" method="POST">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger">Delete Course</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    @endcan

    @if($can_change_admin)
        <div class="modal fade" id="changeSecondaryAdminModal" tabindex="-1" aria-labelledby="changeSecondaryAdminModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form action="{{ route('courses.update_secondary_admins', $course->id) }}" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id="changeSecondaryAdminModalLabel">Manage Secondary Admins</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <div class="mb-3">
                                <label class="form-label">Select Admins</label>
                                <div class="admin-selection-list" style="max-height: 300px; overflow-y: auto;">
                                    @php
                                        $selectedAdminIds = $course->secondaryAdmins->pluck('id')->toArray();
                                    @endphp
                                    @foreach($availableAdmins as $staff)
                                        <div class="form-check mb-2">
                                            <input class="form-check-input" type="checkbox" name="secondary_admin_ids[]" 
                                                value="{{ $staff->user_id }}" id="admin_{{ $staff->id }}"
                                                {{ in_array($staff->user_id, $selectedAdminIds) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="admin_{{ $staff->id }}">
                                                {{ $staff->full_name ?: ($staff->first_name . ' ' . $staff->last_name) }}
                                            </label>
                                        </div>
                                    @endforeach
                                    @if($availableAdmins->isEmpty())
                                        <p class="text-muted small">No available admins found.</p>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-primary">Save Changes</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
@endsection

@push('scripts')
<script>
    var $locale = '{{ app()->getLocale() }}';
    var course_details = @json($course);
    console.log(course_details);

    var courseSlotIds = course_details.slot_id;


    $(document).ready(function() {

        $('#change_Teacher_btn').click(function(event) {
            event.preventDefault();
            $('#change_teacher_modal').modal('show');
        });
    });

    let selectedDays = [];
    let selectedTimes = [];

    if (course_details.scheduled_sessions && course_details.scheduled_sessions.length > 0) {
        selectedDays = [...new Set(
            course_details.scheduled_sessions.map(s => {
                let date = new Date(s.session_date);
                return date.toLocaleDateString('en-US', {
                    weekday: 'long'
                });
            })
        )];

        selectedTimes = [...new Set(
            course_details.scheduled_sessions.map(s => s.start_time)
        )];

    }

    loadSlots(selectedDays, selectedTimes);

    function loadSlots(selectedDays, selectedTimes) {
        $.ajax({
            url: '{{ route('filterTeachers') }}',
            type: 'GET',
            data: {
                course_id: course_details.id,
                track_type: course_details.track_type_id,
                staff_id: course_details.staff_id,
                category_id: course_details.category_id,
                track_id: course_details.track_id,
                level_id: course_details.track_level_id,
                start_time: selectedTimes,
                days: selectedDays,
            },
            success: function(res) {
                if (res.success) {
                    console.log('Filtered Teachers:', res.data);

                    $('#staff_id').empty();
                    $('.session_staff').empty();
                    $('#staff_id').append('<option value="">Choose Teacher</option>');
                    $('.session_staff').append('<option value="">Choose Teacher</option>');

                    res.data.forEach(function(teacher) {
                        $('#staff_id').append(
                            `<option value="${teacher.id}" ${Number(teacher.id) === Number(course_details.staff_id) ? 'selected' : ''}>${teacher.first_name} ${teacher.last_name}</option>`
                        );
                        $('.session_staff').append(
                            `<option value="${teacher.id}">${teacher.first_name} ${teacher.last_name}</option>`
                        );
                    });

                    $('#staff_id').trigger('change');
                    $('.session_staff').trigger('change');
                }
            },
            error: function(err) {
                console.error("AJAX Error:", err);
                toastr.error('Something went wrong!');
            }
        });
    }
</script>
@endpush