@php
    use App\Enums\DisplayContent;
    use App\Enums\InformationMasterialType;
@endphp
<div class="concept-block pc" v-if="fieldPropertyValue('display_content', item) == @json(DisplayContent::VIEW_DETAIL)">
    <div class="container">
        <div class="main-heading" data-aos="fade-up">
            <div class="flex-auto">
                <div class="heading-line"></div>
            </div>
            <div class="text" v-html="setTextDefault(fieldPropertyValue('name', restaurant))"></div>
            <div class="flex-auto">
                <div class="heading-line"></div>
            </div>
        </div>
        <div class="concept-content ck-content" data-aos="fade-up"
            v-html="setTextDefault(fieldPropertyValue('content', restaurant))">
        </div>
        <div class="concept-content" data-aos="fade-up"
            v-if="fieldPropertyValue('morning', restaurant) == 1 || fieldPropertyValue('lunch', restaurant) == 1 || fieldPropertyValue('dinner', restaurant) == 1 || fieldPropertyValue('a_la_carte', restaurant) == 1">
            <span data-i18n="restaurant_detail.business_hours"></span>
            <br v-if="fieldPropertyValue('morning', restaurant) == 1" />
            <span v-if="fieldPropertyValue('morning', restaurant) == 1">
                <span data-i18n="restaurant_detail.morning"></span><span
                    v-html="`${fieldPropertyValue('morning_start_time', restaurant)}～${fieldPropertyValue('morning_closing_time', restaurant)}`"></span>（<span data-i18n="restaurant_detail.last_order"></span><span
                    v-html="fieldPropertyValue('morning_last_order', restaurant)"></span>）
            </span>
            <br v-if="fieldPropertyValue('lunch', restaurant) == 1" />
            <span v-if="fieldPropertyValue('lunch', restaurant) == 1">
                <span data-i18n="restaurant_detail.lunch"></span><span
                    v-html="`${fieldPropertyValue('lunch_start_time', restaurant)}～${fieldPropertyValue('lunch_closing_time', restaurant)}`"></span>（<span data-i18n="restaurant_detail.last_order"></span><span
                    v-html="fieldPropertyValue('lunch_last_order', restaurant)"></span>）
            </span>
            <br v-if="fieldPropertyValue('dinner', restaurant) == 1" />
            <span v-if="fieldPropertyValue('dinner', restaurant) == 1">
                <span data-i18n="restaurant_detail.dinner"></span><span
                    v-html="`${fieldPropertyValue('dinner_start_time', restaurant)}～${fieldPropertyValue('dinner_closing_time', restaurant)}`"></span>（<span data-i18n="restaurant_detail.last_order"></span><span
                    v-html="fieldPropertyValue('dinner_last_order', restaurant)"></span>）
            </span>
            <br v-if="fieldPropertyValue('a_la_carte', restaurant) == 1" />
            <span v-if="fieldPropertyValue('a_la_carte', restaurant) == 1">
                <span data-i18n="restaurant_detail.a_la_carte"></span><span
                    v-html="`${fieldPropertyValue('a_la_carte_start_time', restaurant)}～${fieldPropertyValue('a_la_carte_closing_time', restaurant)}`"></span>（<span data-i18n="restaurant_detail.last_order"></span><span
                    v-html="fieldPropertyValue('a_la_carte_last_order', restaurant)"></span>）
            </span>
        </div>
        <a class="btn-detail" data-aos="fade-up" :href="setTextDefault(fieldPropertyValue('link_url', restaurant))"
            v-if="fieldPropertyValue('link_type', restaurant)"
            v-html="setTextDefault(fieldPropertyValue('link_text', restaurant))"></a>
    </div>
</div>

<div class="concept-block sp" v-if="fieldPropertyValue('display_content_sp', item) == @json(DisplayContent::VIEW_DETAIL)">
    <div class="container">
        <div class="main-heading" data-aos="fade-up">
            <div class="flex-auto">
                <div class="heading-line"></div>
            </div>
            <div class="text" v-html="setTextDefault(fieldPropertyValue('name_sp', restaurant))"></div>
            <div class="flex-auto">
                <div class="heading-line"></div>
            </div>
        </div>
        <div class="concept-content ck-content" data-aos="fade-up"
            v-html="setTextDefault(fieldPropertyValue('content_sp', restaurant))">
        </div>
        <div class="concept-content" data-aos="fade-up"
            v-if="fieldPropertyValue('morning_sp', restaurant) == 1 || fieldPropertyValue('lunch_sp', restaurant) == 1 || fieldPropertyValue('dinner_sp', restaurant) == 1 || fieldPropertyValue('a_la_carte_sp', restaurant) == 1">
            <span data-i18n="restaurant_detail.business_hours"></span>
            <br v-if="fieldPropertyValue('morning_sp', restaurant) == 1" />
            <span v-if="fieldPropertyValue('morning_sp', restaurant) == 1">
                <span data-i18n="restaurant_detail.morning"></span><span
                    v-html="`${fieldPropertyValue('morning_sp_start_time', restaurant)}～${fieldPropertyValue('morning_sp_closing_time', restaurant)}`"></span>（<span data-i18n="restaurant_detail.last_order"></span><span
                    v-html="fieldPropertyValue('morning_sp_last_order', restaurant)"></span>）
            </span>
            <br v-if="fieldPropertyValue('lunch_sp', restaurant) == 1" />
            <span v-if="fieldPropertyValue('lunch_sp', restaurant) == 1">
                <span data-i18n="restaurant_detail.lunch"></span><span
                    v-html="`${fieldPropertyValue('lunch_sp_start_time', restaurant)}～${fieldPropertyValue('lunch_sp_closing_time', restaurant)}`"></span>（<span data-i18n="restaurant_detail.last_order"></span><span
                    v-html="fieldPropertyValue('lunch_sp_last_order', restaurant)"></span>）
            </span>
            <br v-if="fieldPropertyValue('dinner_sp', restaurant) == 1" />
            <span v-if="fieldPropertyValue('dinner_sp', restaurant) == 1">
                <span data-i18n="restaurant_detail.dinner"></span><span
                    v-html="`${fieldPropertyValue('dinner_sp_start_time', restaurant)}～${fieldPropertyValue('dinner_sp_closing_time', restaurant)}`"></span>（<span data-i18n="restaurant_detail.last_order"></span><span
                    v-html="fieldPropertyValue('dinner_sp_last_order', restaurant)"></span>）
            </span>
            <br v-if="fieldPropertyValue('a_la_carte_sp', restaurant) == 1" />
            <span v-if="fieldPropertyValue('a_la_carte_sp', restaurant) == 1">
                <span data-i18n="restaurant_detail.a_la_carte"></span><span
                    v-html="`${fieldPropertyValue('a_la_carte_sp_start_time', restaurant)}～${fieldPropertyValue('a_la_carte_sp_closing_time', restaurant)}`"></span>（<span data-i18n="restaurant_detail.last_order"></span><span
                    v-html="fieldPropertyValue('a_la_carte_sp_last_order', restaurant)"></span>）
            </span>
        </div>
        <a class="btn-detail" data-aos="fade-up" :href="setTextDefault(fieldPropertyValue('link_url_sp', restaurant))"
            v-if="fieldPropertyValue('link_type_sp', restaurant)"
            v-html="setTextDefault(fieldPropertyValue('link_text_sp', restaurant))"></a>
    </div>
</div>


@push('styles')
    <link rel="stylesheet" href="https://assets.micado-rayout.jp/css/content-style.css">
@endpush