@if (fieldPropertyValue('cooking', $dataDetail))
    <div class="menu-content">
        <div class="container">
            <div class="main-heading" data-aos="fade-up">
                <div class="flex-auto">
                    <div class="heading-line"></div>
                </div>
                <div class="text">MENU</div>
                <div class="flex-auto">
                    <div class="heading-line"></div>
                </div>
            </div>
            <div class="content" data-aos="fade-up">
                <div class="menu-swiper swiper">
                    <div class="swiper-wrapper">
                        @foreach (fieldPropertyValue('cooking', $dataDetail) as $cooking)
                            <div class="swiper-slide">
                                <div class="image-wrap">
                                    <img class="pc"
                                        src="{{ setImagePreview(fieldPropertyValue('image', $cooking)) }}"
                                        alt="">
                                    <img class="sp"
                                        src="{{ setImagePreview(fieldPropertyValue('image_sp', $cooking)) }}"
                                        alt="">
                                </div>
                                <div class="info__content">
                                    <div class="info__heading">
                                        <span class="pc">
                                            {!! setTextDefault(fieldPropertyValue('name', $cooking)) !!}
                                        </span>
                                        <span class="sp">
                                            {!! setTextDefault(fieldPropertyValue('name_sp', $cooking)) !!}
                                        </span>
                                    </div>
                                    <div class="info__description">
                                        <span class="pc">
                                            {!! setTextDefault(fieldPropertyValue('description', $cooking)) !!}
                                        </span>
                                        <span class="sp">
                                            {!! setTextDefault(fieldPropertyValue('description_sp', $cooking)) !!}
                                        </span>
                                    </div>
                                    <div class="info__business-hours">
                                        <strong data-i18n="menu_content.business_hours"></strong>
                                    </div>
                                    <div class="info__business-hours">
                                        <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="buttons flex flex-wrap">
                                        @if (fieldPropertyValue('pdf_text', $cooking))
                                            <a class="btn-detail" href="{{ fieldPropertyValue('pdf_url', $cooking) }}">
                                                {!! fieldPropertyValue('pdf_text', $cooking) !!}
                                            </a>
                                        @endif
                                        @if (fieldPropertyValue('link_text', $cooking))
                                            <a class="btn-detail" href="{{ fieldPropertyValue('link_url', $cooking) }}">
                                                {!! fieldPropertyValue('link_text', $cooking) !!}
                                            </a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="swiper-button">
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endif