@php
    use Gloudemans\Shoppingcart\Facades\Cart;
    $langText = $lang == $multiLangMode::DEFAULT ? 'ja' : Str::slug($multiLangMode::getDescription($lang));
@endphp

@extends('layouts.hotels')

@section('content')
    <div class="hotel-headingPage">
        <div class="hotel-headingPage-inner">
            <h1 class="hotel-headingMain">
                {!! __('hotels.nav.text_cart', [], $multiLangMode::getLanguageCode($lang)) !!}
            </h1>
        </div>
    </div>
    @if (Cart::count())
        <div class="hotels-main-inner hotels-main-inner-2col">
            <div class="hotel-main-main">
                <aside class="hotel-section u-sp">
                    <h2 class="hotel-headingSection">{!! __('hotels.cart.selected_reservations', ['number' => Cart::count()], $multiLangMode::getLanguageCode($lang)) !!}</h2>
                    <div class="hotel-strongBox hotel-strongBox-small">
                        <div class="hotel-totalBox">
                            <p>
                                {!! __('hotels.modal_book_now.total_price', [], $multiLangMode::getLanguageCode($lang)) !!}
                            </p>
                            <div class="hotel-textPriceBox">
                                <dl class="hotel-textPrice hotel-textPrice-total">
                                    <dt>
                                        {!! __('hotels.text_price.tax_included', [], $multiLangMode::getLanguageCode($lang)) !!}
                                    </dt>
                                    <dd>
                                        <strong>{{ Cart::priceTotal(0, '.', ',') }}</strong>
                                        <span>
                                            {!! __('hotels.text_price.unit', [], $multiLangMode::getLanguageCode($lang)) !!}
                                        </span>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <div class="hotel-btnBox">
                            <a href="{{ route('hotels.' . $langText . '.search', $project->id) }}"
                                class="hotel-button hotel-button-middle hotel-button-add">{!! __('hotels.btn.add_another_reservation', [], $multiLangMode::getLanguageCode($lang)) !!}</a>
                        </div>
                    </div>
                </aside>
                @foreach (Cart::content() as $key => $content)
                    <section class="hotel-section">
                        <h2 class="hotel-headingSection">
                            {!! __(
                                'hotels.cart.reservation_details',
                                ['number' => $loop->index + 1],
                                $multiLangMode::getLanguageCode($lang),
                            ) !!}
                        </h2>
                        @php
                            $roomInfo = fieldPropertyValue('room', $content->options);
                            $planInfo = fieldPropertyValue('plan', $content->options);
                            $paramInfo = fieldPropertyValue('params', $content->options);
                        @endphp
                        <ul class="hotel-listCard">
                            <li class="hotel-listCard-item">
                                <div class="hotel-roomDetailBox hotel-roomDetailBox-reservation">
                                    <div class="hotel-roomDetailBox-inner">
                                        <div class="hotel-roomDetailBox-img">
                                            <img class="u-pc" src="{{ setImageRoot($roomInfo) }}" width="240"
                                                height="160" loading="lazy" alt="">
                                            <img class="u-sp" src="{{ setImageRoot($roomInfo, true) }}" width="240"
                                                height="160" loading="lazy" alt="">
                                        </div>
                                        <div class="hotel-roomDetailBox-cont">
                                            <ul class="hotel-listRoomData">
                                                <li>
                                                    <i class="hotel-icon hotel-svg domain"></i>
                                                    {!! textLocale('facility_name', $basic, $lang) !!}
                                                </li>
                                                @if (textLocale('name', $roomInfo, $lang))
                                                    <li class="u-pc">
                                                        <i class="hotel-icon hotel-svg room"></i>
                                                        <span>{!! textLocale('name', $roomInfo, $lang) !!}</span>
                                                    </li>
                                                @endif
                                                @if (textLocale('name_sp', $roomInfo, $lang))
                                                    <li class="u-sp">
                                                        <i class="hotel-icon hotel-svg room"></i>
                                                        <span>{!! textLocale('name_sp', $roomInfo, $lang) !!}</span>
                                                    </li>
                                                @endif
                                                @if (textLocale('heading', $planInfo, $lang))
                                                    <li class="u-pc">
                                                        <i class="hotel-icon hotel-svg plan"></i>
                                                        <span>{!! textLocale('heading', $planInfo, $lang) !!}</span>
                                                    </li>
                                                @endif
                                                @if (textLocale('heading_sp', $planInfo, $lang))
                                                    <li class="u-sp">
                                                        <i class="hotel-icon hotel-svg plan"></i>
                                                        <span>{!! textLocale('heading_sp', $planInfo, $lang) !!}</span>
                                                    </li>
                                                @endif
                                                <li>
                                                    <i class="hotel-icon hotel-svg vacancy"></i>
                                                    {!! __('hotels.modal_book_now.params_search', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                    <p>
                                                        {{ formatDateByLang($paramInfo['checkin_date'], 'Y/n/j(D)', $lang) }}～{{ formatDateByLang($paramInfo['checkout_date'], 'Y/n/j(D)', $lang) }}
                                                        <br>
                                                        {!! __(
                                                            'hotels.booking_info',
                                                            ['adults' => $paramInfo['adults'], 'rooms' => $paramInfo['rooms']],
                                                            $multiLangMode::getLanguageCode($lang),
                                                        ) !!}
                                                    </p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    @if ($content->price)
                                        <div class="hotel-totalBox">
                                            <p>
                                                {!! __('hotels.modal_book_now.total_price', [], $multiLangMode::getLanguageCode($lang)) !!}
                                            </p>
                                            <div class="hotel-textPriceBox">
                                                <dl class="hotel-textPrice hotel-textPrice-total">
                                                    <dt>
                                                        {!! __('hotels.text_price.tax_included', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                    </dt>
                                                    <dd>
                                                        <strong>
                                                            {{ number_format((int) $content->price) }}
                                                        </strong>
                                                        <span>
                                                            {!! __('hotels.text_price.unit', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                        </span>
                                                    </dd>
                                                </dl>
                                            </div>
                                        </div>
                                    @endif

                                    <div class="hotel-btnBox">
                                        <button class="hotel-button hotel-button-middle hotel-button-delete js-modalOpen"
                                            onclick="openModalHandler('{{ $key }}')">
                                            {!! __('hotels.btn.delete_reservation', [], $multiLangMode::getLanguageCode($lang)) !!}
                                        </button>
                                    </div>
                                    @include('include.hotels.modalDeleteReservation', [
                                        'content' => $content,
                                        'key' => $key,
                                    ])
                                </div>
                            </li>
                        </ul>
                    </section>
                @endforeach
                <div class="hotel-btnBox u-pc">
                    <a href="{{ route('hotels.' . $langText . '.reservations.application', $project->id) }}"
                        class="hotel-button hotel-button-reservation js-modalOpen"
                        data-target="login">{!! __('hotels.btn.enter_reservation_information', [], $multiLangMode::getLanguageCode($lang)) !!}</a>
                </div>
            </div>


            <aside class="hotel-main-sub hotel-section">
                <h2 class="hotel-headingSection">{!! __('hotels.cart.selected_reservations', ['number' => Cart::count()], $multiLangMode::getLanguageCode($lang)) !!}</h2>
                <div class="hotel-strongBox hotel-strongBox-small">
                    <div class="hotel-totalBox">
                        <p>
                            {!! __('hotels.modal_book_now.total_price', [], $multiLangMode::getLanguageCode($lang)) !!}
                        </p>
                        <div class="hotel-textPriceBox">
                            <dl class="hotel-textPrice hotel-textPrice-total">
                                <dt>
                                    {!! __('hotels.text_price.tax_included', [], $multiLangMode::getLanguageCode($lang)) !!}
                                </dt>
                                <dd>
                                    <strong>{{ Cart::priceTotal(0, '.', ',') }}</strong>
                                    <span>
                                        {!! __('hotels.text_price.unit', [], $multiLangMode::getLanguageCode($lang)) !!}
                                    </span>
                                </dd>
                            </dl>
                        </div>
                    </div>

                    <div class="hotel-btnBox">
                        <a href="{{ route('hotels.' . $langText . '.search', $project->id) }}"
                            class="hotel-button hotel-button-middle hotel-button-add">{!! __('hotels.btn.add_another_reservation', [], $multiLangMode::getLanguageCode($lang)) !!}</a>
                    </div>
                </div>
            </aside>


            <div class="hotel-btnBox u-sp" style="width: 100%">
                <a href="{{ route('hotels.' . $langText . '.reservations.application', $project->id) }}"
                    class="hotel-button hotel-button-reservation js-modalOpen"
                    data-target="login">{!! __('hotels.btn.enter_reservation_information', [], $multiLangMode::getLanguageCode($lang)) !!}</a>
            </div>
        </div>
    @else
        <div class="hotels-main-inner">
            <div class="hotel-main-main">
                <div class="hotel-messageBox hotel-messageBox-warning">
                    <h1 class="hotel-headingMain">
                        <i class="hotel-icon hotel-svg error"></i>
                        {!! __('hotels.cart.no_reservations_selected', [], $multiLangMode::getLanguageCode($lang)) !!}
                    </h1>
                    <p class="hotel-messageBox-text">
                        {!! __('hotels.cart.no_reservations_desc', [], $multiLangMode::getLanguageCode($lang)) !!}
                    </p>
                    <div class="hotel-btnBox">
                        <a href="{{ route('hotels.' . $langText . '.room', $params) }}" class="hotel-button">
                            {!! __('hotels.btn.back', [], $multiLangMode::getLanguageCode($lang)) !!}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection