@php
    use App\Enums\Boolean;
@endphp
@if (count($banquetInfo) > 1)
    <div class="background-content slide-content">
        <div class="container">
            <div class="main-heading" data-aos="fade-up">
                <div class="flex-auto">
                    <div class="heading-line"></div>
                </div>
                <div class="text">MEETINGS & EVENTS</div>
                <div class="flex-auto">
                    <div class="heading-line"></div>
                </div>
            </div>
            <div class="relative" data-aos="fade-up">
                <div class="swiper-content">
                    <div class="swiper-wrapper">
                        @foreach ($banquetInfo as $index => $banquet)
                            <div class="swiper-slide">
                                <div class="flex flex-wrap">
                                    <div class="image-wrap">
                                        <img class="pc" src="{!! setImageRoot($banquet) !!}" alt="" loading="lazy">
                                        <img class="sp" src="{!! setImageRoot($banquet, true) !!}" alt="" loading="lazy">
                                    </div>
                                    <div class="info__content pc">
                                        <h3 class="info__title">
                                            {!! setTextDefault(textLocale('banquet_name', $banquet, $lang)) !!}
                                        </h3>
                                        <div class="info__description">
                                            {!! setTextDefault(textLocale('list_comment', $banquet, $lang)) !!}
                                        </div>
                                        @if (fieldPropertyValue('detail_page', $banquet) == Boolean::TRUE)
                                            <a class="btn-detail" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->banquet_url) .
                                                '/' .
                                                fieldPropertyValue('slug', $banquet) !!}" data-i18n="btn_detail"></a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="swiper-button pc">
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="swiper-content-sp sp" data-aos="fade-up">
                <div class="swiper-wrapper">
                    @foreach ($banquetInfo as $index => $banquet)
                        <div class="swiper-slide">
                            <div class="flex flex-wrap">
                                <div class="info__content">
                                    <h3 class="info__title">
                                        {!! setTextDefault(textLocale('banquet_name_sp', $banquet, $lang)) !!}
                                    </h3>
                                    <div class="info__description">
                                        {!! setTextDefault(textLocale('list_comment_sp', $banquet, $lang)) !!}
                                    </div>
                                    @if (fieldPropertyValue('detail_page', $banquet) == Boolean::TRUE)
                                        <a class="btn-detail" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->banquet_url) .
                                            '/' .
                                            fieldPropertyValue('slug', $banquet) !!}" data-i18n="btn_detail"></a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
@else
    @php
        $banquet = reset($banquetInfo);
    @endphp
    <div class="background-content entry-content">
        <div class="container">
            <div class="main-heading" data-aos="fade-up">
                <div class="flex-auto">
                    <div class="heading-line"></div>
                </div>
                <div class="text">MEETINGS & EVENTS</div>
                <div class="flex-auto">
                    <div class="heading-line"></div>
                </div>
            </div>
            @if ($banquet)
                <div class="advanced-media-text-section">
                    <div class="media-text__media relative" data-aos="fade-up">
                        <div class="swiper-media-text swiper pc">
                            <div class="swiper-wrapper">
                                @foreach (listImage($banquet) as $image)
                                    <div class="swiper-slide">
                                        <div class="image-wrap">
                                            <img src="{{ $image }}" loading="lazy">
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="swiper-pagination"></div>
                            <div class="swiper-button pc">
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>
                            </div>
                        </div>
                        <div class="swiper-media-text swiper sp">
                            <div class="swiper-wrapper">
                                @foreach (listImage($banquet, true) as $image)
                                    <div class="swiper-slide">
                                        <div class="image-wrap">
                                            <img src="{{ $image }}" loading="lazy">
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                    <div class="media-text__text" data-aos="fade-up">
                        <div class="relative">
                            <div class="info__header">
                                <div class="info__heading" data-i18n="banquet.heading"></div>
                                <div class="info__subheading">
                                    <span class="pc">
                                        {!! setTextDefault(textLocale('banquet_name', $banquet, $lang)) !!}
                                    </span>
                                    <span class="sp">
                                        {!! setTextDefault(textLocale('banquet_name_sp', $banquet, $lang)) !!}
                                    </span>
                                </div>
                            </div>
                            <div class="info__description">
                                <span class="pc">
                                    {!! setTextDefault(textLocale('list_comment', $banquet, $lang)) !!}
                                </span>
                                <span class="sp">
                                    {!! setTextDefault(textLocale('list_comment_sp', $banquet, $lang)) !!}
                                </span>
                            </div>
                            @if (fieldPropertyValue('detail_page', $banquet) == Boolean::TRUE)
                                <a class="btn-detail" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->banquet_url) .
                                    '/' .
                                    fieldPropertyValue('slug', $banquet) !!}" data-i18n="btn_detail"></a>
                            @endif
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
@endif