@csrf

<input hidden name="spa" value="{{ $branch->spa->id }}">
<input hidden name="branch" value="{{ $branch->id }}">
<input hidden name="spa_title" value="{{ $branch->spa->getTranslation('title', 'en') }}">
<input hidden name="branch_title" value="{{ $branch->getTranslation('title', 'en') }}">
<input hidden name="project" value="{{ config('app.name') }}">
<input hidden name="section" value="Spas">
<input hidden name="coupon_discount" value="0" id="couponDiscountInput">

<div class="personal-details">
    <div class="container">
        <div class="row">
            @if ($branch->spa->branch->settings->orders->is_login_active || $branch->spa->branch->settings->orders->is_otp_active || $branch->settings->orders->show_phone_input || $branch->settings->orders->show_name_input)
                <h3 class="header mb-3"> @lang('global.personal_information')</h3>
            @endif

            @if ($branch->settings->orders->show_name_input)
                <div class="col-12 form-group">
                    <label class="form-label">@lang('validation.attributes.name')</label>
                    <input class="form-control" name="name" placeholder="@lang('validation.attributes.name')" required value="{{ $user?->name }}">
                </div>
            @endif

            @if ($branch->settings->orders->show_phone_input || $branch->spa->branch->settings->orders->is_login_active)
                <div class="form-group phone-form-group">
                    <label class="form-label">@lang('validation.attributes.phone')</label>
                    @if ($user)
                        <input class="form-control" name="phone" required id="phoneInputReadOnly" placeholder="@lang('validation.attributes.phone')" readonly value="{{ $user->phone }}" style="direction: ltr;">
                    @else
                        <select class="form-control" name="phoneDial" id="phoneSelect" required></select>
                        <input type="number" class="form-control" name="phone" id="phoneInput" required placeholder="@lang('validation.attributes.phone')">
                    @endif
                </div>
            @endif

            @if ($rooms)
                <div class="col-12 form-group room-form-group">
                    <label class="form-label">@lang('global.room')</label>
                    <select class="form-control" name="room" required @disabled(session("metadata.{$branch->spa->branch_id}.room_id")) id="roomSelect">
                        <option value="" selected disabled>@lang('global.click_to_choose')</option>
                        @foreach ($rooms as $room)
                            <option value="{{ $room->id }}" @selected($room->id == session("metadata.{$branch->spa->branch_id}.room_id"))>{{ $room->{app()->getLocale() . '_title'} }}</option>
                        @endforeach
                    </select>
                </div>

                @if (session("metadata.{$branch->spa->branch_id}.room_id"))
                    <input readonly value="{{ session("metadata.{$branch->spa->branch_id}.room_id") }}" hidden name="room">
                @endif
            @endif
        </div>
    </div>
</div>

<div class="cart-table">
    <h3 class="header"> @lang('global.reservation')</h3>

    <table class="table table-responsive">
        <thead>
            <tr>
                <th>@lang('validation.attributes.time')</th>
                <th>@lang('global.reservation_details')</th>
                @if ($cart->products()->first()['quantity'] != 1)
                    <th>@lang('global.quantity')</th>
                @endif
                <th>@lang('global.price')</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($cart->products() as $sitem)
                <tr class="sitem">
                    <td class="time">
                        @if (isset($sitem['start_date']))
                            {{ $sitem['start_date'] }} {{ $sitem['start_date'] !== $sitem['end_date'] ? ' -- ' . $sitem['end_date'] : '' }}
                        @else
                            {{ $sitem['date'] }} {{ $sitem['time'] }}
                        @endif
                    </td>
                    <td class="title">{{ $sitem['title'][$locale] }}</td>

                    @if ($sitem['quantity'] != 1)
                        <td class="quantity">{{ $sitem['quantity'] }}</td>
                    @endif

                    <td class="total skiptranslate">
                        {{ number_format($sitem['price'], 2) }} <span class='icon-saudi_riyal'></span>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

<div @class(['payment-details', 'd-none' => $cart->total_price() == 0])>
    <div class="container">
        <div class="row">
            <h3 @class(['header mb-3', 'd-none' => !$show_payment_methods_input])>@lang('global.payment_information')</h3>
            <div @class([
                'col-12 form-group payment-method-form-group',
                'd-none' => !$show_payment_methods_input,
            ])>
                <label class="form-label">@lang('global.payment_method')</label>
                <select class="form-control" name="payment_method" required id="paymentMethodSelect">
                    @if ($cart->total_price() != 0)
                        @foreach ($branch->settings->orders->allowed_payment_methods as $allowed_payment_method)
                            @switch($allowed_payment_method)
                                @case('e_payment')
                                    <option value="e_payment_card" data-icon="la la-credit-card" {{ selected('e_payment', $default_payment_method) }}>@lang('global.payment_methods.e_payment_card')</option>
                                    @if ($isApple)
                                        <option value="e_payment_applepay" data-icon="lab la-apple">@lang('global.payment_methods.e_payment_applepay') </option>
                                    @endif
                                @break

                                @case('cash')
                                    <option value="cash" data-icon="la la-money-bill" {{ selected('cash', $default_payment_method) }}>@lang('global.payment_methods.cash')</option>
                                @break

                                @case('card')
                                    <option value="card" data-icon="la la-wallet" {{ selected('card', $default_payment_method) }}>@lang('global.payment_methods.card')</option>
                                @break
                            @endswitch
                        @endforeach
                    @else
                        <option value="cash" data-icon="la la-money-bill">@lang('global.payment_methods.cash')</option>
                    @endif
                </select>
            </div>
        </div>
    </div>
</div>

<div class="payment">
    @if ($cart->total_price() != 0)
        <h3 class="header">@lang('global.reservation_summary') </h3>
    @endif

    <div class="coupon-form {{ $cart->total_price() == 0 ? 'd-none' : '' }}" method="POST" action="{{ route('spas.cart.coupon') }}">
        <input placeholder="@lang('global.discount_code')" name="coupon" onkeypress="(event.keyCode === 13) && $(this).siblings('.btn').click()" />
        <button class="btn btn-secondary" type="button">
            <i class="las la-tag"></i> @lang('global.apply')
        </button>
    </div>

    @if ($cart->total_price() != 0)
        <div class="amount-summary">
            <table class="table table-responsive ">
                <tbody>
                    <tr class="total">
                        <td class="title">@lang('global.total')</td>
                        <td class="amount"><span class="number skiptranslate"> {{ $cart->total_price(true) }} <span class='icon-saudi_riyal'></span> </span> </td>
                    </tr>
                    <tr class="discount">
                        <td class="title">@lang('global.discount')</td>
                        <td class="amount"><span class="number skiptranslate"> 0.00 </span> <span class='icon-saudi_riyal'></span> </td>
                    </tr>
                    @if (session()->has("metadata.{$branch->spa->branch_id}") && $branch->spa->delivery_fees)
                        <tr class="delivery">
                            <td class="title">@lang('global.delivery_fees')</td>
                            <td class="amount"><span class="number skiptranslate">{{ number_format($branch->spa->delivery_fees, 2) }}</span> <span class='icon-saudi_riyal'></span> </td>
                        </tr>
                    @endif
                    <tr class="total-amount">
                        <td class="title">@lang('global.total_amount')</td>
                        <td class="amount"><span class="number skiptranslate"> {{ $cart->total_price(true, $branch->spa->delivery_fees, $branch->spa->branch->id) }} </span> <span class='icon-saudi_riyal'></span> </td>
                    </tr>
                </tbody>
            </table>

            <p class="note">
                @lang('global.all_prices_include_vat')
            </p>
        </div>
    @endif

    <div class="save-button-container">
        <button class="btn btn-success" type="submit">
            <i class="las la-check-circle"></i> @lang('global.submit')
        </button>
    </div>
</div>