@if (fieldPropertyValue('cooking', $dataDetail))
    <div class="restaurant-detail__menu">
        <div class="menu-title heading-main" data-i18n="menu_content.heading"></div>
        <div class="menu-desc" data-i18n="menu_content.subheading"></div>
        <div class="menu-scrool flex center-justify">
            @foreach (fieldPropertyValue('cooking', $dataDetail) as $ind => $cooking)
                <a href="#{{ $ind }}" class="link-scroll">
                    <span>
                        {!! fieldPropertyValue('name_sp', $cooking) !!}
                    </span>
                    <div class="arrow-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                            <g id="chevron-right" transform="translate(24) rotate(90)">
                                <path id="Path_8494" data-name="Path 8494" d="M0,0H24V24H0Z" fill="none"></path>
                                <path id="Path_8495" data-name="Path 8495" d="M9,6l6,6L9,18" transform="translate(0 0)"
                                    fill="none" stroke="#54585b" stroke-linecap="round" stroke-linejoin="round"
                                    stroke-width="2"></path>
                            </g>
                        </svg>
                    </div>
                </a>
            @endforeach
        </div>
        @foreach (fieldPropertyValue('cooking', $dataDetail) as $ind => $cooking)
            <div class="menu-item flex col" id="{{ $ind }}">
                <div class="menu-item__images pc-flex center-justify">
                    <div class="menu-item__image">
                        <img src="{{ setImagePreview(fieldPropertyValue('image', $cooking)) }}" alt="">
                    </div>
                    <div class="menu-item__image">
                        <img src="{{ setImagePreview(fieldPropertyValue('image1', $cooking)) }}" alt="">
                    </div>
                </div>
                <div class="menu-item__images sp-flex center-justify">
                    <div class="menu-item__image">
                        <img src="{{ setImagePreview(fieldPropertyValue('image_sp', $cooking)) }}" alt="">
                    </div>
                    <div class="menu-item__image">
                        <img src="{{ setImagePreview(fieldPropertyValue('image1_sp', $cooking)) }}" alt="">
                    </div>
                </div>
                <div class="menu-item--bottom flex">
                    <div class="menu-item--left">
                        <h2 class="menu-item__title subheading-main">
                            <span class="pc">
                                {!! fieldPropertyValue('name', $cooking) !!}
                            </span>
                            <span class="sp">
                                {!! fieldPropertyValue('name_sp', $cooking) !!}
                            </span>
                        </h2>
                        <p class="menu-item__desc">
                            <span class="pc">
                                {!! fieldPropertyValue('description', $cooking) !!}
                            </span>
                            <span class="sp">
                                {!! fieldPropertyValue('description_sp', $cooking) !!}
                            </span>
                        </p>
                        @if (fieldPropertyValue('link_text', $cooking))
                            <a class="menu-item__order" href="{{ fieldPropertyValue('link_url', $cooking) }}">
                                {!! fieldPropertyValue('link_text', $cooking) !!}
                            </a>
                        @endif
                    </div>
                    <div class="menu-item--right">
                        <div class="info-menu flex center-align">
                            <span class="info-menu__name" data-i18n="menu_content.business_hours"></span>
                            <span class="info-menu__desc pc">
                                {!! fieldPropertyValue('business_hours', $cooking) !!}
                            </span>
                            <span class="info-menu__desc sp">
                                {!! fieldPropertyValue('business_hours_sp', $cooking) !!}
                            </span>
                        </div>
                        <div class="info-menu flex center-align">
                            <span class="info-menu__name" data-i18n="menu_content.fee_adult"></span>
                            <span class="info-menu__desc pc">
                                {!! fieldPropertyValue('fee_adult', $cooking) !!}
                            </span>
                            <span class="info-menu__desc sp">
                                {!! fieldPropertyValue('fee_adult_sp', $cooking) !!}
                            </span>
                        </div>
                        <div class="info-menu flex center-align">
                            <span class="info-menu__name" data-i18n="menu_content.fee_primary_school_student"></span>
                            <span class="info-menu__desc pc">
                                {!! fieldPropertyValue('fee_primary_school_student', $cooking) !!}
                            </span>
                            <span class="info-menu__desc sp">
                                {!! fieldPropertyValue('fee_primary_school_student_sp', $cooking) !!}
                            </span>
                        </div>
                        <div class="info-menu flex center-align">
                            <span class="info-menu__name" data-i18n="menu_content.fee_infant"></span>
                            <span class="info-menu__desc pc">
                                {!! fieldPropertyValue('fee_infant', $cooking) !!}
                            </span>
                            <span class="info-menu__desc sp">
                                {!! fieldPropertyValue('fee_infant_sp', $cooking) !!}
                            </span>
                        </div>
                    </div>
                    @if (fieldPropertyValue('link_text', $cooking))
                        <a class="menu-item__order-mb" href="{{ fieldPropertyValue('link_url', $cooking) }}">
                            {!! fieldPropertyValue('link_text', $cooking) !!}
                        </a>
                    @endif
                </div>
            </div>
        @endforeach
    </div>
@endif