@php
    use App\Enums\InformationMasterialType;
@endphp
@foreach ($otherFacilitiesElements as $index => $facility)
    <div class="txt-title">
        <div class="txt-title__en" {!! setStyle(['color' => $project->point_color]) !!}>
            <span class="pc">
                {!! fieldPropertyValue('english_display_text', $facility) !!}
            </span>
            <span class="sp">
                {!! fieldPropertyValue('english_display_text_sp', $facility) !!}
            </span>
        </div>
        <div class="txt-title__jp">
            <span class="pc">
                {!! setTextDefault(textLocale('heading', $facility, $lang)) !!}
            </span>
            <span class="sp">
                {!! setTextDefault(textLocale('heading_sp', $facility, $lang)) !!}
            </span>
        </div>
    </div>
    <div class="slide-facilities pc">
        <div class="swiper swiper-facilities">
            <div class="swiper-wrapper">
                @foreach (listImage($facility) as $image)
                    <div class="swiper-slide">
                        <div class="image-wrap">
                            <img class="recommend-image" src="{!! setImagePreview($image) !!}" alt="">
                        </div>
                    </div>
                @endforeach
            </div>
            @if (listImage($facility) > 1)
                <div class="swiper-button-prev"></div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-next"> </div>
            @endif
        </div>
    </div>
    <div class="slide-facilities sp">
        <div class="swiper swiper-facilities">
            <div class="swiper-wrapper">
                @foreach (listImage($facility, true) as $image)
                    <div class="swiper-slide">
                        <div class="image-wrap">
                            <img class="recommend-image" src="{!! setImagePreview($image) !!}" alt="">
                        </div>
                    </div>
                @endforeach
            </div>
            @if (listImage($facility, true) > 1)
                <div class="swiper-button-prev"></div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-next"> </div>
            @endif
        </div>
    </div>
    <div class="content-desc">
        <div class="content-desc__left">
            <h5 class="text-desc">
                <span class="pc">
                    {!! setTextDefault(textLocale('descriptive', $facility, $lang)) !!}
                </span>
                <span class="sp">
                    {!! setTextDefault(textLocale('descriptive_sp', $facility, $lang)) !!}
                </span>
            </h5>
            @if (setTextDefault(textLocale('caution_text', $facility, $lang)))
                <h5 class="text-note pc">
                    {!! setTextDefault(textLocale('caution_text', $facility, $lang)) !!}
                </h5>
            @endif
            @if (setTextDefault(textLocale('caution_text_sp', $facility, $lang)))
                <h5 class="text-note sp">
                    {!! setTextDefault(textLocale('caution_text_sp', $facility, $lang)) !!}
                </h5>
            @endif
            @if (setTextDefault(textLocale('link_text', $facility, $lang)))
                <div class="button-service pc">
                    <button onclick="window.open('{!! fieldPropertyValue('link_url', $facility) ?? '#' !!}', '_blank')" class="btn-service button-cv">
                        {!! setTextDefault(textLocale('link_text', $facility, $lang)) !!}
                    </button>
                </div>
            @endif
        </div>
        @if (fieldPropertyValue('other_facility_information_details', $facility))
            @php
                $informationMaterial = getInformationMaterial(
                    fieldPropertyValue('other_facility_information_details', $facility),
                    $lang,
                );
            @endphp
            <div class="content-desc__right">
                @foreach ($informationMaterial as $index => $information)
                    <div class="content-text">
                        <div class="content-text__left">
                            <span class="pc">
                                {!! fieldPropertyValue('heading', $information) !!}
                            </span>
                            <span class="sp">
                                {!! fieldPropertyValue('heading_sp', $information) !!}
                            </span>
                        </div>
                        <div class="content-text__right">
                            @switch(fieldPropertyValue('type', $information))
                                @case(InformationMasterialType::TEXT)
                                    <span class="pc">
                                        {!! fieldPropertyValue('descriptive', $information) !!}
                                    </span>
                                    <span class="sp">
                                        {!! fieldPropertyValue('descriptive_sp', $information) !!}
                                    </span>
                                @break

                                @case(InformationMasterialType::BUTTON)
                                    <a class="pc button" href="{!! fieldPropertyValue('button_link', $information) !!}">
                                        {!! fieldPropertyValue('button_name', $information) !!}
                                    </a>
                                    <a class="sp button" 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>
                    </div>
                @endforeach
            </div>
        @endif
        @if (setTextDefault(textLocale('link_text_sp', $facility, $lang)))
            <div class="button-service sp">
                <button onclick="window.open('{!! fieldPropertyValue('link_url_sp', $facility) ?? '#' !!}', '_blank')" class="btn-service button-cv">
                    {!! setTextDefault(textLocale('link_text_sp', $facility, $lang)) !!}
                </button>
            </div>
        @endif
    </div>
@endforeach