{{-- Chckeout --}}
<div class="modal fade" tabindex="-1" role="dialog" id="modal-checkout" data-backdrop="false">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">Checkout</h4>
            </div>
            <div class="modal-body">

                <div class="input-block">
                    <label for="shippingType">Shipping type</label>
                    <select class="form-control input-sm" name="shippingType" id="shippingType">
                        <option value="">{{Lang::get('messages.screen_sale_tag11')}}</option>
                    </select>
                </div>

                <div class="input-block">
                    <label for="address_id">Ship to</label>
                    <select class="form-control input-sm" name="ship_to" id="ship_to">
                        <option value="">{{Lang::get('messages.screen_sale_tag11')}}</option>
                    </select>
                </div>

                <div class="input-block">
                    <label for="deliveryDate">Delivery date</label>
                    <input type="text" class="datepicker form-control" id="deliveryDate" disabled="disabled" name="deliveryDate" autocomplete="off" />
                </div>

                <div id="available_deliveries_container" class="input-block" style="display:none">

                </div>

                <div class="input-block">
                    <label for="payment_type_id">Payment method</label>
                    <select class="form-control input-sm" name="payment_type_id" id="payment_type_id"
                            onchange="getPaymentType(this)">
                        <option value="">{{Lang::get('messages.screen_sale_tag11')}}</option>
                        @foreach($payment_types as $payment_type)
                            @if ($payment_type->id != 8 && $payment_type->id != 6)
                                <option value="{{$payment_type->id}}">{{$payment_type->name}}</option>
                            @endif
                        @endforeach
                    </select>
                </div>

                <div id="div-credit-card" style="display: none">

                    <div class="input-block">
                        <label for="credit_card">Credit card</label>
                        <select class="form-control input-sm" name="credit_card" id="credit_card">
                            <option value="">{{Lang::get('messages.screen_sale_tag11')}}</option>
                        </select>
                        <div class="col-xs-12 input-block">
                            <div class="row">
                                <button type="button" class="btn btn-clear btn-sm pull-left" onclick="deleteCreditCard()">
                                    <span class="fa fa-trash" aria-hidden="true"></span>
                                </button>
                                <div class="">
                                    <button type="button" class="btn btn-success pull-right btn-sm"
                                            data-toggle="modal" data-target="#modal-add-credit-card">
                                        Add credit card
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div id="div-check-number" style="display: none">

                    <div class="input-block">
                        <label for="check_number">Check number</label>
                        <input type="text" id="check_number" class="form-control input-sm" name="check_number"/>
                    </div>

                </div>

                <div class="input-block">
                    <label for="purchaseOrder">P.O.#</label>
                    <input type="text" class="form-control input-sm" name="purchaseOrder" id="purchaseOrder"
                           maxlength="10"/>
                </div>

                <div class="input-block">

                        <textarea name="observations" id="observations" rows="2" placeholder="Pick & pack notes"
                                  class="form-control"></textarea>

                </div>

                <div class="row">

                    <div class="col-xs-12">
                        <div class="form-group input-block" id="div-subtotal-order">
                            <label for="subtotal" class="col-md-6 col-xs-6 box-values">Subtotal</label>
                            <div class="col-xs-6 col-md-6 box-values text-right">
                                <span id="subtotal" class="format-money subtotal"></span>
                            </div>
                        </div>
                    </div>

                    @if($quote)
                        <input type="hidden" id="hdn_quote_id" />
                    @endif

                    <div class="col-xs-12 div-account-balance" style="display: none">
                        <label for="account_balance" class="col-xs-6 box-values">
                            <div>
                                <label>
                                    <div class="checkbox checbox-switch switch-success">
                                        <label>Balance <input type="checkbox" name="use_balance" id="use_balance"
                                                              onchange="calculateTotalWithBalance(this)">
                                            <span></span></label></div>
                                </label>
                            </div>
                        </label>
                        <div class="col-xs-6 box-values text-right">
                            <span id="account-balance" class="format-money"></span>
                        </div>
                    </div>

                    <div class="col-xs-12">
                        <div class="form-group input-block" id="div-taxes-order">
                            <label for="clone_taxes_order" class="col-md-6 col-xs-6 box-values">Taxes</label>
                            <div class="col-xs-6 col-md-6 box-values text-right">
                                <span id="taxes" class="format-money taxes"></span>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12">
                        <div class="form-group input-block" id="div-shipping-cost-order">
                            <label for="shipping_cost_order" class="col-md-6 col-xs-6 box-values">Shipping
                                cost</label>
                            <div class="col-xs-6 col-md-6 box-values text-right">
                                <div id="cost-delivery" class="label-number-order">
                                    @php $disabled = ($quote && $quote->isFreight()) ? 'disabled' : '' @endphp
                                    <input type="number" step="0.01" class="form-control pull-right" id="shippingCost"
                                           role="button"
                                           onchange="calculateOrderSaleTotals()"
                                           onkeyup="calculateOrderSaleTotals()"
                                           onclick="displayModalShippingCost()"
                                           {{-- onclick="$('#modal-shipping-cost').modal('toggle')" --}}
                                           data-delivery-default-cost="{{$parameter->cost_delivery}}"
                                           data-min-amount-for-delivery="{{$parameter->min_amount_for_delivery}}"
                                           data-max-amount-for-delivery="{{$parameter->max_amount_for_delivery}}"
                                           placeholder="Click to set"
                                           style="height: 25px; max-width: 100px; text-align:right;" readonly="readonly"
                                           @if($quote)
                                               data-quote-shipping-cost="{{$quote->shipping_cost}}"
                                               value="{{$quote->shipping_cost}}"
                                           @endif
                                    {{$disabled}}/>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12">
                        <div class="form-group input-block" id="div-total-order">
                            <label for="total_order" class="col-md-6 col-xs-6 box-values">Order
                                total</label>
                            <div class="col-xs-6 col-md-6 box-values text-right">
                                <span id="total_order" data-cash-payment-limit="{{ $cash_payment_limit }}" class="format-money total_order"></span>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12">
                        <div class="form-group input-block div-total-using-balance" style="display: none">
                            <label class="col-md-6 col-xs-6 box-values">Total
                                using balance</label>
                            <div class="col-xs-6 col-md-6 box-values text-right">
                                <span class="format-money total_order_using_balance"></span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="modal-footer">

                    <button type="button" class="btn btn-danger center-block" onclick="createSale(this)" id="btn-submit-order">
                        Submit Order
                    </button>

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>