@csrf

<input hidden name="table" value="{{ $table }}">
<input hidden name="restaurant" value="{{ $branch->restaurant->id }}">
<input hidden name="branch" value="{{ $branch->id }}">
<input hidden name="restaurant_title" value="{{ $branch->restaurant->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="Restaurants">
<input hidden name="coupon_discount" value="0" id="couponDiscountInput">
@if (session()->get("metadata.{$branch->restaurant->branch_id}.order_type") === 'delivery')
    <input hidden name="delivery_fees" value="{{ $branch->restaurant->delivery_fees }}">
@endif

<div class="personal-details">
    <div class="container">
        <div class="row">
            @if (
                $branch->restaurant->branch->settings->orders->is_login_active ||
                    $branch->settings->orders->show_phone_input ||
                    $branch->settings->orders->show_name_input ||
                    $branch->settings->orders->show_passport_number_input ||
                    $branch->settings->orders->show_passport_country_input ||
                    $branch->settings->orders->show_first_name_input ||
                    $branch->settings->orders->show_last_name_input ||
                    $branch->settings->orders->show_birthdate_input ||
                    $branch->settings->orders->show_residence_country_input ||
                    $branch->settings->orders->show_email_input ||
                    $branch->settings->orders->show_types_input ||
                    (!$table && $branch->settings->orders->default_type === 'in_restaurant_dining' && $branch->settings->orders->show_table_input) ||
                    ($branch->settings->orders->default_type === 'in_restaurant_dining' && $branch->settings->orders->show_persons_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_first_name_input)
                <div class="col-12 form-group">
                    <label class="form-label">@lang('validation.attributes.first_name')</label>
                    <input class="form-control" name="first_name" placeholder="@lang('validation.attributes.first_name')" required value="{{ $user?->first_name }}">
                </div>
            @endif

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

            @if ($branch->settings->orders->show_phone_input || $branch->restaurant->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 ($branch->settings->orders->show_email_input)
                <div class="col-12 form-group">
                    <label class="form-label">@lang('validation.attributes.email')</label>
                    <input class="form-control" name="email" type="email" placeholder="@lang('validation.attributes.email')" required value="{{ $user?->email }}">
                </div>
            @endif

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

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

            @if ($branch->settings->orders->show_passport_country_input)
                <div class="col-12 form-group passport-country-form-group">
                    <label class="form-label">@lang('validation.attributes.passport_country')</label>
                    <select class="form-control" name="passport_country" id="passportCountrySelect" required></select>
                </div>
            @endif

            @if ($branch->settings->orders->show_residence_country_input)
                <div class="col-12 form-group residence-country-form-group">
                    <label class="form-label">@lang('validation.attributes.residence_country')</label>
                    <select class="form-control" name="residence_country" id="residenceCountrySelect" required></select>
                </div>
            @endif

            <div class="col-12 form-group {{ $branch->settings->orders->show_types_input && !$table ? '' : 'd-none' }}">
                <label class="form-label">@lang('global.order_type')</label>
                <select class="form-control" name="type" required id="typeSelect">
                    @if ($table)
                        <option value="in_restaurant_dining" selected>@lang('global.orders_type.in_restaurant_dining')</option>
                    @elseif (session()->get("metadata.{$branch->restaurant->branch_id}.order_type") === 'delivery')
                        <option value="delivery" selected>@lang('global.orders_type.delivery')</option>
                    @else
                        @foreach ($branch->settings->orders->allowed_types as $allowed_type)
                            <option value="{{ $allowed_type }}" {{ selected($allowed_type, $branch->settings->orders->default_type) }}>@lang("global.orders_type.$allowed_type")</option>
                        @endforeach
                    @endif
                </select>
            </div>

            @if (!$table && $branch->settings->orders->show_table_input)
                <div class="col-12 form-group d-none table-form-group">
                    <label class="form-label">
                        @lang('global.table')
                    </label>
                    <select class="form-control" name="table" required id="tableSelect">
                        <option value="" selected>@lang('global.click_to_choose')</option>
                        @foreach ($branch->tables as $table)
                            <option value="{{ $table->id }}">{{ $table->title }}</option>
                        @endforeach
                    </select>
                </div>
            @endif

            @if ($branch->settings->orders->show_persons_input)
                <div class="col-12 form-group d-none persons-form-group">
                    <label class="form-label">@lang('validation.attributes.persons')</label>
                    <input class="form-control" name="persons" placeholder="@lang('validation.attributes.persons')" required>
                </div>
            @endif

            <div class="col-12 form-group notes-form-group">
                <label class="form-label">@lang('validation.attributes.notes')</label>
                <input class="form-control" name="notes" placeholder="@lang('messages.tooltips.meals.alergic')">
            </div>
        </div>
    </div>
</div>

<div class="payment-details">
    <h3 @class(['header mb-3', 'd-none' => !$show_payment_methods_input])>@lang('global.payment_information')</h3>

    <div class="container">
        <div @class([
            'payment-method-container row gy-3',
            'd-none' => !$show_payment_methods_input,
        ])>

            @foreach ($allowed_payment_methods as $allowed_payment_method)
                @switch($allowed_payment_method)
                    @case('e_payment')
                        <div class="col-6">
                            <div @class([
                                'payment-method',
                                'active' => $default_payment_method === 'e_payment',
                            ]) data-value="e_payment_card">
                                <i class="la la-credit-card"></i>
                                <span>@lang('global.payment_methods.e_payment_card')</span>
                            </div>
                        </div>

                        @if ($isApple)
                            <div class="col-6">
                                <div class="payment-method" data-value="e_payment_applepay">
                                    <i class="lab la-apple"></i>
                                    <span>@lang('global.payment_methods.e_payment_applepay')</span>
                                </div>
                            </div>
                        @endif
                    @break

                    @case('cash')
                        <div class="col-6">
                            <div @class([
                                'payment-method',
                                'active' => $default_payment_method === 'cash',
                            ]) data-value="cash">
                                <i class="la la-money-bill"></i>
                                <span>@lang('global.payment_methods.cash')</span>
                            </div>
                        </div>
                    @break

                    @case('card')
                        <div class="col-6">
                            <div @class([
                                'payment-method',
                                'active' => $default_payment_method === 'card',
                            ]) data-value="card">
                                <i class="la la-wallet"></i>
                                <span>@lang('global.payment_methods.card')</span>
                            </div>
                        </div>
                    @break
                @endswitch
            @endforeach

            <input id="paymentMethodInput" value="{{ $default_payment_method === 'e_payment' ? 'e_payment_card' : $default_payment_method }}" hidden name="payment_method">
        </div>
    </div>
</div>

@if ($branch->settings->orders->tips->is_active && (count($branch->settings->orders->tips->data ?? []) || $branch->settings->orders->tips->show_other_amount_input))
    <div class="tips">
        <h3 class="header">@lang('global.tips') </h3>

        <div class="container">
            <div class="row justify-content-center">
                @if (count($branch->settings->orders->tips->data ?? []))
                    <div class="col-12 tips-container">
                        @foreach ($branch->settings->orders->tips->data ?? [] as $tip)
                            <div class="tip" data-amount="{{ $tip->amount }}">{{ $tip->amount }} <span class='icon-saudi_riyal'></span></div>
                        @endforeach
                    </div>
                @endif

                @if ($branch->settings->orders->tips->show_other_amount_input)
                    <div class="col-6">
                        <input type="number" placeholder="@lang('global.enter_other_amount')" class="form-control other-amount-input">
                    </div>
                @endif

                <input class="tip-amount-input" value="0" hidden name="tip">
            </div>
        </div>
    </div>
@endif

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

    <table class="table table-responsive">
        <thead>
            <tr>
                <th>@lang('global.category')</th>
                <th>@lang('global.quantity')</th>
                <th>@lang('global.unit_price')</th>
                <th>@lang('global.total_price')</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($cart->products() as $meal)
                <tr class="meal">
                    <td class="title">
                        {{ $meal['title'][$locale] }}
                    </td>
                    <td class="quantity">
                        {{ $meal['quantity'] }}
                    </td>
                    <td class="price skiptranslate">
                        {{ $meal['total_price'] }} <span class='icon-saudi_riyal'></span>
                    </td>
                    <td class="total skiptranslate">
                        {{ number_format($meal['total_price'] * $meal['quantity'], 2) }} <span class='icon-saudi_riyal'></span>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

<div class="payment">
    <h3 class="header">@lang('global.order_summary') </h3>

    <div class="coupon-form" method="POST" action="{{ route('restaurants.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" style="background-color: {{ $branch->restaurant->theme->button_bg }};color : {{ $branch->restaurant->theme->button_font }}">
            <i class="las la-tag"></i> @lang('global.apply')
        </button>
    </div>

    <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 ($branch->settings->orders->tips->is_active && (count($branch->settings->orders->tips->data ?? []) || $branch->settings->orders->tips->show_other_amount_input))
                    <tr class="tip">
                        <td class="title">@lang('global.tip')</td>
                        <td class="amount"><span class="number skiptranslate">0.00</span> <span class='icon-saudi_riyal'></span> </td>
                    </tr>
                @endif
                @if (session()->get("metadata.{$branch->restaurant->branch_id}.order_type") === 'delivery' && $branch->restaurant->delivery_fees)
                    <tr class="delivery">
                        <td class="title">@lang('global.delivery_fees')</td>
                        <td class="amount"><span class="number skiptranslate">{{ number_format($branch->restaurant->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->restaurant->delivery_fees, $branch->restaurant->branch->id) }} </span> <span class='icon-saudi_riyal'></span> </td>
                </tr>
            </tbody>
        </table>

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

        <a class="privacy-note" href="{{ route('privacy-policy') }}" target="_blank">
            @lang('global.accept_terms_note')
        </a>
    </div>

    <div class="save-button-container">
        <button class="btn btn-success" type="submit" style="background-color: {{ $branch->restaurant->theme->button_bg }};color : {{ $branch->restaurant->theme->button_font }}">
            <i class="las la-utensils"></i> @lang('global.submit')
        </button>
    </div>
</div>