@php
    use App\Enums\DisplayContent;
    use App\Enums\InformationMasterialType;
@endphp
@if (fieldPropertyValue('display_content', $item) == DisplayContent::VIEW_DETAIL)
    <div class="detail-carousel pc">
        @if (fieldPropertyValue('silde_image', $dataDetail))
            <div class="swiper-detail">
                <div class="detail-slide">
                    <div class="detail-swiper swiper">
                        <div class="swiper-wrapper">
                            @foreach (fieldPropertyValue('silde_image', $dataDetail) as $image)
                                <div class="swiper-slide">
                                    <div class="image-aspect">
                                        <img src="{{ setImagePreview($image) }}" alt="" />
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
                @if (count(fieldPropertyValue('silde_image', $dataDetail)) > 1)
                    <div class="swiper-button-prev pc"></div>
                    <div class="swiper-button-next pc"></div>
                @endif
            </div>
        @endif
        @if (fieldPropertyValue('information_material', $dataDetail))
            <div class="info-content">
                @foreach (fieldPropertyValue('information_material', $dataDetail) as $material)
                    <div class="detail-info flex center-align border-top">
                        <div class="detail-info__title">
                            {!! setTextDefault(fieldPropertyValue('heading', $material)) !!}
                        </div>
                        @if (fieldPropertyValue('type', $material) == InformationMasterialType::TEXT)
                            <div class="detail-info__desc">
                                {!! setTextDefault(fieldPropertyValue('descriptive', $material)) !!}
                            </div>
                        @endif
                        @if (fieldPropertyValue('type', $material) == InformationMasterialType::BUTTON)
                            <a class="detail-info__desc" href="{{ fieldPropertyValue('button_link', $material) }}">
                                {!! setTextDefault(fieldPropertyValue('button_name', $material)) !!}
                            </a>
                        @endif
                        @if (fieldPropertyValue('type', $material) == InformationMasterialType::PDF)
                            <a class="detail-info__desc" href="{{ fieldPropertyValue('pdf_link', $material) }}">
                                {!! setTextDefault(fieldPropertyValue('pdf_descriptive', $material)) !!}
                            </a>
                        @endif
                    </div>
                @endforeach
            </div>
        @endif
    </div>
@endif

@if (fieldPropertyValue('display_content_sp', $item) == DisplayContent::VIEW_DETAIL)
    <div class="detail-carousel sp">
        @if (fieldPropertyValue('silde_image_sp', $dataDetail))
            <div class="swiper-detail">
                <div class="detail-slide">
                    <div class="detail-swiper swiper">
                        <div class="swiper-wrapper">
                            @foreach (fieldPropertyValue('silde_image_sp', $dataDetail) as $image)
                                <div class="swiper-slide">
                                    <div class="image-aspect">
                                        <img src="{{ setImagePreview($image) }}" alt="" />
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        @endif
        @if (fieldPropertyValue('information_material', $dataDetail))
            <div class="info-content">
                @foreach (fieldPropertyValue('information_material', $dataDetail) as $material)
                    <div class="detail-info flex center-align border-top">
                        <div class="detail-info__title">
                            {!! setTextDefault(fieldPropertyValue('heading_sp', $material)) !!}
                        </div>
                        @if (fieldPropertyValue('type_sp', $material) == InformationMasterialType::TEXT)
                            <div class="detail-info__desc">
                                {!! setTextDefault(fieldPropertyValue('descriptive_sp', $material)) !!}
                            </div>
                        @endif
                        @if (fieldPropertyValue('type_sp', $material) == InformationMasterialType::BUTTON)
                            <a class="detail-info__desc" href="{{ fieldPropertyValue('button_link_sp', $material) }}">
                                {!! setTextDefault(fieldPropertyValue('button_name_sp', $material)) !!}
                            </a>
                        @endif
                        @if (fieldPropertyValue('type_sp', $material) == InformationMasterialType::PDF)
                            <a class="detail-info__desc" href="{{ fieldPropertyValue('pdf_link_sp', $material) }}">
                                {!! setTextDefault(fieldPropertyValue('pdf_descriptive_sp', $material)) !!}
                            </a>
                        @endif
                    </div>
                @endforeach
            </div>
        @endif
    </div>
@endif