@php
    use Gloudemans\Shoppingcart\Facades\Cart;
    use App\Enums\Gender;
    use App\Enums\DomainType;
    use App\Enums\HotelPaymentMethod;

    $langText = $lang == $multiLangMode::DEFAULT ? 'ja' : Str::slug($multiLangMode::getDescription($lang));
    $domain = parse_url(env('APP_URL'), PHP_URL_HOST);
    if ($project->domain_type == DomainType::OWN) {
        $domain = parse_url($project->domain, PHP_URL_HOST);
    }
    if (strpos($domain, 'www.') === 0) {
        $domain = str_replace('www.', '', $domain);
    }
@endphp
<div class="modal fade custom-modal" id="modalReservationsConfirm" tabindex="-1" aria-labelledby="datePickerModalLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="datePickerModalLabel">
                    {!! __('hotels.form_information.modal_confirm.heading', [], $multiLangMode::getLanguageCode($lang)) !!}
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <i></i>
                    <i></i>
                </button>
            </div>
            <div class="modal-body">
                <div class="modal-box-info">
                    <div class="hotel-modal-content">
                        <div class="hotel-messageBox hotel-messageBox-warning hotel-messageBox-warning-red"
                            style="margin-bottom: 60px">
                            <h1 class="hotel-headingMain">
                                <i class="hotel-icon hotel-svg error red"></i>
                                {!! __('hotels.form_information.modal_confirm.title', [], $multiLangMode::getLanguageCode($lang)) !!}
                            </h1>
                            <p class="hotel-messageBox-text">
                                {!! __('hotels.form_information.modal_confirm.desc', [], $multiLangMode::getLanguageCode($lang)) !!}
                            </p>
                        </div>
                        <div class="hotel-reservations">
                            <div class="hotel-reservationsBox">
                                <div class="hotel-reservationsBox-clear is-act">
                                    <div class="hotel-reservationsBox-clear-inner">
                                        <p class="hotel-reservationsBox-clear-title">
                                            {!! __('hotels.form_information.label.reservation_information', [], $multiLangMode::getLanguageCode($lang)) !!}
                                        </p>
                                    </div>
                                </div>
                                <div class="hotel-reservationsBox-inner">
                                    <div class="hotel-reservationsBox-section">
                                        <section id="reserver-section" class="hotel-section" style="margin-bottom: 0">
                                            <h2 class="hotel-headingSection">
                                                {!! __('hotels.form_information.label.reservation_information', [], $multiLangMode::getLanguageCode($lang)) !!}
                                            </h2>
                                            <dl class="hotel-listForm">
                                                <dt class="hotel-listForm-title">
                                                    <div>
                                                        {!! __('hotels.form_information.modal_confirm.full_name', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                    </div>
                                                    <div id="full_name"></div>
                                                </dt>
                                                <dt class="hotel-listForm-title">
                                                    <div>
                                                        {!! __('hotels.form_information.modal_confirm.full_name_kana', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                    </div>
                                                    <div id="full_name_kana"></div>
                                                </dt>
                                                <dt class="hotel-listForm-title">
                                                    <div>
                                                        {!! __('hotels.form_information.label.gender', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                    </div>
                                                    <div id="gender">
                                                        @foreach (Gender::getValues() as $value)
                                                            <span class="gender-value" data-value="{{ $value }}"
                                                                style="display: none">
                                                                {!! __('hotels.form_information.gender_value.' . $value, [], $multiLangMode::getLanguageCode($lang)) !!}
                                                            </span>
                                                        @endforeach
                                                    </div>
                                                </dt>
                                                <dt class="hotel-listForm-title">
                                                    <div>
                                                        {!! __('hotels.form_information.label.phone_number', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                    </div>
                                                    <div id="phone_number"></div>
                                                </dt>
                                                <dt class="hotel-listForm-title">
                                                    <div>
                                                        {!! __('hotels.form_information.label.email', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                    </div>
                                                    <div id="email"></div>
                                                </dt>
                                            </dl>
                                        </section>
                                    </div>
                                </div>
                            </div>
                            <div class="hotel-reservationsBox">
                                <div class="hotel-reservationsBox-clear is-act">
                                    <div class="hotel-reservationsBox-clear-inner">
                                        <p class="hotel-reservationsBox-clear-title">
                                            {!! __('hotels.form_information.label.detail_information', [], $multiLangMode::getLanguageCode($lang)) !!}
                                        </p>
                                    </div>
                                </div>
                                <div class="hotel-reservationsBox-inner">
                                    <div class="hotel-reservationsBox-section">
                                        <div id="reservations-input-cart">
                                            @foreach (Cart::content() as $key => $content)
                                                <section
                                                    class="hotel-section {{ $loop->index > 0 ? 'hotel-section-border' : '' }}">
                                                    <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
                                                    <div class="hotel-section">
                                                        <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>
                                                        </div>
                                                    </div>

                                                    <section class="hotel-section">
                                                        <h3 class="hotel-headingSection">
                                                            {!! __('hotels.form_information.label.accommodation_information', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                        </h3>
                                                        <dl class="hotel-listForm">
                                                            <dt class="hotel-listForm-title">
                                                                {!! __(
                                                                    'hotels.form_information.label.representative_of_accommodation',
                                                                    [],
                                                                    $multiLangMode::getLanguageCode($lang),
                                                                ) !!}
                                                                <span class="hotel-listForm-item-select"
                                                                    style="margin-left: 10px"
                                                                    id="sameAsReservationInfoIsGuestInfoCartsLabel{{ $key }}"
                                                                    style="display: none">
                                                                    {!! __(
                                                                        'hotels.form_information.label.same_as_the_above_reservation_holder',
                                                                        [],
                                                                        $multiLangMode::getLanguageCode($lang),
                                                                    ) !!}
                                                                </span>
                                                            </dt>
                                                            <dd class="hotel-listForm-item">
                                                                <div class="hotel-listForm-item-selectArea"
                                                                    id="sameAsReservationInfoIsGuestInfoCarts{{ $key }}"
                                                                    style="display: none;">
                                                                    <dl class="hotel-listForm">
                                                                        <dt class="hotel-listForm-title">
                                                                            <div>
                                                                                {!! __('hotels.form_information.modal_confirm.full_name', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                            </div>
                                                                            <div
                                                                                id="addinfo_full_name{{ $key }}">
                                                                            </div>
                                                                        </dt>
                                                                        <dt class="hotel-listForm-title">
                                                                            <div>
                                                                                {!! __('hotels.form_information.modal_confirm.full_name_kana', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                            </div>
                                                                            <div
                                                                                id="addinfo_full_name_kana{{ $key }}">
                                                                            </div>
                                                                        </dt>
                                                                        <dt class="hotel-listForm-title">
                                                                            <div>
                                                                                {!! __('hotels.form_information.label.phone_number', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                            </div>
                                                                            <div
                                                                                id="addinfo_phone_number{{ $key }}">
                                                                            </div>
                                                                        </dt>
                                                                        <dt class="hotel-listForm-title">
                                                                            <div>
                                                                                {!! __('hotels.form_information.label.email', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                            </div>
                                                                            <div
                                                                                id="addinfo_email{{ $key }}">
                                                                            </div>
                                                                        </dt>
                                                                    </dl>
                                                                </div>
                                                            </dd>
                                                        </dl>
                                                    </section>
                                                    <div class="modal-line"></div>
                                                    <section id="arrival-time-section-0" class="hotel-section">
                                                        <h3 class="hotel-headingSection">
                                                            {!! __('hotels.form_information.label.arrival_time', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                        </h3>
                                                        <dl class="hotel-listForm">
                                                            <dt class="hotel-listForm-title">
                                                                {!! __('hotels.form_information.label.arrival_time', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                <span id="arrival_time{{ $key }}"
                                                                    style="margin-left: 10px">
                                                                </span>
                                                            </dt>
                                                        </dl>
                                                    </section>
                                                    <div class="modal-line"></div>
                                                    <section class="hotel-section">
                                                        <h3 class="hotel-headingSection">
                                                            {!! __('hotels.form_information.label.inquiry', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                        </h3>
                                                        <dl class="hotel-listForm">
                                                            <dt class="hotel-listForm-title">
                                                                {!! __('hotels.form_information.label.request', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                            </dt>
                                                            <dd class="hotel-listForm-item"
                                                                id="contact{{ $key }}">
                                                            </dd>
                                                        </dl>
                                                    </section>
                                                </section>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="hotel-reservationsBox">
                                <div class="hotel-reservationsBox-clear is-act">
                                    <div class="hotel-reservationsBox-clear-inner">
                                        <p class="hotel-reservationsBox-clear-title">
                                            {!! __('hotels.form_information.label.payment_information', [], $multiLangMode::getLanguageCode($lang)) !!}
                                        </p>
                                    </div>
                                </div>
                                <div class="hotel-reservationsBox-inner">
                                    <div class="hotel-reservationsBox-section">
                                        <section class="hotel-section">
                                            <h2 class="hotel-headingSection">
                                                {!! __('hotels.form_information.label.payment_amount', [], $multiLangMode::getLanguageCode($lang)) !!}
                                            </h2>
                                            <div class="hotel-strongBox hotel-strongBox-small">
                                                <ul class="hotel-listReservationItem">
                                                    @foreach (Cart::content() as $content)
                                                        <li class="hotel-listReservationItem-item">
                                                            <div class="hotel-textMoreBtn hotel-textMoreBtn-small hotel-textMoreBtn-space sp:u-flex-nowrap"
                                                                onclick="accordion(event)">
                                                                <p class="sp:u-textAlign-left">
                                                                    {!! __(
                                                                        'hotels.cart.reservation_details',
                                                                        ['number' => $loop->index + 1],
                                                                        $multiLangMode::getLanguageCode($lang),
                                                                    ) !!}
                                                                </p>
                                                                <span class="hotel-textPrice">
                                                                    @if ($content->price)
                                                                        <strong>
                                                                            {{ number_format((int) $content->price) }}
                                                                        </strong>
                                                                        {!! __('hotels.text_price.unit', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                                    @endif
                                                                </span>
                                                            </div>
                                                            @php
                                                                $roomInfo = fieldPropertyValue(
                                                                    'room',
                                                                    $content->options,
                                                                );
                                                                $planInfo = fieldPropertyValue(
                                                                    'plan',
                                                                    $content->options,
                                                                );
                                                                $paramInfo = fieldPropertyValue(
                                                                    'params',
                                                                    $content->options,
                                                                );
                                                            @endphp
                                                            <div class="hotel-listReservationItem-item-accodion"
                                                                style="display: none;">
                                                                <ul
                                                                    class="hotel-listRoomData hotel-listRoomData-small">
                                                                    <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>
                                                        </li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        </section>
                                        <section class="hotel-section">
                                            <h2 class="hotel-headingSection">
                                                {!! __('hotels.form_information.label.payment_information', [], $multiLangMode::getLanguageCode($lang)) !!}
                                            </h2>
                                            <dl class="hotel-listForm">
                                                <dt class="hotel-listForm-title">
                                                    {!! __('hotels.form_information.label.payment_method', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                    <span>
                                                        {!! __('hotels.form_information.payment_method.1', [], $multiLangMode::getLanguageCode($lang)) !!}
                                                    </span>
                                                </dt>
                                            </dl>
                                        </section>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="hotel-floatBox">
                            <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>
                            <button type="button" class="hotel-button" onclick="bookNow()">
                                {!! __('hotels.btn.apply', [], $multiLangMode::getLanguageCode($lang)) !!}
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>