@php
    use App\Enums\InformationMasterialType;
    use App\Enums\MultiLangMode;

@endphp
<div class="product-list">
    <div class="container">
        @foreach ($otherFacilitiesElements as $val)
            @php
                $listImagePc = [];
                $listImageSp = [];
                for ($i = 1; $i <= 4; $i++) {
                    if (!empty($val['image' . $i])) {
                        $listImagePc[] = $val['image' . $i];
                    }
                    if (!empty($val['image' . $i . '_sp'])) {
                        $listImageSp[] = $val['image' . $i . '_sp'];
                    }
                }
                if (count($listImagePc) == 0) {
                    $listImagePc[] = 'https://assets.micado-rayout.jp/img/common/no-image-found-360x250.png';
                }
                if (count($listImageSp) == 0) {
                    $listImageSp = $listImagePc;
                }
            @endphp
            <div class="product-item pc-flex">
                <div class="product-item__image">
                    <div class="product-item__slide swiper">
                        <div class="swiper-wrapper">
                            @foreach ($listImagePc as $image)
                                <div class="swiper-slide">
                                    <div class="square-image">
                                        <img src="{!! setImagePreview($image) !!}" alt="">
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    @if (count($listImagePc) > 1)
                        <div class="swiper-button pc">
                            <div class="swiper-button-next product-item-swiper-button"></div>
                            <div class="swiper-button-prev product-item-swiper-button"></div>
                        </div>
                    @endif
                </div>
                <div class="product-item__content">
                    <div class="product-item__content__title-en">{!! setTextDefault(fieldPropertyValue('heading_en', $val)) !!}</div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <div class="product-item__content__title-ja">{!! setTextDefault(textLocale('heading', $val, $lang)) !!}</div>
                    @endif
                    <div class="product-item__content__desc">
                        {!! setTextDefault(textLocale('descriptive', $val, $lang)) !!}
                    </div>
                    @php
                        $informationMaterial = getInformationMaterial($val['other_facility_information_details'], $lang);
                    @endphp
                    <div class="product-item__content__table">
                        @foreach ($informationMaterial as $detail)
                            <div class="row">
                                <div class="table-heading">{!! fieldPropertyValue('heading', $detail) !!}</div>
                                @switch(fieldPropertyValue('type', $detail))
                                    @case(InformationMasterialType::TEXT)
                                        <div class="table-text">{!! fieldPropertyValue('descriptive', $detail) !!}</div>
                                    @break

                                    @case(InformationMasterialType::BUTTON)
                                        <a class="table-text table-link" href="{!! fieldPropertyValue('button_link', $detail) !!}">
                                            {!! fieldPropertyValue('button_name', $detail) !!}
                                        </a>
                                    @break

                                    @case(InformationMasterialType::PDF)
                                        @if (fieldPropertyValue('pdf_descriptive', $detail))
                                            <div class="table-text file">
                                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
                                                    <path
                                                        d="M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128">
                                                    </path>
                                                </svg><a class="table-link"
                                                    href="{!! fieldPropertyValue('pdf_link', $detail) !!}">{!! fieldPropertyValue('pdf_descriptive', $detail) !!}</a>
                                            </div>
                                        @endif
                                    @break
                                @endswitch
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="product-item sp-flex">
                <div class="product-item__image">
                    <div class="product-item__slide swiper">
                        <div class="swiper-wrapper">
                            @foreach ($listImageSp as $image)
                                <div class="swiper-slide">
                                    <div class="square-image">
                                        <img src="{!! setImagePreview($image) !!}" alt="">
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="product-item__content">
                    <div class="product-item__content__title-en">{!! setTextDefault(fieldPropertyValue('heading_sp_en', $val)) !!}</div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <div class="product-item__content__title-ja">{!! setTextDefault(textLocale('heading_sp', $val, $lang)) !!}</div>
                    @endif
                    <div class="product-item__content__desc">
                        {!! setTextDefault(textLocale('descriptive_sp', $val, $lang)) !!}
                    </div>
                    @php
                        $informationMaterial = getInformationMaterial($val['other_facility_information_details'], $lang);
                    @endphp
                    <div class="product-item__content__table">
                        @foreach ($informationMaterial as $detail)
                            <div class="row">
                                <div class="table-heading">{!! fieldPropertyValue('heading_sp', $detail) !!}</div>
                                @switch(fieldPropertyValue('type', $detail))
                                    @case(InformationMasterialType::TEXT)
                                        <div class="table-text">{!! fieldPropertyValue('descriptive_sp', $detail) !!}</div>
                                    @break

                                    @case(InformationMasterialType::BUTTON)
                                        <a class="table-text table-link" href="{!! fieldPropertyValue('button_link_sp', $detail) !!}">
                                            {!! fieldPropertyValue('button_name_sp', $detail) !!}
                                        </a>
                                    @break

                                    @case(InformationMasterialType::PDF)
                                        @if (fieldPropertyValue('pdf_descriptive_sp', $detail))
                                            <div class="table-text file">
                                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
                                                    <path
                                                        d="M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128">
                                                    </path>
                                                </svg><a class="table-link"
                                                    href="{!! fieldPropertyValue('pdf_link_sp', $detail) !!}">{!! fieldPropertyValue('pdf_descriptive_sp', $detail) !!}</a>
                                            </div>
                                        @endif
                                    @break
                                @endswitch
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endforeach
    </div>
</div>