@php
    use App\Enums\Boolean;
    use App\Enums\DisplayContent;
@endphp
<div class="concept-block pc" v-if="fieldPropertyValue('display_content', item) == @json(DisplayContent::VIEW_DETAIL)">
    <div class="container">
        <div class="concept-title flex justify-center" data-aos="fade-up">
            <p v-if="room.breadth" v-html="`${room.breadth}㎡`"></p>
            <p v-if="room.capacity">
                <span v-html="`${room.capacity}`"></span>
                <span data-i18n="text_person"></span>
            </p>
        </div>
        <div class="concept-content ck-content" data-aos="fade-up">
            <span class="pc" v-html="setTextDefault(fieldPropertyValue('descriptive', room))"></span>
        </div>
        <a class="btn-detail pc" data-aos="fade-up" :href="fieldPropertyValue('reservation_engine_link', room)"
            data-i18n="btn_reservation"></a>
    </div>
</div>

<div class="concept-block sp" v-if="fieldPropertyValue('display_content_sp', item) == @json(DisplayContent::VIEW_DETAIL)">
    <div class="container">
        <div class="concept-title flex justify-center" data-aos="fade-up">
            <p v-if="room.breadth_sp" v-html="`${room.breadth_sp}㎡`"></p>
            <p v-if="room.capacity_sp">
                <span v-html="`${room.capacity_sp}`"></span>
                <span data-i18n="text_person"></span>
            </p>
        </div>
        <div class="concept-content ck-content" data-aos="fade-up">
            <span class="sp" v-html="setTextDefault(fieldPropertyValue('descriptive_sp', room))"></span>
        </div>
        <a class="btn-detail sp" data-aos="fade-up" :href="fieldPropertyValue('reservation_engine_link_sp', room)"
            data-i18n="btn_reservation"></a>
    </div>
</div>

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