@php
    use App\Enums\InformationMasterialType;
@endphp

@foreach ($otherFacilitiesElements as $index => $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($listImagePc) == 0) {
                $listImagePc = ['https://assets.micado-rayout.jp/img/common/no-image-found-360x250.png'];
            }
            if (count($listImageSp) == 0) {
                $listImageSp = $listImagePc;
            }
        @endphp
        <div class="container">
            <div class="facilities-content">
                <div class="swiper swiper-facilities pc">
                    <div class="swiper-wrapper">
                        @foreach ($listImagePc as $image)
                            <div class="swiper-slide">
                                <div class="image-aspect">
                                    <img src="{!! setImagePreview($image) !!}" alt="">
                                </div>
                            </div>
                        @endforeach
                    </div>
                    @if (count($listImagePc) > 1)
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-pagination"></div>
                    @endif
                </div>
                <div class="swiper swiper-facilities sp">
                    <div class="swiper-wrapper">
                        @foreach ($listImageSp as $image)
                            <div class="swiper-slide">
                                <div class="image-aspect">
                                    <img src="{!! setImagePreview($image) !!}" alt="">
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <div class="facilities-content__right">
                    <div class="content-title subheading-main">
                        <span class="pc">{!! setTextDefault(textLocale('heading', $facility, $lang)) !!}</span>
                        <span class="sp">{!! setTextDefault(textLocale('heading_sp', $facility, $lang)) !!}</span>
                    </div>
                    <div class="content-intro">
                        <h1 class="content-intro__text">
                            <span class="pc">{!! setTextDefault(textLocale('descriptive', $facility, $lang)) !!}</span>
                            <span class="sp">{!! setTextDefault(textLocale('descriptive_sp', $facility, $lang)) !!}</span>
                        </h1>
                    </div>
                    @php
                        $informationMaterial = getInformationMaterial($facility['other_facility_information_details'], $lang);
                    @endphp
                    @if ($informationMaterial)
                        <table class="content-desc">
                            @foreach ($informationMaterial as $index => $information)
                                <tr>
                                    <td class="content-desc__title">
                                        <span class="pc">{!! fieldPropertyValue('heading', $information) !!}</span>
                                        <span class="sp">{!! fieldPropertyValue('heading_sp', $information) !!}</span>
                                    </td>
                                    <td>
                                        @switch(fieldPropertyValue('type', $information))
                                            @case(InformationMasterialType::TEXT)
                                                <div class="text">
                                                    <span class="pc">{!! fieldPropertyValue('descriptive', $information) !!}</span>
                                                    <span class="sp">{!! fieldPropertyValue('descriptive_sp', $information) !!}</span>
                                                </div>
                                            @break

                                            @case(InformationMasterialType::BUTTON)
                                                <a class="pc" href="{!! fieldPropertyValue('button_link', $information) !!}">
                                                    {!! fieldPropertyValue('button_name', $information) !!}
                                                </a>
                                                <a class="sp" href="{!! fieldPropertyValue('button_link_sp', $information) !!}">
                                                    {!! fieldPropertyValue('button_name_sp', $information) !!}
                                                </a>
                                            @break

                                            @case(InformationMasterialType::PDF)
                                                @if (fieldPropertyValue('pdf_descriptive', $information))
                                                    <a class="pc" href="{!! fieldPropertyValue('pdf_link', $information) !!}">
                                                        <span>{!! fieldPropertyValue('pdf_descriptive', $information) !!}</span>
                                                    </a>
                                                @endif
                                                @if (fieldPropertyValue('pdf_descriptive_sp', $information))
                                                    <a class="sp" href="{!! fieldPropertyValue('pdf_link_sp', $information) !!}">
                                                        <span>{!! fieldPropertyValue('pdf_descriptive_sp', $information) !!}</span>
                                                    </a>
                                                @endif
                                            @break
                                        @endswitch
                                    </td>
                                </tr>
                            @endforeach
                        </table>
                    @endif
                </div>
            </div>
        </div>
    @endif
@endforeach