@extends('layout.layout')

@section('content')
    @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="Product Details"
                    description="Review product information, assigned students, session slots, and meeting access in one place."
                >
                        <a href="{{ route('getAllProducts', array_filter(['type' => request('type')], fn($value) => filled($value))) }}"
                            class="asset-btn asset-btn--secondary">

                            Back to Products
                        </a>

                        @php
                            $firstSession = $course->scheduledSessions->first();
                            $sessionMeetingUrl = $course->hasPaidStudentInvoice() && $firstSession
                                ? route('courses.sessions.bbb.join', ['course' => $course->id, 'session' => $firstSession->id])
                                : null;
                        @endphp

                        @if ($sessionMeetingUrl)
                            <a href="{{ $sessionMeetingUrl }}" target="_blank" class="asset-btn asset-btn--primary">
                                Join Meeting
                            </a>
                        @endif
                        @if ($firstSession)
                            <x-bbb-teacher-media-status :session="$firstSession" :teacher="$firstSession->staff ?? $course->staff" />
                        @endif
                </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">
                            Product Summary
                            @if($hasDelayedWhiteboard)
                                <span class="badge bg-danger ms-2">Delayed White Board</span>
                            @endif
                        </h6>

                        <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>{{ optional($course->academyProduct)->slug === 'demo' ? 'Change Tester' : 'Change Teacher' }}</span>
                        </button>
                    </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">Activity</label>
                                    <p class="mb-0 ui-title">{{ $course->academyCategoryProduct->name_en ?? 'N/A' }}</p>
                                </div>

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

                            

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

                                @if(optional($course->academyCategoryProduct)->slug === 'english-club' && isset($ecTrack) && $ecTrack)
                                <div class="mb-0 mt-3">
                                    <label class="form-label text-muted small mb-1">Program</label>
                                    <p class="mb-0 ui-title">{{ $ecTrack->name_en }}</p>
                                </div>
                                @endif
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label text-muted small mb-2">Day</label>
                                    <div class="d-flex flex-wrap gap-1">
                                        @foreach ($course->scheduledSessions->map(fn($session) => \Carbon\Carbon::parse($session->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">Student Capacity</label>
                                    <div>
                                        <span class="ui-pill ui-pill--neutral">
                                            {{ $course->courseStudent->count() }} / {{ $course->academyProduct->count_of_students ?? 0 }}
                                        </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>

                                @if(optional($course->academyCategoryProduct)->slug === 'english-club' && isset($ecLevels) && $ecLevels->isNotEmpty())
                                <div class="mb-0 mt-3">
                                    <label class="form-label text-muted small mb-1">Levels</label>
                                    <div class="d-flex flex-wrap gap-1">
                                        @foreach($ecLevels as $lvl)
                                            <span class="ui-pill ui-pill--info">{{ $lvl->name_en }}</span>
                                        @endforeach
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                @if (!empty($extraSessionDetails))
                    <div class="ui-card">
                        <div class="ui-card__header">
                            <h6 class="mb-0 ui-title">Extra Session Context</h6>
                        </div>

                        <div class="p-3">
                            <div class="row g-3">
                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Program</label>
                                    <p class="mb-0 ui-title">{{ $extraSessionDetails['program']?->name_en ?? 'N/A' }}</p>
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Level</label>
                                    <p class="mb-0 ui-title">{{ $extraSessionDetails['level']?->name_en ?? 'N/A' }}</p>
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Level Session</label>
                                    <p class="mb-0 ui-title">{{ $extraSessionDetails['session']?->name_en ?? 'N/A' }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
                @if ($hardCopyRequest)
                    @php
                        $hardCopyStudentName = $hardCopyRequest->student?->full_name
                            ?: trim(($hardCopyRequest->student?->first_name ?? '') . ' ' . ($hardCopyRequest->student?->last_name ?? ''));
                        $feedbackResult = strtolower((string) ($demoTeacherFeedback?->result ?? ''));
                        $feedbackResultKey = match ($feedbackResult) {
                            'pass' => 'success',
                            'fail' => 'warn',
                            default => 'neutral',
                        };
                        $hardCopyStatusKey = match ($hardCopyRequest->status) {
                            'accepted' => 'success',
                            'rejected' => 'warn',
                            default => 'neutral',
                        };
                    @endphp

                    <div class="ui-card">
                        <div class="ui-card__header">
                            <h6 class="mb-0 ui-title">Hard Copy Request</h6>
                        </div>

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

                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Student</label>
                                    <p class="mb-0 ui-title">
                                        <a href="{{ route('students.show', $hardCopyRequest->student_id) }}">
                                            {{ $hardCopyStudentName ?: '-' }}
                                        </a>
                                    </p>
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Request Status</label>
                                    <div>
                                        <span class="ui-pill ui-pill--{{ $hardCopyStatusKey }}">
                                            {{ ucfirst($hardCopyRequest->status ?? '-') }}
                                        </span>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Certificate Type</label>
                                    <p class="mb-0 ui-muted">{{ ucfirst($hardCopyRequest->certificate_type ?? '-') }}</p>
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Name On Certificate</label>
                                    <p class="mb-0 ui-muted">{{ $hardCopyRequest->certificate_name ?? '-' }}</p>
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Delivery Type</label>
                                    <p class="mb-0 ui-muted">{{ ucfirst($hardCopyRequest->delivery_type ?? '-') }}</p>
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Preferred Exam Date</label>
                                    <p class="mb-0 ui-muted">
                                        {{ $hardCopyRequest->preferred_exam_date ? \Carbon\Carbon::parse($hardCopyRequest->preferred_exam_date)->format('Y-m-d') : '-' }}
                                    </p>
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Demo Feedback Result</label>
                                    <div>
                                        <span class="ui-pill ui-pill--{{ $feedbackResultKey }}">
                                            {{ $demoTeacherFeedback?->result ? ucfirst($demoTeacherFeedback->result) : 'Pending' }}
                                        </span>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Feedback By</label>
                                    <p class="mb-0 ui-muted">
                                        {{ trim(($demoTeacherFeedback?->teacher?->first_name ?? '') . ' ' . ($demoTeacherFeedback?->teacher?->last_name ?? '')) ?: '-' }}
                                    </p>
                                </div>

                                @if ($hardCopyRequest->request_note)
                                    <div class="col-12">
                                        <label class="form-label text-muted small mb-1">Request Note</label>
                                        <p class="mb-0 ui-muted">{{ $hardCopyRequest->request_note }}</p>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                @endif
                @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>
@endsection

@push('scripts')
    <script>
        $(document).ready(function() {
            $('#change_Teacher_btn').click(function(event) {
                event.preventDefault();
                $('#change_teacher_modal').modal('show');
            });
        });
    </script>
@endpush