@php
    use App\Enums\DisplayContent;
    use App\Enums\InformationMasterialType;
@endphp

<div class="detail-banquet__slide pc" v-if="fieldPropertyValue('display_content', item) == @json(DisplayContent::VIEW_DETAIL)">
    <div class="swiper-detail">
        <div class="detail-slide">
            <div class="detail-swiper swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" v-for="image in listImage(banquet)">
                        <div class="image-aspect"><img :src="setImagePreview(image)" alt="" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-prev pc"></div>
        <div class="swiper-button-next pc"></div>
    </div>
    <div class="list-detail--banquet">
        <template v-for="detail in fieldPropertyValue('banquet_information_details', banquet)">
            <div class="detail-info flex center-align" v-if="checkInformationDetail(detail)">
                <div class="detail-info__title" v-html="textLocale('heading', detail)"></div>
                <div class="detail-info__desc"
                    v-if="fieldPropertyValue('type', detail) == {{ InformationMasterialType::TEXT }}"
                    v-html="textLocale('descriptive', detail)"></div>
                <a class="detail-info__desc"
                    v-if="fieldPropertyValue('type', detail) == {{ InformationMasterialType::BUTTON }}"
                    :href="fieldPropertyValue('button_link', detail)" v-html="textLocale('button_name', detail)"></a>
                <a class="detail-info__desc"
                    v-if="fieldPropertyValue('type', detail) == {{ InformationMasterialType::PDF }}"
                    :href="textLocale('pdf_link', detail)" v-html="textLocale('pdf_descriptive', detail)"></a>
            </div>
        </template>
    </div>
</div>

<div class="detail-banquet__slide sp" v-if="fieldPropertyValue('display_content_sp', item) == @json(DisplayContent::VIEW_DETAIL)">
    <div class="swiper-detail">
        <div class="detail-slide">
            <div class="detail-swiper swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" v-for="image in listImage(banquet, true)">
                        <div class="image-aspect"><img :src="setImagePreview(image)" alt="" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <div class="list-detail--banquet">
        <template v-for="detail in fieldPropertyValue('banquet_information_details', banquet)">
            <div class="detail-info flex center-align" v-if="checkInformationDetail(detail, true)">
                <div class="detail-info__title" v-html="textLocale('heading_sp', detail)"></div>
                <div class="detail-info__desc"
                    v-if="fieldPropertyValue('type_sp', detail) == {{ InformationMasterialType::TEXT }}"
                    v-html="textLocale('descriptive_sp', detail)"></div>
                <a class="detail-info__desc"
                    v-if="fieldPropertyValue('type_sp', detail) == {{ InformationMasterialType::BUTTON }}"
                    :href="fieldPropertyValue('button_link_sp', detail)" v-html="textLocale('button_name_sp', detail)"></a>
                <a class="detail-info__desc"
                    v-if="fieldPropertyValue('type_sp', detail) == {{ InformationMasterialType::PDF }}"
                    :href="textLocale('pdf_link_sp', detail)" v-html="textLocale('pdf_descriptive_sp', detail)"></a>
            </div>
        </template>
    </div>
</div>