@php
    use App\Enums\EventSettingTypesEnum;

    $eventHomePageSettings = isset($eventSettings) && isset($eventSettings[EventSettingTypesEnum::HOME_PAGE->value])
        ? $eventSettings[EventSettingTypesEnum::HOME_PAGE->value]
        : null;

    $isShowSection = isset($isShow) ? $isShow : false;
    $isShowAllBtn = isset($isShowAllBtn) ? $isShowAllBtn : false;

    $sectionTitle ??= null;
@endphp

@if (isset($eventSpeakers) && count($eventSpeakers))

    <section class="bg-light py-7">
        <div class="container">
            @if (! empty($sectionTitle))
                <h2 class="text-primary text-uppercase fs-38 fw-bold mb-5">
                    {{ $sectionTitle }}
                </h2>
            @endif

            <div class="row justify-content-center gy-10">
                @foreach ($eventSpeakers as $speaker)
                    <div class="col-6 col-lg-2 col-md-4 col-sm-6 mx-auto">
                        @include('website.components.speaker-card-with-modal', [
                            'speaker' => $speaker,
                            'showHomeStyles' => true
                        ])
                    </div>
                @endforeach
            </div>

            @if ($isShowAllBtn && ! empty($eventHomePageSettings['our_speakers_section_show_all_btn_title']['value']))
                <div class="row justify-content-center mt-5 mb-4">
                    <div class="col-12 col-md-6 mx-auto text-center">
                        <a href="{{ route('website.speakers') }}" class="btn btn-primary bg-event-color border-event-color rounded fs-22 px-8">
                            {{ $eventHomePageSettings['our_speakers_section_show_all_btn_title']['value'] }}
                        </a>
                    </div>
                </div>
            @endif
        </div>
    </section>

@endif