@extends('layout.layout')

@section('content')
        @php
            $authStaff = auth()->user()->staff ?? null;
            $authDepartment = $authStaff->department ?? null;
            $authDepartmentName = strtolower(trim($authDepartment->name ?? ''));
            $authDepartmentSlug = strtolower(trim($authDepartment->slug ?? ''));
            $authJobTitleSlug = strtolower(trim($authStaff->jobTitle->slug ?? ''));
            $isRetentionDepartment = $authDepartmentName === 'retention' || $authDepartmentSlug === 'retention';
            $isTeacherUser = $authJobTitleSlug === 'teacher';
            $canManageSessionAssignments = in_array($authJobTitleSlug, [
                'teacher',
                'academic-manager',
                'academic manager',
                'academic-supervisor',
                'academic_supervisor',
                'academic supervisor',
                'supervisor',
            ], true);
            $canShowMeetingUrl = $course->hasPaidStudentInvoice();
            $authStudent = auth()->user()->student ?? null;
            $teacher = sessionTeacher($session, $course);
            $canManageBbbSession = $authStaff && (
                (int) $session->staff_id === (int) $authStaff->id
                || (int) $course->staff_id === (int) $authStaff->id
                || auth()->user()->can('retention_courses_showSession')
            );
            $canJoinBbbSession = $canManageBbbSession || (
                $authStudent && $courseStudents->contains(fn ($courseStudent) => (int) $courseStudent->student_id === (int) $authStudent->id)
            );
        @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="Session Details"
                        description="Review this session and update teacher, extra link, and attachment.">
                        <a href="{{ url()->previous() }}" class="asset-btn asset-btn--secondary">
                            Back
                        </a>
                    </x-page-title>

                    <div class="ui-card">
                        <div class="p-3">
                            <div class="d-flex align-items-center justify-content-between gap-3 flex-wrap mb-3">
                                <div class="d-flex gap-2 flex-wrap align-items-center">
                                    <a class="btn btn-primary p-3" href="{{ route('courses.show', $course->id) }}">Back To Course</a>
                                    @if($canManageBbbSession)
                                        {{-- <form method="POST" action="{{ route('courses.sessions.bbb.start', ['course' => $course->id, 'session' => $session->id]) }}">
                                            @csrf
                                            <button type="submit" class="btn btn-success p-3">
                                                Start Meeting
                                            </button>
                                        </form> --}}
                                        <a class="btn btn-success p-3" href="{{ route('courses.sessions.bbb.join', ['course' => $course->id, 'session' => $session->id]) }}" target="_blank">
                                            Join
                                        </a>
                                        {{-- <form method="POST" action="{{ route('courses.sessions.bbb.end', ['course' => $course->id, 'session' => $session->id]) }}">
                                            @csrf
                                            <button type="submit" class="btn btn-danger p-3">
                                                End Meeting
                                            </button>
                                        </form> --}}
                                        <a class="btn btn-outline-primary p-3" href="{{ route('courses.sessions.bbb.status', ['course' => $course->id, 'session' => $session->id]) }}" target="_blank">
                                            Meeting Status
                                        </a>
                                        <a class="btn btn-outline-primary p-3" href="{{ route('courses.sessions.bbb.recordings', ['course' => $course->id, 'session' => $session->id]) }}" target="_blank">
                                            Meeting Recordings
                                        </a>
                                    @elseif($canJoinBbbSession)
                                        <a class="btn btn-success p-3" href="{{ route('courses.sessions.bbb.join', ['course' => $course->id, 'session' => $session->id]) }}" target="_blank">
                                            Join Meeting
                                        </a>
                                    @else
                                        <button type="button" class="btn btn-outline-secondary p-3" disabled>
                                            No Session Access
                                        </button>
                                    @endif
                                    <x-bbb-teacher-media-status :session="$session" :teacher="$teacher" />
                                </div>
                            </div>

                            <div class="row g-3">
                                <div class="col-sm-6 col-lg-4">
                                    <label class="form-label text-muted small mb-1">Date</label>
                                    <p class="mb-0 ui-muted">{{ $session->session_date ?? 'N/A' }}</p>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <label class="form-label text-muted small mb-1">Start Time</label>
                                    <p class="mb-0 ui-muted">
                                        {{ $session->start_time ? \Carbon\Carbon::parse($session->start_time)->format('h:i A') : 'N/A' }}
                                    </p>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <label class="form-label text-muted small mb-1">End Time</label>
                                    <p class="mb-0 ui-muted">
                                        {{ $session->end_time ? \Carbon\Carbon::parse($session->end_time)->format('h:i A') : 'N/A' }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="ui-card">
                        <div class="ui-card__header">
                            <div class="mb-0 ui-title">Update Session</div>
                        </div>
                        <form
                            action="{{ route('courses.sessions.update', ['course' => $course->id, 'session' => $session->id]) }}"
                            method="POST" enctype="multipart/form-data" class="p-3 session-update-form">
                            @csrf

                            <div class="session-update-grid">
                                @if($isRetentionDepartment)
                                    <div class="session-update-row">
                                        <div class="session-update-row__label">Teacher</div>
                                        <div class="session-update-row__current">
                                            <span class="ui-title">
                                                {{ $teacher ? staffDisplayName($teacher) : 'No teacher assigned' }}
                                            </span>
                                        </div>
                                        <div class="session-update-row__input">
                                            <select name="staff_id" class="form-select">
                                                <option value="">Keep current teacher</option>
                                                @foreach($teachers as $teacher)
                                                    <option value="{{ $teacher->id }}" {{ (int) $teacher->id === (int) $session->staff_id ? 'selected' : '' }}>
                                                        {{ $teacher->first_name }} {{ $teacher->last_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                @endif

                                <div class="session-update-row">
                                    <div class="session-update-row__label">Extra Link</div>
                                    <div class="session-update-row__current">
                                        @if($session->extra_link)
                                            <a href="{{ $session->extra_link }}" target="_blank" class="session-update-link">
                                                {{ $session->extra_link }}
                                            </a>
                                        @else
                                            <span class="ui-muted">No link added</span>
                                        @endif
                                    </div>
                                    <div class="session-update-row__input">
                                        <input type="url" name="extra_link" class="form-control"
                                            value="{{ old('extra_link', $session->extra_link) }}"
                                            placeholder="Paste session link">
                                    </div>
                                </div>

                                <div class="session-update-row">
                                    <div class="session-update-row__label">White Board</div>
                                    <div class="session-update-row__current">
                                        <div class="d-flex flex-column gap-2 align-items-start">
                                            @if($session->extra_file)
                                                <a href="{{ asset($session->extra_file) }}" target="_blank"
                                                    class="btn btn-sm text-white bg-secondary session-update-open-btn">Open Current White Board</a>
                                            @else
                                                <span class="ui-muted">No file uploaded</span>
                                            @endif
                                            <x-whiteboard-upload-countdown :session="$session" />
                                        </div>
                                    </div>
                                    <div class="session-update-row__input">
                                        <input type="file" name="extra_file" class="form-control">
                                        <small class="text-muted d-block mt-1">Allowed: pdf, doc, docx, png, jpg, jpeg, zip, rar (max 10MB)</small>
                                    </div>
                                </div>

                                <div class="session-update-row">
                                    <div class="session-update-row__label">Attached File</div>
                                    <div class="session-update-row__current">
                                        @if($session->attached)
                                            <a href="{{ asset($session->attached) }}" target="_blank"
                                                class="btn btn-sm text-white bg-secondary session-update-open-btn">Open Current Attached File</a>
                                        @else
                                            <span class="ui-muted">No file uploaded</span>
                                        @endif
                                    </div>
                                    <div class="session-update-row__input">
                                        <input type="file" name="attached" class="form-control">
                                        <small class="text-muted d-block mt-1">Allowed: pdf, doc, docx, png, jpg, jpeg, zip, rar (max 10MB)</small>
                                    </div>
                                </div>
                            </div>

                            <div class="session-update-actions">
                                <button type="submit" class="btn btn-primary">Save Session Updates</button>
                            </div>
                        </form>
                    </div>



                    <div class="ui-card">
                        <div class="ui-card__header">
                            <div class="mb-0 ui-title">Students Attendance (Static)</div>
                        </div>
                        <div class="p-3">
                            <div class="table-responsive">
                                <table class="table table-bordered align-middle mb-0">
                                    <thead>
                                    <tr>
                                        <th style="width: 70px;">#</th>
                                        <th>Student Name</th>
                                        <th style="width: 180px;">Status</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach ($course->courseStudent as $index => $item)
                                        <tr>
                                            <td>{{ $index + 1 }}</td>
                                            <td>
                                                {{
                                                    optional($item->student)->full_name
                                                    ?? trim(
                                                        (optional($item->student)->first_name ?? '') . ' ' .
                                                        (optional($item->student)->last_name ?? '')
                                                    )
                                                    ?: 'Student'
                                                }}
                                            </td>
                                            <td>
                                                @if (($index % 2) === 0)
                                                    <span class="badge bg-success">Present</span>
                                                @else
                                                    <span class="badge bg-danger">Absent</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach

                                    @if (($course->courseStudent->count() ?? 0) === 0)
                                        <tr>
                                            <td colspan="3" class="text-center text-muted">No students found.</td>
                                        </tr>
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="ui-card">
                        <div class="ui-card__header">
                            <div class="mb-0 ui-title">Program Session Details</div>
                            @if($session->trackSession && $session->trackSession->track_id && $session->trackSession->level_id)
                                <a href="{{ route('sessions.index', [$session->trackSession->track_id, $session->trackSession->level_id]) }}"
                                    class="btn btn-sm btn-primary p-1">
                                    Open Program Sessions Page
                                </a>
                            @endif
                        </div>
                        <div class="p-3">
                            @if($session->trackSession)
                                <div class="row g-3">

                                    <div class="col-md-4">
                                        <label class="form-label text-muted small mb-1">Name</label>
                                        <p class="mb-0 ui-title">{{ $session->trackSession->name_en ?? 'N/A' }}</p>
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label text-muted small mb-1">Description</label>
                                        <p class="mb-0 ui-muted">{{ $session->trackSession->description_en ?? 'N/A' }}</p>
                                    </div>

                                </div>

                                <hr class="my-3">
                                <div class="ui-title mb-3">Lessons</div>
                                <div class="row g-4">
                                    <div class="col-md-6">
                                        <div class="ui-title mb-1">Teacher Lessons</div>
                                        <span class="ui-pill ui-pill--warn">LESSON PLAN</span>
                                        @forelse($teacherLessons as $lesson)
                                            <div class="border rounded p-2 mb-2">
                                                <div class="d-flex justify-content-between align-items-center">
                                                    <strong>{{ $lesson->name ?: 'Untitled Lesson' }}</strong>
                                                </div>
                                                <p class="mb-1 ui-muted">{{ $lesson->description ?: 'No description' }}</p>
                                                @if($lesson->assets && $lesson->assets->count())
                                                    <div class="d-flex flex-wrap gap-1">
                                                        @foreach($lesson->assets as $asset)
                                                            <a href="{{ asset($asset->url) }}" target="_blank"
                                                                class="btn btn-sm btn-outline-secondary">Asset</a>
                                                        @endforeach
                                                    </div>
                                                @endif
                                            </div>
                                        @empty
                                            <p class="mb-0 ui-muted">No teacher lessons found.</p>
                                        @endforelse
                                    </div>

                                    <div class="col-md-6">
                                        <div class="ui-title mb-1">Student Lessons</div>
                                        <span class="ui-pill ui-pill--success">SESSION MATERIAL</span>
                                        @forelse($studentLessons as $lesson)
                                            <div class="border rounded p-2 mb-2">
                                                <div class="d-flex justify-content-between align-items-center">
                                                    <strong>{{ $lesson->name ?: 'Untitled Lesson' }}</strong>
                                                </div>
                                                <p class="mb-1 ui-muted">{{ $lesson->description ?: 'No description' }}</p>
                                                @if($lesson->assets && $lesson->assets->count())
                                                    <div class="d-flex flex-wrap gap-1">
                                                        @foreach($lesson->assets as $asset)
                                                            <a href="{{ asset($asset->url) }}" target="_blank" class="btn btn-sm btn-outline-secondary">Asset</a>
                                                        @endforeach
                                                    </div>
                                                @endif
                                            </div>
                                        @empty
                                            <p class="mb-0 ui-muted">No student lessons found.</p>
                                        @endforelse
                                    </div>
                                </div>

                                <hr class="my-3">
                                <div class="ui-title mb-3">Quizzes And Assignments</div>
                                @if($isRetentionDepartment || (($canAssignSessionAssessments ?? false) && $canManageSessionAssignments))
                                    <div class="border rounded p-3 mb-3">
                                        <div class="d-flex align-items-center justify-content-between flex-wrap gap-2 mb-3">
                                            <div>
                                                <div class="ui-title mb-0">{{ $canManageSessionAssignments ? 'Assign Session Quizzes And Assignments' : 'Session Quizzes And Assignments Status' }}</div>
                                                <p class="ui-muted mb-0">
                                                    {{ $canManageSessionAssignments ? 'Choose only from quizzes and assignments created on this program session.' : 'Review the current quiz and assignment assignment status for each student.' }}
                                                </p>
                                            </div>
                                        </div>

                                        <div class="table-responsive">
                                            @php
                                                $sessionAssignableQuizIds = ($sessionAssignableQuizzes ?? collect())->pluck('id');
                                                $sessionAssignableAssignmentIds = ($sessionAssignableAssignments ?? collect())->pluck('id');
                                            @endphp
                                            <table class="table table-sm table-bordered align-middle mb-0">
                                                <thead class="table-light">
                                                <tr>
                                                    <th>Student</th>
                                                    <th>{{ $canManageSessionAssignments ? 'Session Quiz' : 'Quiz Status' }}</th>
                                                    <th>{{ $canManageSessionAssignments ? 'Session Assignment' : 'Assignment Status' }}</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @forelse($courseStudents as $courseStudent)
                                                    @php
                                                        $student = $courseStudent->student;
                                                        $studentName = trim(($student->first_name ?? '') . ' ' . ($student->last_name ?? ''));
                                                        $studentName = $studentName ?: ($student->full_name ?? 'Student');
                                                        $currentQuizAssignment = $courseStudent->quizAssignments->first(fn ($assignment) => $sessionAssignableQuizIds->contains($assignment->quiz_id));
                                                        $currentAssignmentAssignment = $courseStudent->assignmentAssignments->first(fn ($assignment) => $sessionAssignableAssignmentIds->contains($assignment->assignment_id));
                                                    @endphp
                                                    <tr>
                                                        <td>
                                                            <div class="fw-bold">{{ $studentName }}</div>
                                                            <div class="d-flex flex-wrap gap-1 mt-1">
                                                                <span class="ui-pill ui-pill--neutral">Q: {{ $currentQuizAssignment ? 'Assigned' : 'Not assigned' }}</span>
                                                                <span class="ui-pill ui-pill--neutral">A: {{ $currentAssignmentAssignment ? 'Assigned' : 'Not assigned' }}</span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            @if($canManageSessionAssignments)
                                                                <form method="POST" action="{{ route('courses.sessions.students.assign_quiz', ['course' => $course->id, 'session' => $session->id, 'courseStudent' => $courseStudent->id]) }}" class="d-flex gap-2">
                                                                    @csrf
                                                                    <select name="quiz_id" class="form-select form-select-sm" required>
                                                                        <option value="">Choose session quiz</option>
                                                                        @foreach(($sessionAssignableQuizzes ?? collect()) as $quiz)
                                                                            <option value="{{ $quiz->id }}" @selected((int) optional($currentQuizAssignment)->quiz_id === (int) $quiz->id)>{{ $quiz->title }}{{ !empty($quiz->privacy) ? ' - ' . ucfirst($quiz->privacy) : '' }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                    <button class="btn btn-sm btn-outline-primary" @disabled(($sessionAssignableQuizzes ?? collect())->isEmpty())>{{ $currentQuizAssignment ? 'Update' : 'Assign' }}</button>
                                                                </form>
                                                            @else
                                                                <span class="ui-pill ui-pill--neutral">{{ $currentQuizAssignment ? 'Assigned' : 'Not assigned' }}</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if($canManageSessionAssignments)
                                                                <form method="POST" action="{{ route('courses.sessions.students.assign_assignment', ['course' => $course->id, 'session' => $session->id, 'courseStudent' => $courseStudent->id]) }}" class="d-flex gap-2">
                                                                    @csrf
                                                                    <select name="assignment_id" class="form-select form-select-sm" required>
                                                                        <option value="">Choose session assignment</option>
                                                                        @foreach(($sessionAssignableAssignments ?? collect()) as $assignment)
                                                                            <option value="{{ $assignment->id }}" @selected((int) optional($currentAssignmentAssignment)->assignment_id === (int) $assignment->id)>{{ $assignment->title }}{{ isset($assignment->marks) ? ' - ' . $assignment->marks . ' marks' : '' }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                    <button class="btn btn-sm btn-outline-primary" @disabled(($sessionAssignableAssignments ?? collect())->isEmpty())>{{ $currentAssignmentAssignment ? 'Update' : 'Assign' }}</button>
                                                                </form>
                                                            @else
                                                                <span class="ui-pill ui-pill--neutral">{{ $currentAssignmentAssignment ? 'Assigned' : 'Not assigned' }}</span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="3" class="text-center ui-muted">No students assigned to this course.</td>
                                                    </tr>
                                                @endforelse
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                @else
                                    <p class="mb-0 ui-muted">You do not have access to assign quizzes or assignments for this session.</p>
                                @endif

                            @else
                                <p class="mb-0 ui-muted">No related program session found.</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection

@push('styles')
    <style>
        .session-update-form {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .session-update-grid {
            display: flex;
            flex-direction: column;
            gap: 0.85rem;
        }

        .session-update-row {
            display: grid;
            grid-template-columns: minmax(120px, 160px) minmax(280px, 1fr) minmax(320px, 420px);
            align-items: center;
            gap: 1rem;
            padding: 0.9rem 1rem;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            background: #f8fafc;
        }

        .session-update-row__label {
            font-size: 0.88rem;
            font-weight: 700;
            color: #111827;
            white-space: nowrap;
        }

        .session-update-row__current {
            min-width: 0;
            color: #374151;
        }

        .session-update-row__current .ui-title,
        .session-update-row__current .ui-muted,
        .session-update-link {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .session-update-link {
            color: #2563eb;
            text-decoration: none;
        }

        .session-update-link:hover {
            text-decoration: underline;
        }

        .session-update-row__input {
            min-width: 0;
        }

        .session-update-row__input .form-control,
        .session-update-row__input .form-select {
            min-height: 44px;
        }

        .session-update-open-btn {
            white-space: nowrap;
        }

        .session-update-actions {
            display: flex;
            justify-content: flex-end;
        }

        @media (max-width: 991.98px) {
            .session-update-row {
                grid-template-columns: 1fr;
                align-items: stretch;
            }

            .session-update-row__current .ui-title,
            .session-update-row__current .ui-muted,
            .session-update-link {
                white-space: normal;
                overflow: visible;
                text-overflow: unset;
                word-break: break-word;
            }
        }
    </style>
@endpush