@php
    use App\Enums\DisplayContent;
@endphp

@if (fieldPropertyValue('display_content', $item) == DisplayContent::VIEW_DETAIL)
    <div class="rooms-content relative pc">
        <div class="container">
            @if (fieldPropertyValue('image_slide', $dataDetail))
                <div class="room-slide">
                    <div class="swiper-detail">
                        <div class="detail-slide">
                            <div class="detail-swiper swiper">
                                <div class="swiper-wrapper">
                                    @foreach (fieldPropertyValue('image_slide', $dataDetail) as $image)
                                        <div class="swiper-slide">
                                            <div class="image-aspect">
                                                <img src="{{ setImagePreview($image) }}" alt="" />
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination"></div>
                        @if (count(fieldPropertyValue('image_slide', $dataDetail)) > 1)
                            <div class="swiper-button-prev pc"></div>
                            <div class="swiper-button-next pc"></div>
                        @endif
                    </div>
                </div>
            @endif
            <div class="material">
                <div class="material-content">
                    <div class="material-content__row">
                        <div class="material-content__name" data-i18n="room_detail.text_breadth"></div>
                        @if (fieldPropertyValue('breadth', $dataDetail))
                            <div class="material-content__txt">
                                <span v-if="room.breadth">{{ fieldPropertyValue('breadth', $dataDetail) }}㎡</span>
                            </div>
                        @endif
                    </div>
                    <div class="material-content__row">
                        <div class="material-content__name" data-i18n="room_detail.text_capacity"></div>
                        @if (fieldPropertyValue('capacity', $dataDetail))
                            <div class="material-content__txt">
                                <span>{{ fieldPropertyValue('capacity', $dataDetail) }}</span>
                                <span data-i18n="room_detail.text_capacity_include"></span>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif

@if (fieldPropertyValue('display_content_sp', $item) == DisplayContent::VIEW_DETAIL)
    <div class="rooms-content relative sp">
        <div class="container">
            @if (fieldPropertyValue('image_slide_sp', $dataDetail))
                <div class="room-slide">
                    <div class="swiper-detail">
                        <div class="detail-slide">
                            <div class="detail-swiper swiper">
                                <div class="swiper-wrapper">
                                    @foreach (fieldPropertyValue('image_slide_sp', $dataDetail) as $image)
                                        <div class="swiper-slide">
                                            <div class="image-aspect">
                                                <img src="{{ setImagePreview($image) }}" alt="" />
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            <div class="material">
                <div class="material-content">
                    <div class="material-content__row">
                        <div class="material-content__name" data-i18n="room_detail.text_breadth"></div>
                        @if (fieldPropertyValue('breadth', $dataDetail))
                            <div class="material-content__txt">
                                <span v-if="room.breadth">{{ fieldPropertyValue('breadth', $dataDetail) }}㎡</span>
                            </div>
                        @endif
                    </div>
                    <div class="material-content__row">
                        <div class="material-content__name" data-i18n="room_detail.text_capacity"></div>
                        @if (fieldPropertyValue('capacity', $dataDetail))
                            <div class="material-content__txt">
                                <span>{{ fieldPropertyValue('capacity', $dataDetail) }}</span>
                                <span data-i18n="room_detail.text_capacity_include"></span>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif