@php
    use App\Enums\LinkType;
    $sightseeingSpots = [];
    if (count($touristRoutes)) {
        foreach ($touristRoutes as $touristRoute) {
            if (fieldPropertyValue('sightseeing_spot_contents', $touristRoute)) {
                $sightseeingSpots = array_merge($sightseeingSpots, fieldPropertyValue('sightseeing_spot_contents', $touristRoute));
            }
        }
    }
@endphp

<div class="sightseeing-spots" id="sightseeing-spots">
    <div class="container">
        <h2 class="title" data-i18n="sightseeing_page.sightseeing_spots.title"></h2>
        <div class="spot-search__tags" id="search-category-spot">
            @foreach ($sightseeingCategories as $category)
                <input class="spot-search__input" type="checkbox" name="spot_tag"
                    id="tag{{ fieldPropertyValue('id', $category) }}" value="{!! fieldPropertyValue('id', $category) !!}">
                <label class="spot-search__label"
                    for="tag{{ fieldPropertyValue('id', $category) }}"><span>{!! setTextDefault(textLocale('name', $category, $lang)) !!}</span></label>
            @endforeach
        </div>
        @if (count($sightseeingSpots))
            <ul class="spot-search__spots">
                @foreach ($sightseeingSpots as $index => $val)
                    <li class="spot-search__spot">
                        <img class="pc" src="{!! setImagePreview(fieldPropertyValue('image', $val)) !!}">
                        <img class="sp" src="{!! setImagePreview(fieldPropertyValue('image_sp', $val)) !!}">
                        @if (fieldPropertyValue('category_ids', $val))
                            <ul class="categories pc">
                                @foreach (fieldPropertyValue('category_ids', $val) as $categoryId)
                                    @php
                                        $category = current(
                                            array_filter($sightseeingCategories, function ($sightseeingCategory) use ($categoryId) {
                                                return fieldPropertyValue('id', $sightseeingCategory) == $categoryId;
                                            }),
                                        );
                                    @endphp
                                    @if ($category)
                                        <li data-value="{!! fieldPropertyValue('id', $category) !!}">{!! setTextDefault(textLocale('name', $category, $lang)) !!}</li>
                                    @endif
                                @endforeach
                            </ul>
                        @endif
                        @if (fieldPropertyValue('category_ids_sp', $val))
                            <ul class="categories sp">
                                @foreach (fieldPropertyValue('category_ids_sp', $val) as $categoryId)
                                    @php
                                        $category = current(
                                            array_filter($sightseeingCategories, function ($sightseeingCategory) use ($categoryId) {
                                                return fieldPropertyValue('id', $sightseeingCategory) == $categoryId;
                                            }),
                                        );
                                    @endphp
                                    @if ($category)
                                        <li data-value="{!! fieldPropertyValue('id', $category) !!}">{!! setTextDefault(textLocale('name', $category, $lang)) !!}</li>
                                    @endif
                                @endforeach
                            </ul>
                        @endif
                        <h2>
                            <span class="pc">{!! setTextDefault(textLocale('name', $val, $lang)) !!}</span>
                            <span class="sp">{!! setTextDefault(textLocale('name_sp', $val, $lang)) !!}</span>
                        </h2>
                        <p>
                            <span class="pc">{!! setTextDefault(textLocale('descriptive', $val, $lang)) !!}</span>
                            <span class="sp">{!! setTextDefault(textLocale('descriptive_sp', $val, $lang)) !!}</span>
                        </p>

                        @if (fieldPropertyValue('link_type', $val) == LinkType::THERE_IS_A_LINK)
                            <a class="pc" href="{!! fieldPropertyValue('link_url', $val) !!}" target="_blank"
                                data-i18n="sightseeing_page.btn_detail"></a>
                        @else
                            <a class="open-modal pc" data-image="{!! setImagePreview(fieldPropertyValue('image', $val)) !!}"
                                data-title="{!! setTextDefault(textLocale('name', $val, $lang)) !!}" data-body="{!! setTextDefault(textLocale('descriptive', $val, $lang)) !!}"
                                data-address="{!! setTextDefault(textLocale('address', $val, $lang)) !!}" data-i18n="sightseeing_page.btn_detail"></a>
                        @endif
                        @if (fieldPropertyValue('link_type_sp', $val) == LinkType::THERE_IS_A_LINK)
                            <a class="sp" href="{!! fieldPropertyValue('link_url_sp', $val) !!}" target="_blank"
                                data-i18n="sightseeing_page.btn_detail"></a>
                        @else
                            <a class="open-modal sp" data-image-sp="{!! setImagePreview(fieldPropertyValue('image_sp', $val)) !!}"
                                data-title-sp="{!! setTextDefault(textLocale('name_sp', $val, $lang)) !!}" data-body-sp="{!! setTextDefault(textLocale('descriptive_sp', $val, $lang)) !!}"
                                data-address-sp="{!! setTextDefault(textLocale('address_sp', $val, $lang)) !!}" data-i18n="sightseeing_page.btn_detail"></a>
                        @endif
                    </li>
                @endforeach
            </ul>
        @endif
    </div>
</div>