@php
    use App\Enums\InformationMasterialType;

    $index = 0;
@endphp
<div class="container-child">
    <div class="post-content">
        @foreach ($otherFacilitiesElements as $facility)
            @if (!empty($facility))
                @php
                    $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="post-content__item flex" id="{!! $facility['id'] !!}" data-aos="fade-left">
                    <div class="post-content__item--info post-content__item--inner">
                        <div class="post-info">
                            <div class="post-info__title pc">
                                {!! setTextDefault(textLocale('heading', $facility, $lang)) !!}
                            </div>
                            <div class="post-info__title sp">
                                {!! setTextDefault(textLocale('heading_sp', $facility, $lang)) !!}
                            </div>
                        </div>
                        <div class="post-info__desc pc">
                            {!! setTextDefault(textLocale('descriptive', $facility, $lang)) !!}
                        </div>
                        <div class="post-info__desc sp">
                            {!! setTextDefault(textLocale('descriptive_sp', $facility, $lang)) !!}
                        </div>
                    </div>
                    <div class="post-content__item--thumb post-content__item--inner">
                        <div class="onsen-slide-swiper swiper roll-left pc">
                            <div class="swiper-wrapper">
                                @if (count($listImagePc) >= 1)
                                    @for ($i = 0; $i < count($listImagePc); $i++)
                                        <div class="swiper-slide">
                                            <img src="{!! setImagePreview($listImagePc[$i]) !!}" alt="">
                                        </div>
                                    @endfor
                                @endif
                            </div>
                        </div>

                        <div class="onsen-slide-swiper swiper roll-left sp">
                            <div class="swiper-wrapper">
                                @if (count($listImageSp) >= 1)
                                    @for ($i = 0; $i < count($listImageSp); $i++)
                                        <div class="swiper-slide">
                                            <img src="{!! setImagePreview($listImageSp[$i]) !!}" alt="">
                                        </div>
                                    @endfor
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="post-content__item--parameter post-content__item--inner">
                        @php
                            $informationMaterial = getInformationMaterial($facility['other_facility_information_details'], $lang);
                        @endphp
                        @foreach ($informationMaterial as $information)
                            <div class="parameter-row flex">
                                <div class="parameter-col parameter-col__left pc">
                                    {!! fieldPropertyValue('heading', $information) !!}
                                </div>
                                <div class="parameter-col parameter-col__left sp">
                                    {!! fieldPropertyValue('heading_sp', $information) !!}
                                </div>
                                @switch(fieldPropertyValue('type', $information))
                                    @case(InformationMasterialType::TEXT)
                                        <div class="parameter-col parameter-col__right pc">
                                            {!! fieldPropertyValue('descriptive', $information) !!}
                                        </div>
                                    @break

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

                                    @case(InformationMasterialType::PDF)
                                        @if (fieldPropertyValue('pdf_descriptive', $information))
                                            <a class="parameter-col parameter-col__right txt_link_defaul pc"
                                                href="{!! fieldPropertyValue('pdf_link', $information) !!}">
                                                {!! fieldPropertyValue('pdf_descriptive', $information) !!}
                                                <span>
                                                    <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>
                                            </a>
                                        @endif
                                    @break
                                @endswitch

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

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

                                    @case(InformationMasterialType::PDF)
                                        @if (fieldPropertyValue('pdf_descriptive_sp', $information))
                                            <a class="parameter-col parameter-col__right txt_link_defaul sp"
                                                href="{!! fieldPropertyValue('pdf_link_sp', $information) !!}">
                                                {!! fieldPropertyValue('pdf_descriptive_sp', $information) !!}
                                                <span>
                                                    <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>
                                            </a>
                                        @endif
                                    @break
                                @endswitch
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif
        @endforeach
    </div>
</div>