@php
    use App\Enums\MultiLangMode;
    use App\Enums\RoomDetailPage;
@endphp

@if ($otherRooms)
    <div class="room-categories">
        <div class="container">
            <div class="room-categories__title heading-main pc" data-i18n="room_detail.other_room.title"></div>
            <div class="room-categories__title heading-main sp" data-i18n="room_detail.other_room.title_sp"></div>
            <div class="room-categories__desc" data-i18n="room_detail.other_room.desc"></div>
            <div class="room-categories__main">
                <div class="swiper swiper-categories" style="width: 100%">
                    <div class="swiper-wrapper categories-main__box">
                        @foreach ($otherRooms as $room)
                            <div class="swiper-slide categories-box__banner">
                                <div class="image-aspect">
                                    <img class="pc" src="{{ setImageRoot($room) }}">
                                    <img class="sp" src="{{ setImageRoot($room, true) }}">
                                </div>
                                <div class="categories-box__heading">
                                    <div class="box-heading__title subheading-main">
                                        <span class="pc">
                                            {!! setTextDefault(textLocale('name', $room, $lang)) !!}
                                        </span>
                                        <span class="sp">
                                            {!! setTextDefault(textLocale('name_sp', $room, $lang)) !!}
                                        </span>
                                    </div>
                                    <div class="box-heading__desc">
                                        <span class="pc">
                                            {!! setTextDefault(textLocale('body', $room, $lang)) !!}
                                        </span>
                                        <span class="sp">
                                            {!! setTextDefault(textLocale('body_sp', $room, $lang)) !!}
                                        </span>
                                    </div>
                                    {{-- @if (fieldPropertyValue('detail_page', $room) == RoomDetailPage::SIMPLE_PAGE)
                                        <a class="box-heading__button" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->room_url) .
                                            '/detail?id=' .
                                            fieldPropertyValue('id', $room) !!}" data-i18n="btn_detail"></a>
                                    @endif --}}
                                    @if (fieldPropertyValue('detail_page', $room) == RoomDetailPage::CREATE_DETAILED)
                                        <a class="box-heading__button" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->room_url) .
                                            '/' .
                                            fieldPropertyValue('slug', $room) !!}" data-i18n="btn_detail"></a>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="box-pagination">
                        @if (count($otherRooms) > 1)
                            <div class="swiper-button-prev custom-button custom-button__prev"></div>
                        @endif
                        <div class="swiper-pagination"></div>
                        @if (count($otherRooms) > 1)
                            <div class="swiper-button-next custom-button custom-button__next"></div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif