@php
    use App\Enums\Boolean;
@endphp
<div class="box-banquet">
    <div class="banquet-slide">
        <div class="banquet-title heading-main">{!! setTextDefault(textLocale('heading', $item, $lang)) !!}</div>
        <div class="banquet-description">{!! setTextDefault(textLocale('subheading', $item, $lang)) !!}</div>
        <div class="box-banquet-slide">
            <div class="swiper" id="banquet-slide">
                <div class="swiper-wrapper">
                    @foreach ($banquetInfo as $index => $val)
                        <div class="swiper-slide" data-index="{{ $index }}">
                            <div class="slide-inner">
                                <div class="image-aspect-ratio-banner">
                                    <img class="pc" src="{!! setImageRoot($val) !!}" alt="">
                                    <img class="sp" src="{!! setImageRoot($val, true) !!}" alt="">
                                </div>
                                <div class="box-information">
                                    <div class="name-img subheading-main">
                                        <span class="pc">
                                            {!! setTextDefault(textLocale('banquet_name', $val, $lang)) !!}
                                        </span>
                                        <span class="sp">
                                            {!! setTextDefault(textLocale('banquet_name_sp', $val, $lang)) !!}
                                        </span>
                                    </div>
                                    @if (fieldPropertyValue('detail_page', $val) == Boolean::TRUE)
                                        <a class="btn-see__details" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->banquet_url) .
                                            '/' .
                                            fieldPropertyValue('slug', $val) !!}"
                                            data-i18n="btn_detail"></a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="box-pagination">

                    <div class="swiper-button-prev swiper-button-prev--banquet"></div>
                    <div class="swiper-pagination swiper-pagination--banquet"></div>
                    <div class="swiper-button-next swiper-button-next--banquet"></div>
                </div>
            </div>
        </div>
    </div>
</div>