@php
    use App\Enums\InformationMasterialType;
    use App\Enums\Boolean;
@endphp
<div class="container">
    @if (fieldPropertyValue('status', $item))
        <div class="content">
            <div class="container">
                <div class="description" data-aos="fade-up">
                    <span class="pc">{!! setTextDefault(textLocale('body', $item, $lang)) !!}</span>
                    <span class="sp">{!! setTextDefault(textLocale('body_sp', $item, $lang)) !!}</span>
                </div>
            </div>
        </div>
    @endif
</div>

<div class="page-sub-menu__content" data-aos="fade-up">
    <div class="container">
        <ul class="clearfix">
            @foreach ($restaurantInformations as $val)
                <li>
                    <a class="link-scroll pc" href="#{!! fieldPropertyValue('id', $val) !!}">{!! setTextDefault(textLocale('name', $val, $lang)) !!}</a>
                    <a class="link-scroll sp" href="#sp{!! fieldPropertyValue('id', $val) !!}">{!! setTextDefault(textLocale('name_sp', $val, $lang)) !!}</a>
                </li>
            @endforeach
        </ul>
    </div>
</div>


@foreach ($restaurantInformations as $index => $val)
    @php
        $listImagePc = [];
        $listImageSp = [];
        for ($i = 1; $i <= 8; $i++) {
            if (!empty($val['image' . $i])) {
                $listImagePc[] = $val['image' . $i];
            }
            if (!empty($val['image' . $i . '_sp'])) {
                $listImageSp[] = $val['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;
        }
        $nameRestaurantSp = nameRestaurantSp($val, $lang);
        $isLogoSp = $nameRestaurantSp['isLogo'];
        $nameSp = $nameRestaurantSp['name'];
        $logoSp = $nameRestaurantSp['logo'];
    @endphp

    @if (fieldPropertyValue('is_logo', $val) == Boolean::TRUE)
        <div class="dining-img pc" id="{!! fieldPropertyValue('id', $val) !!}" data-aos="fade-up"><img src="{!! setImagePreview(fieldPropertyValue('logo', $val)) !!}">
        </div>
    @else
        <h2 class="dining-title pc" id="{!! fieldPropertyValue('id', $val) !!}" data-aos="fade-up">
            <div class="container">{!! setTextDefault(textLocale('name', $val, $lang)) !!}</div>
        </h2>
    @endif

    @if ($isLogoSp == Boolean::TRUE)
        <div class="dining-img sp" id="sp{!! fieldPropertyValue('id', $val) !!}" data-aos="fade-up"><img
                src="{!! setImagePreview($logoSp) !!}">
        </div>
    @else
        <h2 class="dining-title sp" id="sp{!! fieldPropertyValue('id', $val) !!}" data-aos="fade-up">
            <div class="container">{!! setTextDefault($nameSp) !!}</div>
        </h2>
    @endif

    <div class="dining-list__type1 content-left clearfix" data-aos="fade-up">
        <div class="container">
            <div class="content-image">
                <div class="thumbnail-slide-img swiper pc">
                    <div class="swiper-wrapper">
                        @foreach ($listImagePc as $image)
                            <div class="swiper-slide">
                                <div class="aspect-ratio-100x66"><img src="{!! setImagePreview($image) !!}" alt="">
                                </div>
                            </div>
                        @endforeach
                    </div>
                    @if (count($listImagePc) > 1)
                        <div class="swiper-button">
                            <div class="swiper-button-prev-thumbnail swiper-button-prev swiper-button-thumbnail">
                            </div>
                            <div class="swiper-button-next-thumbnail swiper-button-next swiper-button-thumbnail">
                            </div>
                        </div>
                        <div class="thumbnail-swiper-pagination swiper-pagination"></div>
                    @endif
                </div>
                <div class="thumbnail-slide-img swiper sp">
                    <div class="swiper-wrapper">
                        @foreach ($listImageSp as $image)
                            <div class="swiper-slide">
                                <div class="aspect-ratio-100x66"><img src="{!! setImagePreview($image) !!}" alt="">
                                </div>
                            </div>
                        @endforeach
                    </div>
                    @if (count($listImageSp) > 1)
                        <div class="thumbnail-swiper-pagination swiper-pagination"></div>
                    @endif
                </div>
            </div>
            <div class="content-detail">
                {{-- <h3><strong>ケーキギフトプラン</strong></h3> --}}
                <p class="text">
                    <span class="pc">{!! setTextDefault(textLocale('descriptive', $val, $lang)) !!}</span>
                    <span class="sp">{!! setTextDefault(textLocale('descriptive_sp', $val, $lang)) !!}</span>
                </p>
                <div class="reservation-link__type2">
                    <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->food_list_url) .
                        '/detail?id=' .
                        fieldPropertyValue('id', $val) !!}" data-i18n="restaurant_page.btn_detail">
                    </a>
                </div>
            </div>
        </div>
    </div>
@endforeach