@php
    use App\Enums\InformationMasterialType;
    use App\Enums\MultiLangMode;
    use App\Enums\Boolean;
@endphp

<div class="container">
    @if (fieldPropertyValue('status', $item))
        <div class="container-child">
            <div class="content-top">
                <div class="content-top__title">
                    <span class="pc">{!! setTextDefault(textLocale('heading', $item, $lang)) !!}</span>
                    <span class="sp">{!! setTextDefault(textLocale('heading_sp', $item, $lang)) !!}</span>
                </div>
                <div class="content-top__info pc">
                    {!! setTextDefault(textLocale('body', $item, $lang)) !!}
                </div>
                <div class="content-top__info sp">
                    {!! setTextDefault(textLocale('body_sp', $item, $lang)) !!}
                </div>
            </div>
        </div>
    @endif
    <div class="container-child">
        @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($listImageSp) == 0) {
                        for ($i=1; $i <= 8; $i++) {
                            if (! empty($val['image'.$i])) {
                                $listImageSp[] = $val['image'.$i];
                            }
                        }
                    }
                    $nameRestaurantSp = nameRestaurantSp($val, $lang);
                    $isLogoSp = $nameRestaurantSp['isLogo'];
                    $nameSp = $nameRestaurantSp['name'];
                    $nameSpEn = $nameRestaurantSp['nameEn'];
                    $logoSp = $nameRestaurantSp['logo'];
            @endphp
            <div class="content-restaurant" id="{!! fieldPropertyValue('id', $val) !!}" data-aos="fade-left">
                <div class="content-restaurant__top">
                    <div class="content-restaurant__top--left">
                        <div class="content-restaurant__title pc">
                            @if (fieldPropertyValue('is_logo', $val) == Boolean::TRUE)
                                <div class="restaurant-logo-cm">
                                    <img src="{!! setImagePreview(fieldPropertyValue('logo', $val)) !!}" alt="">
                                </div>
                            @else
                                <div class="content-restaurant__text-jp">
                                    {!! setTextDefault(textLocale('name', $val, $lang)) !!}
                                </div>
                                @if ($lang != MultiLangMode::ENGLISH)
                                    <div class="content-restaurant__text-en">
                                        {{ setTextDefault(fieldPropertyValue('name_en', $val)) }}</div>
                                @endif
                            @endif
                        </div>
                        <div class="content-restaurant__title sp">
                            @if ($isLogoSp == Boolean::TRUE)
                                <div class="restaurant-logo-cm">
                                    <img src="{!! $logoSp !!}" alt="">
                                </div>
                            @else
                                <div class="content-restaurant__text-jp">
                                    {!! $nameSp !!}
                                </div>
                                @if ($lang != MultiLangMode::ENGLISH)
                                    <div class="content-restaurant__text-en">
                                        {{ $nameSpEn }}</div>
                                @endif
                            @endif
                        </div>
                        <div class="content-restaurant__content pc">
                            {!! setTextDefault(textLocale('descriptive', $val, $lang)) !!}
                        </div>
                        <div class="content-restaurant__content sp">
                            @php
                                $informationMaterial = getInformationMaterial($val['restaurant_information_details'], $lang);
                            @endphp
                            @foreach ($informationMaterial as $detail)
                                @switch(fieldPropertyValue('type_sp', $detail))
                                    @case(InformationMasterialType::TEXT)
                                        <span>{!! fieldPropertyValue('descriptive_sp', $detail) !!}</span>
                                        @if ($loop->last)
                                        @else
                                            /
                                        @endif
                                    @break

                                    @case(InformationMasterialType::BUTTON)
                                        <a class="txt_link_defaul" href="{!! fieldPropertyValue('button_link_sp', $detail) !!}">
                                            {!! fieldPropertyValue('button_name_sp', $detail) !!}
                                        </a>
                                        @if ($loop->last)
                                        @else
                                            /
                                        @endif
                                    @break

                                    @case(InformationMasterialType::PDF)
                                        <a class="txt_link_defaul" href="{!! fieldPropertyValue('pdf_link_sp', $detail) !!}">
                                            {!! fieldPropertyValue('pdf_descriptive_sp', $detail) !!}
                                            <span>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="19.528" height="24"
                                                    viewbox="0 0 19.528 24">
                                                    <g id="PDFアイコン" transform="translate(-47.706)">
                                                        <path id="Path_716" data-name="Path 716"
                                                            d="M63.208,0H54.616l-.437.437L48.143,6.474l-.437.437V19.974A4.031,4.031,0,0,0,51.732,24H63.208a4.031,4.031,0,0,0,4.026-4.026V4.026A4.03,4.03,0,0,0,63.208,0Zm2.535,19.974a2.535,2.535,0,0,1-2.535,2.536H51.732A2.535,2.535,0,0,1,49.2,19.974V7.528h3.924a2.113,2.113,0,0,0,2.113-2.113V1.491h7.974a2.535,2.535,0,0,1,2.535,2.536Z"
                                                            fill="#4b4b4b"></path>
                                                        <path id="Path_717" data-name="Path 717"
                                                            d="M136.476,252.785h-1.337a.383.383,0,0,0-.407.414v3.457a.469.469,0,1,0,.935,0v-1.05a.034.034,0,0,1,.039-.038h.77a1.4,1.4,0,1,0,0-2.782Zm-.058,1.974h-.713a.034.034,0,0,1-.039-.038v-1.089a.034.034,0,0,1,.039-.038h.713a.584.584,0,1,1,0,1.165Z"
                                                            transform="translate(-82.947 -240.936)" fill="#4b4b4b"></path>
                                                        <path id="Path_718" data-name="Path 718"
                                                            d="M221.069,252.785h-1.025a.383.383,0,0,0-.407.414v3.508a.378.378,0,0,0,.407.408h1.025c.923,0,1.5-.293,1.725-1a5.382,5.382,0,0,0,0-2.33C222.566,253.078,221.992,252.785,221.069,252.785Zm.828,3.005c-.109.344-.42.49-.854.49h-.433a.034.034,0,0,1-.039-.038v-2.585a.034.034,0,0,1,.039-.038h.433c.433,0,.745.147.854.49a4.688,4.688,0,0,1,0,1.681Z"
                                                            transform="translate(-163.872 -240.936)" fill="#4b4b4b"></path>
                                                        <path id="Path_719" data-name="Path 719"
                                                            d="M310.163,252.785h-2.1a.383.383,0,0,0-.408.414v3.457a.469.469,0,1,0,.936,0v-1.235a.034.034,0,0,1,.038-.038h1.223a.4.4,0,1,0,0-.8h-1.223a.034.034,0,0,1-.038-.038v-.911a.034.034,0,0,1,.038-.038h1.534a.405.405,0,1,0,0-.808Z"
                                                            transform="translate(-247.764 -240.936)" fill="#4b4b4b"></path>
                                                    </g>
                                                </svg>
                                            </span>
                                        </a>
                                        @if ($loop->last)
                                        @else
                                            /
                                        @endif
                                    @break
                                @endswitch
                            @endforeach
                        </div>
                        <a class="more-info-link content-restaurant__content--title" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->food_list_url) .
                            '/detail?id=' .
                            fieldPropertyValue('id', $val) !!}"
                            data-i18n="btn_view_detail"></a>
                    </div>
                    <div class="content-restaurant__top--right">
                        <div class="content-restaurant__slider pc swiper roll-left">
                            <div class="swiper-wrapper">
                                @if (count($listImagePc) == 0)
                                    <div class="content-restaurant__img swiper-slide">
                                        <img src="https://assets.micado-rayout.jp/img/common/no-image-found-360x250.png" alt="">
                                    </div>
                                @else
                                    @foreach ($listImagePc as $image)
                                        <div class="content-restaurant__img swiper-slide">
                                            <img src="{!! setImagePreview($image) !!}" alt="">
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                        <div class="content-restaurant__slider sp swiper roll-left">
                            <div class="swiper-wrapper">
                                @if (count($listImageSp) == 0)
                                    <div class="content-restaurant__img swiper-slide">
                                        <img src="https://assets.micado-rayout.jp/img/common/no-image-found-360x250.png" alt="">
                                    </div>
                                @else
                                    @foreach ($listImageSp as $image)
                                        <div class="content-restaurant__img swiper-slide">
                                            <img src="{!! setImagePreview($image) !!}" alt="">
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                        @if ($val['restaurant_information_details'])
                            <div class="content-restaurant__info pc">
                                <div class="line-info"></div>
                                @foreach ($informationMaterial as $detail)
                                    <div class="content-restaurant__info--right">
                                        <div class="content-restaurant__param">
                                            {!! fieldPropertyValue('heading', $detail) !!}
                                        </div>
                                        @switch(fieldPropertyValue('type', $detail))
                                            @case(InformationMasterialType::TEXT)
                                                <div class="content-restaurant__param--text">{!! fieldPropertyValue('descriptive', $detail) !!}</div>
                                            @break

                                            @case(InformationMasterialType::BUTTON)
                                                <a class="content-restaurant__param--text txt_link_defaul"
                                                    href="{!! fieldPropertyValue('button_link', $detail) !!}">
                                                    {!! fieldPropertyValue('button_name', $detail) !!}
                                                </a>
                                            @break

                                            @case(InformationMasterialType::PDF)
                                                <a class="content-restaurant__param--text txt_link_defaul"
                                                    href="{!! fieldPropertyValue('pdf_link', $detail) !!}">
                                                    {!! fieldPropertyValue('pdf_descriptive', $detail) !!}
                                                    <span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="19.528"
                                                            height="24" viewbox="0 0 19.528 24">
                                                            <g id="PDFアイコン" transform="translate(-47.706)">
                                                                <path id="Path_716" data-name="Path 716"
                                                                    d="M63.208,0H54.616l-.437.437L48.143,6.474l-.437.437V19.974A4.031,4.031,0,0,0,51.732,24H63.208a4.031,4.031,0,0,0,4.026-4.026V4.026A4.03,4.03,0,0,0,63.208,0Zm2.535,19.974a2.535,2.535,0,0,1-2.535,2.536H51.732A2.535,2.535,0,0,1,49.2,19.974V7.528h3.924a2.113,2.113,0,0,0,2.113-2.113V1.491h7.974a2.535,2.535,0,0,1,2.535,2.536Z"
                                                                    fill="#4b4b4b"></path>
                                                                <path id="Path_717" data-name="Path 717"
                                                                    d="M136.476,252.785h-1.337a.383.383,0,0,0-.407.414v3.457a.469.469,0,1,0,.935,0v-1.05a.034.034,0,0,1,.039-.038h.77a1.4,1.4,0,1,0,0-2.782Zm-.058,1.974h-.713a.034.034,0,0,1-.039-.038v-1.089a.034.034,0,0,1,.039-.038h.713a.584.584,0,1,1,0,1.165Z"
                                                                    transform="translate(-82.947 -240.936)"
                                                                    fill="#4b4b4b"></path>
                                                                <path id="Path_718" data-name="Path 718"
                                                                    d="M221.069,252.785h-1.025a.383.383,0,0,0-.407.414v3.508a.378.378,0,0,0,.407.408h1.025c.923,0,1.5-.293,1.725-1a5.382,5.382,0,0,0,0-2.33C222.566,253.078,221.992,252.785,221.069,252.785Zm.828,3.005c-.109.344-.42.49-.854.49h-.433a.034.034,0,0,1-.039-.038v-2.585a.034.034,0,0,1,.039-.038h.433c.433,0,.745.147.854.49a4.688,4.688,0,0,1,0,1.681Z"
                                                                    transform="translate(-163.872 -240.936)"
                                                                    fill="#4b4b4b"></path>
                                                                <path id="Path_719" data-name="Path 719"
                                                                    d="M310.163,252.785h-2.1a.383.383,0,0,0-.408.414v3.457a.469.469,0,1,0,.936,0v-1.235a.034.034,0,0,1,.038-.038h1.223a.4.4,0,1,0,0-.8h-1.223a.034.034,0,0,1-.038-.038v-.911a.034.034,0,0,1,.038-.038h1.534a.405.405,0,1,0,0-.808Z"
                                                                    transform="translate(-247.764 -240.936)"
                                                                    fill="#4b4b4b"></path>
                                                            </g>
                                                        </svg>
                                                    </span>
                                                </a>
                                            @break
                                        @endswitch
                                    </div>
                                    <div class="line-info__center"></div>
                                @endforeach
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        @endforeach
    </div>
</div>