@php
use App\Enums\InformationMasterialType;

$index = 0;
@endphp
@foreach ($otherFacilitiesElements as $facility)
    @if (!empty($facility))
        @php
            $index += 1;
            $listImagePc = [];
            $listImageSp = [];
            for ($i=1; $i <= 4; $i++) {
                if (!empty($facility['image'.$i])) {
                    $listImagePc[] = $facility['image'.$i];
                }
                if (!empty($facility['image'.$i.'_sp'])) {
                    $listImageSp[] = $facility['image'.$i.'_sp'];
                }
            }
            if (count($listImageSp) == 0) {
                for ($i=1; $i <= 4; $i++) {
                    if (!empty($facility['image'.$i])) {
                        $listImageSp[] = $facility['image'.$i];
                    }
                }
            }
        @endphp
        <div class="facilities-box" data-aos="fade-in">
            <div class="custorm-container">
                <div class="flex column-sp {!! $index % 2 == 0 ? 'jsb' : '' !!}">
                    <div class="facilities-box__left pc {!! $index % 2 == 0 ? 'order-2' : '' !!}">
                        @if (count($listImagePc) < 1)
                            <div class="facilities-box__slide swiper ">
                                <div class="facilities-box__swiper swiper-wrapper">
                                    <img class="swiper-slide" src="https://assets.micado-rayout.jp/img/common/no-image-found-360x250.png"
                                        alt="">
                                </div>
                                <div class="facilities-box__swiper-pagination"></div>
                            </div>
                        @else
                            <div class="facilities-box__slide swiper">
                                <div class="facilities-box__swiper swiper-wrapper">
                                    @for ($i = 0; $i < count($listImagePc); $i++)
                                        <img class="swiper-slide" src="{!! setImagePreview($listImagePc[$i]) !!}"
                                            alt="">
                                    @endfor
                                </div>
                                <div class="facilities-box__swiper-pagination"></div>
                            </div>
                        @endif
                    </div>
                    <div class="facilities-box__left sp {!! $index % 2 == 0 ? 'order-2' : '' !!}">
                        @if (count($listImageSp) < 1)
                            <div class="facilities-box__slide swiper ">
                                <div class="facilities-box__swiper swiper-wrapper">
                                    <img class="swiper-slide" src="https://assets.micado-rayout.jp/img/common/no-image-found-360x250.png"
                                        alt="">
                                </div>
                                <div class="facilities-box__swiper-pagination"></div>
                            </div>
                        @else
                            <div class="facilities-box__slide swiper">
                                <div class="facilities-box__swiper swiper-wrapper">
                                    @for ($i = 0; $i < count($listImageSp); $i++)
                                        <img class="swiper-slide" src="{!! setImagePreview($listImageSp[$i]) !!}"
                                            alt="">
                                    @endfor
                                </div>
                                <div class="facilities-box__swiper-pagination"></div>
                            </div>
                        @endif
                    </div>
                    <div class="facilities-box__right flex col center__justify {!! $index % 2 == 0 ? 'ml-180' : '' !!}" style="max-width: 376px">
                        <div class="facilities-box__title pc">
                            {!! setTextDefault(textLocale('heading', $facility, $lang)) !!}
                        </div>
                        <div class="facilities-box__title sp">
                            {!! setTextDefault(textLocale('heading_sp', $facility, $lang)) !!}
                        </div>
                        <div class="facilities-box__desc pc">
                            {!! setTextDefault(textLocale('descriptive', $facility, $lang)) !!}
                        </div>
                        <div class="facilities-box__desc sp">
                            {!! setTextDefault(textLocale('descriptive_sp', $facility, $lang)) !!}
                        </div>
                        <div class="line-border mt-20"></div>
                        @php
                            $informationMaterial = getInformationMaterial($facility['other_facility_information_details'], $lang);
                        @endphp
                        @foreach ($informationMaterial as $information)
                            <div class="facilities-box__row">
                                <div class="facilities-box__row-left">
                                    <div class="facilities-box__text facilities-gray pc">
                                        {!! fieldPropertyValue('heading', $information) !!}
                                    </div>
                                    <div class="facilities-box__text facilities-gray sp">
                                        {!! fieldPropertyValue('heading_sp', $information) !!}
                                    </div>
                                </div>
                                <div class="facilities-box__row-right">
                                    @switch(fieldPropertyValue('type', $information))
                                        @case(InformationMasterialType::TEXT)
                                            <div class="facilities-box__text pc">
                                                {!! fieldPropertyValue('descriptive', $information) !!}
                                            </div>
                                        @break

                                        @case(InformationMasterialType::BUTTON)
                                            <a class="facilities-box__text facilities-box__link pc"
                                                href="{!! fieldPropertyValue('button_link', $information) !!}">
                                                {!! fieldPropertyValue('button_name', $information) !!}
                                            </a>
                                        @break

                                        @case(InformationMasterialType::PDF)
                                            <a class="facilities-box__text facilities-box__link pc"
                                                href="{!! fieldPropertyValue('pdf_link', $information) !!}">
                                                {!! fieldPropertyValue('pdf_descriptive', $information) !!}
                                            </a>
                                            @if(fieldPropertyValue('pdf_descriptive', $information))
                                                <span class="pc">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10.528" height="15"
                                                        viewbox="0 0 19.528 24">
                                                        <g id="PDFアイコン" transform="translate(-47.706)">
                                                            <path id="Path_716" data-name="Path 716"
                                                                d="M63.208,0H54.616l-.437.437L48.143,6.474l-.437.437V19.974A4.031,4.031,0,0,0,51.732,24H63.208a4.031,4.031,0,0,0,4.026-4.026V4.026A4.03,4.03,0,0,0,63.208,0Zm2.535,19.974a2.535,2.535,0,0,1-2.535,2.536H51.732A2.535,2.535,0,0,1,49.2,19.974V7.528h3.924a2.113,2.113,0,0,0,2.113-2.113V1.491h7.974a2.535,2.535,0,0,1,2.535,2.536Z"
                                                                fill="#4b4b4b"></path>
                                                            <path id="Path_717" data-name="Path 717"
                                                                d="M136.476,252.785h-1.337a.383.383,0,0,0-.407.414v3.457a.469.469,0,1,0,.935,0v-1.05a.034.034,0,0,1,.039-.038h.77a1.4,1.4,0,1,0,0-2.782Zm-.058,1.974h-.713a.034.034,0,0,1-.039-.038v-1.089a.034.034,0,0,1,.039-.038h.713a.584.584,0,1,1,0,1.165Z"
                                                                transform="translate(-82.947 -240.936)" fill="#4b4b4b"></path>
                                                            <path id="Path_718" data-name="Path 718"
                                                                d="M221.069,252.785h-1.025a.383.383,0,0,0-.407.414v3.508a.378.378,0,0,0,.407.408h1.025c.923,0,1.5-.293,1.725-1a5.382,5.382,0,0,0,0-2.33C222.566,253.078,221.992,252.785,221.069,252.785Zm.828,3.005c-.109.344-.42.49-.854.49h-.433a.034.034,0,0,1-.039-.038v-2.585a.034.034,0,0,1,.039-.038h.433c.433,0,.745.147.854.49a4.688,4.688,0,0,1,0,1.681Z"
                                                                transform="translate(-163.872 -240.936)" fill="#4b4b4b"></path>
                                                            <path id="Path_719" data-name="Path 719"
                                                                d="M310.163,252.785h-2.1a.383.383,0,0,0-.408.414v3.457a.469.469,0,1,0,.936,0v-1.235a.034.034,0,0,1,.038-.038h1.223a.4.4,0,1,0,0-.8h-1.223a.034.034,0,0,1-.038-.038v-.911a.034.034,0,0,1,.038-.038h1.534a.405.405,0,1,0,0-.808Z"
                                                                transform="translate(-247.764 -240.936)" fill="#4b4b4b"></path>
                                                        </g>
                                                    </svg>
                                                </span>
                                            @endif
                                        @break
                                    @endswitch

                                    @switch(fieldPropertyValue('type_sp', $information))
                                        @case(InformationMasterialType::TEXT)
                                            <div class="facilities-box__text sp">
                                                {!! fieldPropertyValue('descriptive_sp', $information) !!}
                                            </div>
                                        @break

                                        @case(InformationMasterialType::BUTTON)
                                            <a class="facilities-box__text facilities-box__link sp"
                                                href="{!! fieldPropertyValue('button_link_sp', $information) !!}">
                                                {!! fieldPropertyValue('button_name_sp', $information) !!}
                                            </a>
                                        @break

                                        @case(InformationMasterialType::PDF)
                                            <a class="facilities-box__text facilities-box__link sp"
                                                href="{!! fieldPropertyValue('pdf_link_sp', $information) !!}">
                                                {!! fieldPropertyValue('pdf_descriptive_sp', $information) !!}
                                            </a>
                                            @if (fieldPropertyValue('pdf_descriptive_sp', $information))
                                                <span class="sp">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10.528" height="15"
                                                        viewbox="0 0 19.528 24">
                                                        <g id="PDFアイコン" transform="translate(-47.706)">
                                                            <path id="Path_716" data-name="Path 716"
                                                                d="M63.208,0H54.616l-.437.437L48.143,6.474l-.437.437V19.974A4.031,4.031,0,0,0,51.732,24H63.208a4.031,4.031,0,0,0,4.026-4.026V4.026A4.03,4.03,0,0,0,63.208,0Zm2.535,19.974a2.535,2.535,0,0,1-2.535,2.536H51.732A2.535,2.535,0,0,1,49.2,19.974V7.528h3.924a2.113,2.113,0,0,0,2.113-2.113V1.491h7.974a2.535,2.535,0,0,1,2.535,2.536Z"
                                                                fill="#4b4b4b"></path>
                                                            <path id="Path_717" data-name="Path 717"
                                                                d="M136.476,252.785h-1.337a.383.383,0,0,0-.407.414v3.457a.469.469,0,1,0,.935,0v-1.05a.034.034,0,0,1,.039-.038h.77a1.4,1.4,0,1,0,0-2.782Zm-.058,1.974h-.713a.034.034,0,0,1-.039-.038v-1.089a.034.034,0,0,1,.039-.038h.713a.584.584,0,1,1,0,1.165Z"
                                                                transform="translate(-82.947 -240.936)" fill="#4b4b4b"></path>
                                                            <path id="Path_718" data-name="Path 718"
                                                                d="M221.069,252.785h-1.025a.383.383,0,0,0-.407.414v3.508a.378.378,0,0,0,.407.408h1.025c.923,0,1.5-.293,1.725-1a5.382,5.382,0,0,0,0-2.33C222.566,253.078,221.992,252.785,221.069,252.785Zm.828,3.005c-.109.344-.42.49-.854.49h-.433a.034.034,0,0,1-.039-.038v-2.585a.034.034,0,0,1,.039-.038h.433c.433,0,.745.147.854.49a4.688,4.688,0,0,1,0,1.681Z"
                                                                transform="translate(-163.872 -240.936)" fill="#4b4b4b"></path>
                                                            <path id="Path_719" data-name="Path 719"
                                                                d="M310.163,252.785h-2.1a.383.383,0,0,0-.408.414v3.457a.469.469,0,1,0,.936,0v-1.235a.034.034,0,0,1,.038-.038h1.223a.4.4,0,1,0,0-.8h-1.223a.034.034,0,0,1-.038-.038v-.911a.034.034,0,0,1,.038-.038h1.534a.405.405,0,1,0,0-.808Z"
                                                                transform="translate(-247.764 -240.936)" fill="#4b4b4b"></path>
                                                        </g>
                                                    </svg>
                                                </span>
                                            @endif
                                        @break
                                    @endswitch
                                </div>
                            </div>
                            <div class="line-border mt-23"></div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    @endif
@endforeach