@php
    use App\Enums\InformationMasterialType;
@endphp
<div class="product-list-column">
    <div class="product-list">
        @foreach ($otherFacilitiesElements as $index => $facility)
            <div class="product-item{{ $index % 2 === 0 ? '' : ' flex-row-reverse' }}" data-aos="fade-up">
                <div class="swiper-thumb swiper pc">
                    <div class="swiper-wrapper">
                        @foreach (listImage($facility) as $image)
                            <div class="swiper-slide">
                                <div class="image-aspect-ratio">
                                    <img src="{!! setImagePreview($image) !!}" alt="" loading="lazy" />
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="swiper-button">
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <div class="swiper-thumb swiper sp">
                    <div class="swiper-wrapper">
                        @foreach (listImage($facility, true) as $image)
                            <div class="swiper-slide">
                                <div class="image-aspect-ratio">
                                    <img src="{!! setImagePreview($image) !!}" alt="" loading="lazy" />
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <div class="text-content">
                    <div class="info">
                        <div class="info__header">
                            <span class="pc">{!! setTextDefault(textLocale('heading', $facility, $lang)) !!}</span>
                            <span class="sp">{!! setTextDefault(textLocale('heading_sp', $facility, $lang)) !!}</span>
                        </div>
                        <div class="info__description">
                            <span class="pc">{!! setTextDefault(textLocale('descriptive', $facility, $lang)) !!}</span>
                            <span class="sp">{!! setTextDefault(textLocale('descriptive_sp', $facility, $lang)) !!}</span>
                        </div>
                        @php
                            $informationMaterial = getInformationMaterial(
                                $facility['other_facility_information_details'],
                                $lang,
                            );
                        @endphp
                        @if ($informationMaterial)
                            @foreach ($informationMaterial as $index => $information)
                                <div class="info__description">
                                    <b>
                                        <span class="pc">{!! fieldPropertyValue('heading', $information) !!}</span>
                                        <span class="sp">{!! fieldPropertyValue('heading_sp', $information) !!}</span>
                                    </b>
                                    @switch(fieldPropertyValue('type', $information))
                                        @case(InformationMasterialType::TEXT)
                                            <div class="pc">{!! fieldPropertyValue('descriptive', $information) !!}</div>
                                            <div class="sp">{!! fieldPropertyValue('descriptive_sp', $information) !!}</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
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
        @endforeach
    </div>
</div>