@php
use App\Enums\InformationMasterialType;
use App\Enums\Boolean;
@endphp
@if (fieldPropertyValue('status', $item))
    <div class="restaurant-box" data-aos="fade-in">
        <div class="container">
            <div class="restaurant-box__title">
                <span class="pc">{!! setTextDefault(textLocale('heading', $item, $lang)) !!}</span>
                <span class="sp">{!! setTextDefault(textLocale('heading_sp', $item, $lang)) !!}</span>
            </div>
            <div class="restaurant-box__desc">
                <span class="pc">{!! setTextDefault(textLocale('body', $item, $lang)) !!}</span>
                <span class="sp">{!! setTextDefault(textLocale('body_sp', $item, $lang)) !!}</span>
            </div>
        </div>
    </div>
@endif
@foreach ($restaurantInformations as $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];
                }
            }
        }
    @endphp
    <div class="slide_product_content pc" data-aos="fade-in">
        <div class="slide__product_swiper">
            <div class="swiper-wrapper slide__product_wrap flex center__align">
                @if (count($listImagePc) == 0)
                    <div class="product_slide_box swiper-slide img_wrap">
                        <img src="https://assets.micado-rayout.jp/img/common/no-image-found-360x250.png" alt="">
                    </div>
                @else
                    @foreach ($listImagePc as $image)
                        <div class="product_slide_box swiper-slide img_wrap">
                            <img src="{!! setImagePreview($image) !!}" alt="">
                        </div>
                    @endforeach
                @endif
            </div>
            <div class="slide_product_pagination swiper-pagination"> </div>
            <div class="swiper-button flex">
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
    </div>
    <div class="slide_product_content sp" data-aos="fade-in">
        <div class="slide__product_swiper">
            <div class="swiper-wrapper slide__product_wrap flex center__align">
                @if (count($listImageSp) == 0)
                    <div class="product_slide_box swiper-slide img_wrap">
                        <img src="https://assets.micado-rayout.jp/img/common/no-image-found-360x250.png" alt="">
                    </div>
                @else
                    @foreach ($listImageSp as $image)
                        <div class="product_slide_box swiper-slide img_wrap">
                            <img src="{!! setImagePreview($image) !!}" alt="">
                        </div>
                    @endforeach
                @endif
            </div>
            <div class="slide_product_pagination swiper-pagination"> </div>
            <div class="swiper-button flex">
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
    </div>
    <div class="container" data-aos="fade-in">
        <div class="restaurant-desc">
            @php
                $nameRestaurantSp = nameRestaurantSp($val, $lang);
                $isLogoSp = $nameRestaurantSp['isLogo'];
                $nameSp = $nameRestaurantSp['name'];
                $logoSp = $nameRestaurantSp['logo'];
            @endphp
            <div class="restaurant-desc__col">
                @if (fieldPropertyValue('is_logo', $val) == Boolean::TRUE)
                    <div class="restaurant-desc__title restaurant-logo-cm img_wrap pc">
                        <img src="{!! setImagePreview(fieldPropertyValue('logo', $val)) !!}" alt="">
                    </div>
                @else
                    <div class="restaurant-desc__title pc">
                        {!! setTextDefault(textLocale('name', $val, $lang)) !!}
                    </div>
                @endif
                @if ($isLogoSp == Boolean::TRUE)
                    <div class="restaurant-desc__title restaurant-logo-cm img_wrap sp">
                        <img src="{!! $logoSp !!}" alt="">
                    </div>
                @else
                    <div class="restaurant-desc__title sp">
                        {!! $nameSp !!}
                    </div>
                @endif
                <div class="restaurant-desc__content">
                    <span class="pc">{!! setTextDefault(textLocale('descriptive', $val, $lang)) !!}</span>
                    <span class="sp">{!! setTextDefault(textLocale('descriptive_sp', $val, $lang)) !!}</span>
                </div>
                <a class="btn_search_vacancy more-info-link pc_flex"
                    href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->food_list_url) . '/detail?id=' . fieldPropertyValue('id', $val) !!}">
                    {!! config('translate.' . $lang . '.dish_page.btn_view_detail') !!}
                </a>
            </div>
            @if ($val['restaurant_information_details'])
                <div class="restaurant-desc__col">
                    @php
                        $restaurantInformationDetails = getInformationMaterial($val['restaurant_information_details'], $lang);
                    @endphp
                    @foreach ($restaurantInformationDetails as $detail)
                        <div class="restaurant-desc__row pc_flex">
                            <div class="restaurant-desc__gray">
                                {!! fieldPropertyValue('heading', $detail) !!}
                            </div>
                            @switch(fieldPropertyValue('type', $detail))
                                @case(InformationMasterialType::TEXT)
                                    <div class="restaurant-desc__text">
                                        {!! fieldPropertyValue('descriptive', $detail) !!}
                                    </div>
                                @break

                                @case(InformationMasterialType::BUTTON)
                                    <a class="restaurant-desc__link restaurant-desc__text"
                                        href="{!! fieldPropertyValue('button_link', $detail) !!}">
                                        {!! fieldPropertyValue('button_name', $detail) !!}
                                    </a>
                                @break

                                @case(InformationMasterialType::PDF)
                                    <a class="restaurant-desc__link restaurant-desc__text" href="{!! fieldPropertyValue('pdf_link', $detail) !!}">
                                        {!! fieldPropertyValue('pdf_descriptive', $detail) !!}
                                    </a>
                                    <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>
                                @break
                            @endswitch
                        </div>
                        <div class="restaurant-desc__row sp_flex">
                            <div class="restaurant-desc__gray">
                                {!! fieldPropertyValue('heading_sp', $detail) !!}
                            </div>
                            @switch(fieldPropertyValue('type_sp', $detail))
                                @case(InformationMasterialType::TEXT)
                                    <div class="restaurant-desc__text">
                                        {!! fieldPropertyValue('descriptive_sp', $detail) !!}
                                    </div>
                                @break

                                @case(InformationMasterialType::BUTTON)
                                    <a class="restaurant-desc__link restaurant-desc__text"
                                        href="{!! fieldPropertyValue('button_link_sp', $detail) !!}">
                                        {!! fieldPropertyValue('button_name_sp', $detail) !!}
                                    </a>
                                @break

                                @case(InformationMasterialType::PDF)
                                    <a class="restaurant-desc__link restaurant-desc__text" href="{!! fieldPropertyValue('pdf_link_sp', $detail) !!}">
                                        {!! fieldPropertyValue('pdf_descriptive_sp', $detail) !!}
                                    </a>
                                    <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>
                                @break
                            @endswitch
                        </div>
                    @endforeach
                </div>
            @endif
            <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->food_list_url) . '/detail?id=' . fieldPropertyValue('id', $val) !!}"
                class="restaurant-desc__button sp_flex">
                {!! config('translate.' . $lang . '.dish_page.btn_view_detail') !!}
            </a>
        </div>
    </div>
@endforeach