@push('styles_top')
@endpush

<div class="container">
    <section>
        <div class="">
            <h2 class="section-title after-line">{{ trans('public.quiz_certificate') }} ({{ trans('public.optional') }})
            </h2>
        </div>

        <button id="webinarAddQuiz" data-webinar-id="{{ $webinar->id }}" type="button"
            class="btn btn-primary btn-sm mt-15">{{ trans('public.add_quiz') }}</button>

        <div class="row mt-10">
            <div class="col-12">

                <div class="accordion-content-wrapper mt-15" id="quizzesAccordion" role="tablist"
                    aria-multiselectable="true">
                    @php
                        // Get sorted chapters
                        $sortedChapters = $webinar->chapters->sortBy('order');

                        // Get all quizzes grouped by chapter_id
                        $quizzesByChapter = $webinar->quizzes->groupBy('chapter_id');
                    @endphp

                    @if (!empty($webinar->quizzes) && count($webinar->quizzes))
                        {{-- Loop through sorted chapters --}}
                        @foreach ($sortedChapters as $chapter)
                            {{-- If chapter has quizzes, display them --}}
                            @if (isset($quizzesByChapter[$chapter->id]))
                                @foreach ($quizzesByChapter[$chapter->id] as $quizInfo)
                                    @include('web.default.panel.webinar.create_includes.accordions.quiz', [
                                        'webinar' => $webinar,
                                        'quizInfo' => $quizInfo,
                                        'chapterNumber' => $chapter->order,
                                        'stationary' => true,
                                    ])
                                @endforeach
                            @endif
                        @endforeach

                        {{-- Display quizzes without chapters last --}}
                        @if (isset($quizzesByChapter[null]))
                            @foreach ($quizzesByChapter[null] as $quizInfo)
                                @include('web.default.panel.webinar.create_includes.accordions.quiz', [
                                    'webinar' => $webinar,
                                    'quizInfo' => $quizInfo,
                                ])
                            @endforeach
                        @endif
                    @else
                        @include(getTemplate() . '.includes.no-result', [
                            'file_name' => 'cert.png',
                            'title' => trans('public.quizzes_no_result'),
                            'hint' => trans('public.quizzes_no_result_hint'),
                        ])
                    @endif
                </div>
            </div>
        </div>
    </section>

    <div id="newQuizForm" class="d-none">
        @include('web.default.panel.webinar.create_includes.accordions.quiz', [
            'webinar' => $webinar,
            'quizInfo' => null,
        ])
    </div>
</div>

@push('scripts_bottom')
    <script>
        var saveSuccessLang = '{{ trans('webinars.success_store') }}';
        var quizzesSectionLang = '{{ trans('quiz.quizzes_section') }}';
    </script>

    <script src="/assets/default/js/panel/quiz.min.js"></script>
@endpush