@if(!empty($course->faqs) && $course->faqs->count() > 0)
<section class="cp-section cp-faq cp-animate" id="premium-course-faq">
    <div class="container">
        @include('web.default.includes.premium.section_header', [
            'title' => trans('public.faq'),
            'align' => 'center',
            'class' => 'mb-30 cp-section-title-wrap',
        ])
        <div class="cp-faq__list accordion-content-wrapper" id="courseLandingFaqAccordion" role="tablist" aria-multiselectable="true">
            @foreach($course->faqs as $faq)
                <div class="cp-faq__item accordion-row">
                    <div class="cp-faq__trigger" role="tab" id="landing_faq_{{ $faq->id }}">
                        <button type="button" class="cp-faq__btn d-flex align-items-center justify-content-between w-100"
                                data-toggle="collapse" data-target="#collapseLandingFaq{{ $faq->id }}"
                                data-parent="#courseLandingFaqAccordion" aria-expanded="false">
                            <span>{{ clean($faq->title, 'title') }}</span>
                            <i class="collapse-chevron-icon" data-feather="chevron-down" width="22"></i>
                        </button>
                    </div>
                    <div id="collapseLandingFaq{{ $faq->id }}" class="collapse" role="tabpanel" aria-labelledby="landing_faq_{{ $faq->id }}">
                        <div class="cp-faq__answer">
                            {{ clean($faq->answer, 'answer') }}
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</section>
@endif
