@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 . '.plan', $project->id) }}">
        @include('include.hotels.boxSearch')
        @if (!empty($planInformation))
            <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;">
                                    <span class="u-pc">
                                        {!! setTextDefault(textLocale('heading', $planInformation, $lang)) !!}
                                    </span>
                                    <span class="u-sp">
                                        {!! setTextDefault(textLocale('heading_sp', $planInformation, $lang)) !!}
                                    </span>
                                </font>
                            </font>
                        </h1>
                    </div>
                </div>
            </div>
            <div class="main-inner" id="search-plan-list">
                <ul class="hotel-listRoom">
                    <li class="hotel-listRoom-item room-display hotel-detail">
                        <section class="hotel-roomDetailBox">
                            <div class="hotel-roomDetailBox-inner">
                                <div class="hotel-roomDetailBox-img">
                                    <div class="hotel-swiper-thumb swiper u-pc">
                                        <div class="swiper-wrapper">
                                            @foreach (listImage($planInformation) as $image)
                                                <div class="swiper-slide">
                                                    <div class="image-aspect-ratio">
                                                        <img src="{!! setImagePreview($image) !!}" alt="{!! setTextDefault(textLocale('heading', $planInformation, $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($planInformation, true) as $image)
                                                <div class="swiper-slide">
                                                    <div class="image-aspect-ratio">
                                                        <img src="{!! setImagePreview($image) !!}" alt="{!! setTextDefault(textLocale('heading_sp', $planInformation, $lang)) !!}">
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                        <div class="swiper-pagination"></div>
                                    </div>
                                </div>
                                <div class="hotel-roomDetailBox-cont">

                                    @if (fieldPropertyValue('amount', $planInformation))
                                        <ul class="hotel-listType u-pc">
                                            <dl class="hotel-textPrice hotel-textPrice-total">
                                                <dl class="hotel-textPrice hotel-textPrice-total">
                                                    <dt>
                                                        {!! __('hotels.text_price.tax_included', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                    </dt>
                                                    <dd>
                                                        <strong>
                                                            {{ number_format((int) fieldPropertyValue('amount', $planInformation)) }}
                                                        </strong>
                                                        <span>
                                                            {!! __('hotels.text_price.unit', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                        </span>
                                                    </dd>
                                                </dl>
                                            </dl>
                                        </ul>
                                    @endif
                                    @if (fieldPropertyValue('amount_sp', $planInformation))
                                        <ul class="hotel-listType u-sp">
                                            <dl class="hotel-textPrice hotel-textPrice-total">
                                                <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', $planInformation)) }}
                                                        </strong>
                                                        <span>
                                                            {!! __('hotels.text_price.unit', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                        </span>
                                                    </dd>
                                                </dl>
                                            </dl>
                                        </ul>
                                    @endif
                                    <p class="hotel-roomDetailBox-cont-text">
                                        <span class="u-pc">
                                            {!! setTextDefault(textLocale('description', $planInformation, $lang)) !!}
                                        </span>
                                        <span class="u-sp">
                                            {!! setTextDefault(textLocale('description_sp', $planInformation, $lang)) !!}
                                        </span>
                                    </p>
                                    <div class="hotel-roomDetailBox-cont-bottom">
                                        <dl class="hotel-textPrice hotel-textPrice-total">
                                        </dl>
                                        <ul class="hotel-listBtn">
                                            <li class="hotel-listBtn-item">
                                                <div class="hotel-textMoreBtn" style="margin-top: 0">
                                                    <p class="js-more-detail">
                                                        <span class="show-all">
                                                            {!! __('hotels.btn.show_all', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                        </span>
                                                        <span class="close">
                                                            {!! __('hotels.btn.close', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                        </span>
                                                    </p>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            @if (count($planInformation['room_information']))
                                <section class="hotel-roomDetailBox-section">
                                    <div class="hotel-rowBox">
                                        <h3 class="hotel-textNumber">
                                            {!! __('hotels.text.selectable_room', [], $multiLangMode::getLanguageCode($lang)) !!}：
                                            <strong>{{ count($planInformation['room_information']) }}</strong>
                                        </h3>
                                    </div>
                                    <ul class="hotel-listPlan">
                                        @for ($i = 0; $i < count($planInformation['room_information']); $i++)
                                            @php
                                                $room = !empty($planInformation['room_information'][$i])
                                                    ? $planInformation['room_information'][$i]
                                                    : [];
                                            @endphp
                                            @if ($room)
                                                <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($room) }}" class="u-pc"
                                                                    alt="{{ setTextDefault(textLocale('name', $room, $lang)) }}">
                                                                <img src="{{ setImageRoot($room, true) }}" class="u-sp"
                                                                    alt="{{ setTextDefault(textLocale('name_sp', $room, $lang)) }}">
                                                            </div>
                                                        </div>
                                                        <div class="hotel-listPlan-item-detail">
                                                            <p class="hotel-listPlan-item-detail-name">
                                                                <span class="u-pc">
                                                                    {!! setTextDefault(textLocale('name', $room, $lang)) !!}
                                                                </span>
                                                                <span class="u-sp">
                                                                    {!! setTextDefault(textLocale('name_sp', $room, $lang)) !!}
                                                                </span>
                                                            </p>
                                                            <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>
                                                        </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">
                                                                @php
                                                                    $modalName = 'bookNow';
                                                                    if (!empty($room)) {
                                                                        $modalName .= '-' . $room['id'];
                                                                    }
                                                                    if (!empty($planInformation)) {
                                                                        $modalName .= '-' . $planInformation['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' => $planInformation,
                                                ])
                                            @endif
                                        @endfor
                                    </ul>
                                </section>
                            @endif
                        </section>
                    </li>
                </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_plans', [], $multiLangMode::getLanguageCode($lang)) !!}
                        </h1>
                        <p class="hotel-messageBox-text">
                            {!! __('hotels.text.no_available_plans', [], $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