@php
    use App\Enums\SalesUnit;

    $langText = $lang == $multiLangMode::DEFAULT ? 'ja' : Str::slug($multiLangMode::getDescription($lang));
@endphp

@extends('layouts.hotels')

@section('content')
    <div id="list-search" data-route="{{ route('hotels.' . $langText . '.room', $project->id) }}">
        @include('include.hotels.boxSearch')
        @if (count($roomInformation))
            <div class="hotel-headingPage">
                <div class="hotel-headingPage-inner">
                    <div class="hotel-headingMain">
                        <h1 class="hotel-headingMain-heading">
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">
                                    {!! __('hotels.heading.text_room', [], $multiLangMode::getLanguageCode($lang)) !!}
                                </font>
                            </font>
                        </h1>
                        <div class="hotel-headingPage-cont">
                            <p class="hotel-textNumber">
                                {!! __('hotels.heading.text_count', [], $multiLangMode::getLanguageCode($lang)) !!}
                                <strong>{!! count($roomInformation) !!}</strong>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-inner">
                <ul class="hotel-listRoom">
                    @foreach ($roomInformation as $room)
                        <li class="hotel-listRoom-item room-display">
                            <section class="hotel-roomDetailBox">
                                <div class="hotel-roomDetailBox-inner">
                                    <h2 class="hotel-headingMain">
                                        <span class="u-pc">
                                            {!! setTextDefault(textLocale('name', $room, $lang)) !!}
                                        </span>
                                        <span class="u-sp">
                                            {!! setTextDefault(textLocale('name_sp', $room, $lang)) !!}
                                        </span>
                                    </h2>
                                    <div class="hotel-roomDetailBox-img">
                                        <div class="hotel-swiper-thumb swiper u-pc">
                                            <div class="swiper-wrapper">
                                                @foreach (listImage($room) as $image)
                                                    <div class="swiper-slide">
                                                        <div class="image-aspect-ratio">
                                                            <img src="{!! setImagePreview($image) !!}"
                                                                alt="{!! setTextDefault(textLocale('name', $room, $lang)) !!}">
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                            <div class="swiper-pagination"></div>
                                        </div>
                                        <div class="hotel-swiper-thumb swiper u-sp">
                                            <div class="swiper-wrapper">
                                                @foreach (listImage($room, true) as $image)
                                                    <div class="swiper-slide">
                                                        <div class="image-aspect-ratio">
                                                            <img src="{!! setImagePreview($image) !!}"
                                                                alt="{!! setTextDefault(textLocale('name_sp', $room, $lang)) !!}">
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                            <div class="swiper-pagination"></div>
                                        </div>
                                    </div>
                                    <div class="hotel-roomDetailBox-cont">
                                        <ul class="hotel-listType">
                                            @if (fieldPropertyValue('breadth', $room))
                                                <li class="hotel-listType-item u-pc">
                                                    <i class="hotel-listType-item-icon hotel-svg setting_overscan"></i>
                                                    {{ fieldPropertyValue('breadth', $room) }}m<sup>2</sup>
                                                </li>
                                            @endif
                                            @if (fieldPropertyValue('breadth_sp', $room))
                                                <li class="hotel-listType-item u-sp">
                                                    <i class="hotel-listType-item-icon hotel-svg setting_overscan"></i>
                                                    {{ fieldPropertyValue('breadth_sp', $room) }}m<sup>2</sup>
                                                </li>
                                            @endif
                                            @if (fieldPropertyValue('capacity', $room))
                                                <li class="hotel-listType-item u-pc">
                                                    <i class="hotel-listType-item-icon hotel-svg group"></i>
                                                    {{ fieldPropertyValue('capacity', $room) }}
                                                    {!! __('hotels.room_content.people', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                </li>
                                            @endif
                                            @if (fieldPropertyValue('capacity_sp', $room))
                                                <li class="hotel-listType-item u-sp">
                                                    <i class="hotel-listType-item-icon hotel-svg group"></i>
                                                    {{ fieldPropertyValue('capacity_sp', $room) }}
                                                    {!! __('hotels.room_content.people', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                </li>
                                            @endif
                                        </ul>
                                        <p class="hotel-roomDetailBox-cont-text">
                                            <span class="u-pc">
                                                {!! setTextDefault(textLocale('body', $room, $lang)) !!}
                                            </span>
                                            <span class="u-sp">
                                                {!! setTextDefault(textLocale('body_sp', $room, $lang)) !!}
                                            </span>
                                        </p>
                                        <div class="hotel-roomDetailBox-cont-bottom">
                                            <dl class="hotel-textPrice hotel-textPrice-total">
                                                {{-- <dt>税サ込</dt>
                                        <dd>
                                            <strong>61,600</strong>
                                            <span>
                                                円
                                                ～
                                            </span>
                                        </dd> --}}
                                            </dl>
                                            <ul class="hotel-listBtn">
                                                <li class="hotel-listBtn-item">
                                                    <a class="hotel-button hotel-button-border" href="{{ route('hotels.' . $langText . '.room.detail', array_merge($params, ['roomDetail' => fieldPropertyValue('id', $room)])) }}">
                                                        {!! __('hotels.btn.detail', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                    </a>
                                                </li>
                                                @if (!count($room['plan_information']))
                                                    @php
                                                        $modalName = 'bookNow';
                                                        if (!empty($room)) {
                                                            $modalName .= '-' . $room['id'];
                                                        }
                                                    @endphp
                                                    <li class="hotel-listBtn-item">
                                                        <a href="javascript: void(0)"
                                                            class="hotel-button hotel-button-reservation"
                                                            onclick="openModalHandler('{{ $modalName }}')">
                                                            {!! __('hotels.btn.book_now', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                        </a>
                                                    </li>

                                                    @include('include.hotels.modalBookNow', [
                                                        'roomInfo' => $room,
                                                        'planInfo' => [],
                                                    ])
                                                @endif
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                @if (count($room['plan_information']))
                                    <section class="hotel-roomDetailBox-section">
                                        <div class="hotel-rowBox">
                                            <h3 class="hotel-textNumber">
                                                {!! __('hotels.text.selectable_plan', [], $multiLangMode::getLanguageCode($lang)) !!}：
                                                <strong>{{ count($room['plan_information']) }}</strong>
                                            </h3>
                                        </div>
                                        <ul class="hotel-listPlan">
                                            @for ($i = 0; $i < 3; $i++)
                                                @php
                                                    $plan = !empty($room['plan_information'][$i])
                                                        ? $room['plan_information'][$i]
                                                        : [];
                                                @endphp
                                                @if ($plan)
                                                    <li class="hotel-listPlan-item">
                                                        <div class="hotel-listPlan-item-inner">
                                                            <div class="hotel-listPlan-item-data">
                                                                <div class="hotel-listPlan-item-data-img">
                                                                    <img src="{{ setImageRoot($plan) }}" class="u-pc"
                                                                        alt="{{ setTextDefault(textLocale('heading', $plan, $lang)) }}">
                                                                    <img src="{{ setImageRoot($plan, true) }}"
                                                                        class="u-sp"
                                                                        alt="{{ setTextDefault(textLocale('heading_sp', $plan, $lang)) }}">
                                                                </div>
                                                                @if (fieldPropertyValue('amount', $plan))
                                                                    <div class="hotel-textPriceBox u-pc">
                                                                        <dl class="hotel-textPrice hotel-textPrice-total">
                                                                            <dt>
                                                                                {!! __('hotels.text_price.tax_included', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                            </dt>
                                                                            <dd>
                                                                                <strong>
                                                                                    {{ number_format((int) fieldPropertyValue('amount', $plan)) }}
                                                                                </strong>
                                                                                <span>
                                                                                    {!! __('hotels.text_price.unit', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                                </span>
                                                                            </dd>
                                                                        </dl>
                                                                    </div>
                                                                @endif
                                                                @if (fieldPropertyValue('amount_sp', $plan))
                                                                    <div class="hotel-textPriceBox u-sp">
                                                                        <dl class="hotel-textPrice hotel-textPrice-total">
                                                                            <dt>
                                                                                {!! __('hotels.text_price.tax_included', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                            </dt>
                                                                            <dd>
                                                                                <strong>
                                                                                    {{ number_format((int) fieldPropertyValue('amount_sp', $plan)) }}
                                                                                </strong>
                                                                                <span>
                                                                                    {!! __('hotels.text_price.unit', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                                </span>
                                                                            </dd>
                                                                        </dl>
                                                                    </div>
                                                                @endif
                                                            </div>
                                                            <div class="hotel-listPlan-item-detail">
                                                                <p class="hotel-listPlan-item-detail-name">
                                                                    <span class="u-pc">
                                                                        {!! setTextDefault(textLocale('heading', $plan, $lang)) !!}
                                                                    </span>
                                                                    <span class="u-sp">
                                                                        {!! setTextDefault(textLocale('heading_sp', $plan, $lang)) !!}
                                                                    </span>
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="hotel-listPlan-item-btnArea">
                                                            <div class="hotel-listPlan-item-btnArea-main">
                                                                <div class="hotel-listPlan-item-btnArea-main-status">
                                                                    <i
                                                                        class="hotel-icon hotel-icon-mark hotel-svg trip_origin"></i>
                                                                </div>
                                                                <ul class="hotel-listBtn">

                                                                    <li class="hotel-listBtn-item">
                                                                        <a class="hotel-button hotel-button-border hotel-button-border-reservation"
                                                                            href="{{ route('hotels.' . $langText . '.plan.detail', array_merge($params, ['planDetail' => fieldPropertyValue('id', $plan)])) }}">
                                                                            {!! __('hotels.btn.detail', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                        </a>
                                                                    </li>
                                                                    @php
                                                                        $modalName = 'bookNow';
                                                                        if (!empty($room)) {
                                                                            $modalName .= '-' . $room['id'];
                                                                        }
                                                                        if (!empty($plan)) {
                                                                            $modalName .= '-' . $plan['id'];
                                                                        }
                                                                    @endphp
                                                                    <li class="hotel-listBtn-item">
                                                                        <a href="javascript: void(0)"
                                                                            class="hotel-button hotel-button-reservation"
                                                                            onclick="openModalHandler('{{ $modalName }}')">
                                                                            {!! __('hotels.btn.book_now', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    @include('include.hotels.modalBookNow', [
                                                        'roomInfo' => $room,
                                                        'planInfo' => $plan,
                                                    ])
                                                @endif
                                            @endfor
                                        </ul>
                                        @if (count($room['plan_information']) > 3)
                                            <div class="hotel-moreBox">
                                                <ul class="hotel-listPlan">
                                                    @for ($i = 3; $i < count($room['plan_information']); $i++)
                                                        @php
                                                            $plan = !empty($room['plan_information'][$i])
                                                                ? $room['plan_information'][$i]
                                                                : [];
                                                        @endphp
                                                        @if ($plan)
                                                            <li class="hotel-listPlan-item">
                                                                <div class="hotel-listPlan-item-inner">
                                                                    <div class="hotel-listPlan-item-data">
                                                                        <div class="hotel-listPlan-item-data-img">
                                                                            <img src="{{ setImageRoot($plan) }}"
                                                                                class="u-pc"
                                                                                alt="{{ setTextDefault(textLocale('heading', $plan, $lang)) }}">
                                                                            <img src="{{ setImageRoot($plan, true) }}"
                                                                                class="u-sp"
                                                                                alt="{{ setTextDefault(textLocale('heading_sp', $plan, $lang)) }}">
                                                                        </div>
                                                                        @if (fieldPropertyValue('amount', $plan))
                                                                            <div class="hotel-textPriceBox u-pc">
                                                                                <dl
                                                                                    class="hotel-textPrice hotel-textPrice-total">
                                                                                    <dt>
                                                                                        {!! __('hotels.text_price.tax_included', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                                    </dt>
                                                                                    <dd>
                                                                                        <strong>
                                                                                            {{ number_format((int) fieldPropertyValue('amount', $plan)) }}
                                                                                        </strong>
                                                                                        <span>
                                                                                            {!! __('hotels.text_price.unit', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                                        </span>
                                                                                    </dd>
                                                                                </dl>
                                                                            </div>
                                                                        @endif
                                                                        @if (fieldPropertyValue('amount_sp', $plan))
                                                                            <div class="hotel-textPriceBox u-sp">
                                                                                <dl
                                                                                    class="hotel-textPrice hotel-textPrice-total">
                                                                                    <dt>
                                                                                        {!! __('hotels.text_price.tax_included', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                                    </dt>
                                                                                    <dd>
                                                                                        <strong>
                                                                                            {{ number_format((int) fieldPropertyValue('amount_sp', $plan)) }}
                                                                                        </strong>
                                                                                        <span>
                                                                                            {!! __('hotels.text_price.unit', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                                        </span>
                                                                                    </dd>
                                                                                </dl>
                                                                            </div>
                                                                        @endif
                                                                    </div>
                                                                    <div class="hotel-listPlan-item-detail">
                                                                        <p class="hotel-listPlan-item-detail-name">
                                                                            <span class="u-pc">
                                                                                {!! setTextDefault(textLocale('heading', $plan, $lang)) !!}
                                                                            </span>
                                                                            <span class="u-sp">
                                                                                {!! setTextDefault(textLocale('heading_sp', $plan, $lang)) !!}
                                                                            </span>
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                                <div class="hotel-listPlan-item-btnArea">
                                                                    <div class="hotel-listPlan-item-btnArea-main">
                                                                        <div
                                                                            class="hotel-listPlan-item-btnArea-main-status">
                                                                            <i
                                                                                class="hotel-icon hotel-icon-mark hotel-svg trip_origin"></i>
                                                                        </div>
                                                                        <ul class="hotel-listBtn">

                                                                            <li class="hotel-listBtn-item">
                                                                                <a class="hotel-button hotel-button-border hotel-button-border-reservation"
                                                                                    href="{{ route('hotels.' . $langText . '.plan.detail', array_merge($params, ['planDetail' => fieldPropertyValue('id', $plan)])) }}">
                                                                                    {!! __('hotels.btn.detail', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                                </a>
                                                                            </li>
                                                                            @php
                                                                                $modalName = 'bookNow';
                                                                                if (!empty($room)) {
                                                                                    $modalName .= '-' . $room['id'];
                                                                                }
                                                                                if (!empty($plan)) {
                                                                                    $modalName .= '-' . $plan['id'];
                                                                                }
                                                                            @endphp
                                                                            <li class="hotel-listBtn-item">
                                                                                <a href="javascript: void(0)"
                                                                                    class="hotel-button hotel-button-reservation"
                                                                                    onclick="openModalHandler('{{ $modalName }}')">
                                                                                    {!! __('hotels.btn.book_now', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            @include('include.hotels.modalBookNow', [
                                                                'roomInfo' => $room,
                                                                'planInfo' => $plan,
                                                            ])
                                                        @endif
                                                    @endfor
                                                </ul>
                                            </div>
                                            <div class="hotel-textMoreBtn">
                                                <p class="js-more">
                                                    <span class="show-all">
                                                        {!! __('hotels.btn.show_all', [], $multiLangMode::getLanguageCode($lang)) !!}（+{{ count($room['plan_information']) - 3 }}）</span>
                                                    <span class="close">
                                                        {!! __('hotels.btn.close', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                    </span>
                                                </p>
                                            </div>
                                        @endif
                                    </section>
                                @endif
                            </section>
                        </li>
                    @endforeach
                </ul>
            </div>
        @else
            <div class="main-inner">
                <div class="section">
                    <div class="hotel-messageBox">
                        <h1 class="hotel-headingMain">
                            <i class="hotel-icon hotel-svg check"></i>
                            {!! __('hotels.text.no_rooms', [], $multiLangMode::getLanguageCode($lang)) !!}
                        </h1>
                        <p class="hotel-messageBox-text">
                            {!! __('hotels.text.no_available_rooms', [], $multiLangMode::getLanguageCode($lang)) !!}
                        </p>
                        <div class="hotel-btnBox">
                            <a href="{{ route('hotels.' . $langText . '.search', $project->id) }}" class="hotel-button">
                                {!! __('hotels.btn.change_accommodation_conditions', [], $multiLangMode::getLanguageCode($lang)) !!}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection