@csrf

<input hidden name="table" value="{{ $table }}">
<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">
<input hidden name="coupon_applied" value="0" id="couponAppliedInput">

<div class="personal-details">
    <div class="container">
        <div class="row">
            @if (
            $branch->settings->show_user_phone_input ||
            $branch->settings->show_user_name_input ||
            $branch->settings->show_user_email_input ||
            $branch->settings->show_order_types_input ||
            ($branch->settings->default_order_type === 'delivery' && $branch->settings->show_address_input) ||
            (!$table && $branch->settings->default_order_type === 'inside' && $branch->settings->show_table_input ) ||
            ($branch->settings->default_order_type === 'inside' && $branch->settings->show_persons_input)
            )
            <h3 class="header mb-3"> @lang('global.personal_information')</h3>
            @endif

            @if ($branch->settings->show_user_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>
            </div>
            @endif

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

            @if ($branch->settings->show_user_phone_input)
            <div class="form-group phone-form-group">
                <label class="form-label">@lang('validation.attributes.phone')</label>
                <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')">
            </div>
            @endif

            <div class="col-12 form-group {{ $branch->settings->show_order_types_input ? '' : 'd-none' }}">
                <label class="form-label">@lang('global.order_type')</label>
                <select class="form-control" name="type" required id="typeSelect">
                    @if($table)
                    <option value="inside" selected>@lang("global.orders_type.inside")</option>
                    @else
                    @foreach ($branch->settings->allowed_order_types as $allowed_order_type)
                    <option value="{{ $allowed_order_type }}" {{ selected($allowed_order_type,$branch->settings->default_order_type) }}>@lang("global.orders_type.$allowed_order_type")</option>
                    @endforeach
                    @endif
                </select>
            </div>

            @if (!$table && $branch->settings->show_table_input)
            <div class="col-12 form-group d-none table-form-group">
                <label class="form-label">
                    @if ($branch->restaurant->activity === "hotel") @lang('global.room') @else @lang('global.table') @endif
                </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->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

            @if ($branch->settings->show_address_input)
            <input name="latitude" id="latitude" hidden>
            <input name="longitude" id="longitude" hidden>

            <div class="col-12 map">
                <div class="form-group">
                    <div class="col-12">
                        <div id="map" style="height: 400px;"></div>
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>

<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::get() as $meal)
            <tr class="meal">
                <td class="title">
                    {{ $meal['title'][$locale] }}
                </td>
                <td class="quantity">
                    {{ $meal['quantity'] }}
                </td>
                <td class="price skiptranslate">
                    {{ $meal['price'] }} SAR
                </td>
                <td class="total skiptranslate">
                    {{ number_format($meal['price'] * $meal['quantity'],2) }} SAR
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

<div class="notes">
    <h3 class="header"> @lang('global.add_your_notes_here')</h3>
    <textarea name="notes" placeholder="@lang('messages.tooltips.meals.alergic')"></textarea>
</div>

<div class="payment-details">
    <div class="container">
        <div class="row">
            <h3 class="header mb-3 {{ $branch->settings->show_payment_methods_input ? '' : 'd-none' }}">@lang('global.payment_information')</h3>
            <div class="col-12 form-group {{ $branch->settings->show_payment_methods_input ? '' : 'd-none' }}">
                <label class="form-label">@lang('global.payment_method')</label>
                <select class="form-control" name="payment_method" required id="paymentMethodSelect">
                    @foreach ($branch->settings->allowed_payment_methods as $allowed_payment_method)
                    <option value="{{ $allowed_payment_method }}" {{ selected($allowed_payment_method,$branch->settings->default_payment_method) }}>@lang("global.payment_methods.$allowed_payment_method")</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
</div>

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

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

            @if ($branch->settings->show_other_amount_tips_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="payment">
    <h3 class="header">@lang('global.order_summary') </h3>

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

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