@if($course->description || $course->description_2)
@php
    $hasBoth = $course->description && $course->description_2;
@endphp
<section class="cp-section cp-details cp-animate">
    <div class="container">
        @include('web.default.includes.premium.section_header', [
            'title' => trans('webinars.landing_details_title'),
            'subtitle' => trans('webinars.landing_details_subtitle'),
            'align' => 'center',
            'class' => 'mb-30 cp-section-title-wrap',
        ])

        <div class="cp-panel cp-details__panel">
            @if($hasBoth)
                <ul class="cp-details__tabs nav nav-pills" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="details-tab-1" data-toggle="tab" href="#details-pane-1" role="tab">{{ trans('webinars.landing_details_tab_main') }}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="details-tab-2" data-toggle="tab" href="#details-pane-2" role="tab">{{ trans('webinars.landing_details_tab_more') }}</a>
                    </li>
                </ul>
                <div class="tab-content cp-details__tab-content">
                    <div class="tab-pane fade show active" id="details-pane-1" role="tabpanel">
                        <div class="cp-prose course-description">{!! clean($course->description) !!}</div>
                    </div>
                    <div class="tab-pane fade" id="details-pane-2" role="tabpanel">
                        <div class="cp-prose course-description">{!! clean($course->description_2) !!}</div>
                    </div>
                </div>
            @else
                <div class="cp-details__single">
                    <div class="cp-prose course-description">
                        {!! clean($course->description ?: $course->description_2) !!}
                    </div>
                </div>
            @endif
        </div>
    </div>
</section>
@endif
