@extends('themes.public.'.setting('active_public_theme').'.layouts.default')
@section('content')
    @if(module_exists('store'))
        @push('custom-css')
            <link href="{{url('assets/modules/store/assets/css/store.css')}}" rel="stylesheet" />
            <link href="{{url('assets/core/plugins/OwlCarousel2-2.3.4/dist/assets/owl.carousel.css')}}" rel="stylesheet">
            <link href="{{url('assets/core/plugins/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.css')}}" rel="stylesheet">
        @endpush
    @endif
    <script src="https://js.stripe.com/v3/"></script>
    <script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js" integrity="sha384-3zSEDfvllQohrq0PHL1fOXJuC/jSOO34H46t6UQfobFOmxE5BpjjaIJY5F2/bMnU" crossorigin="anonymous"></script>
    <link href="{{url('assets/core/css/titatoggle.css')}}" rel="stylesheet" />
    <link href="{{url('assets/core/plugins/smartwizard/dist/css/smart_wizard.css')}}" rel="stylesheet" />
    <link href="{{url('assets/core/payments/assets/css/checkout.css')}}" rel="stylesheet" />
    <div class="checkout-content module-top-fixed">
        <h4 id="c-title" class="text-center checkout-mobile-maintitle">Checkout</h4>
        <form id="checkout" method="post" class="checkout-main-container" name="form-wizard">
            <!-- begin wizard -->
            <div id="wizard">
                <!-- begin wizard-step -->
                <ul>
                    @if(!$free_of_charge OR ($free_of_charge && $module === 'store') OR ($free_of_charge && !auth()->check()()) OR ($approval && auth()->check()()))
                        <li>
                            <a href="#step-1">
                                <span class="number">1</span>
                                <span class="info">
									{{__('payments.cart')}}
									<small>{{__('payments.order_items')}}</small>
								</span>
                            </a>
                        </li>
                        <li>
                            <a href="#step-2">
                                <span class="number">2</span>
                                <span class="info">
									@if($shipping)
                                        {{__('payments.billing_and_shipping_info')}}
                                        <small>{{__('payments.billing_and_shipping_details')}}</small>
                                    @else
                                        {{__('billing_info')}}
                                        <small>{{__('payments.billing_details')}}</small>
                                    @endif
								</span>
                            </a>
                        </li>
                    @endif
                    @if(!$approval)
                        <li>
                            <a href="#step-3">
                                <span class="number">3</span>
                                <span class="info">
									{{__('payments.payment_methods')}}
									<small>{{__('payments.payment_method_details_menu')}}</small>
								</span>
                            </a>
                        </li>
                    @endif
                    <li>
                        <a href="#step-4">
                            @if($approval)
                                <span class="number">3</span>
                            @else
                                <span class="number">4</span>
                            @endif
                            <span class="info">
								{{__('payments.order_processing')}}
								<small>{{__('payments.order_details')}}</small>
							</span>
                        </a>
                    </li>
                </ul>
                <!-- end wizard-step -->
                <!-- begin wizard-content -->
                <div>
                    <!-- begin step-1 -->
                    <div id="step-1">
                        @if(count($items) > 0)
                            <fieldset>
                                <!-- begin row -->
                                <div class="row">
                                    <div class="col-xl-12">
                                        <div class="table-responsive">
                                            <table class="table table-cart">
                                                <thead>
                                                <tr>
                                                    @if($module === 'store')
                                                        <th>{{__('payments.actions')}}</th>
                                                    @endif
                                                    @php
                                                        $desc_title = __('payments.product_service_name');
                                                        if($module === 'booking_memberships' OR $module === 'memberships' OR $module === 'meeting_rooms')
                                                            $desc_title = __('payments.reservation_details');
                                                        if($module === 'events')
                                                            $desct_title = __('payments.event_details');
                                                    @endphp
                                                    <th>{{$desc_title}}</th>
                                                    <th class="text-center">{{__('payments.quantity')}}</th>
                                                    <th class="text-center">{{__('payments.price')}}</th>
                                                    @if($discounts)
                                                        <th class="text-center">{{__('payments.checkout_discount')}}</th>
                                                    @endif
                                                    @if($module !== 'store' OR $total_vat > 0)
                                                        <th class="text-center">{{__('payments.vat')}}</th>
                                                    @endif
                                                    @if($module === 'store')
                                                        @if($this->settings->get($module.'_product_shipping'))
                                                            <th class="text-center">{{__('payments.shipping')}}</th>
                                                        @endif
                                                    @endif
                                                    <th class="text-center">{{__('payments.subtotal')}}</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @php $i = 0; @endphp
                                                @foreach($items as $item)
                                                    @if($i === 0)
                                                        <input type="hidden" name="module" value="{{$item['module']}}" />
                                                        @if(setting('multihub') && isset($item['hub_id']))
                                                            <input type="hidden" name="hub_id" value="{{$item['hub_id']}}" />
                                                        @endif
                                                    @endif
                                                    <tr id="cart-item-{{$item['rowid']}}" class="cart-items">
                                                        @if($module === 'store')
                                                            <td class="cart-del-td">
                                                                <a href="#" class="delete-cart-item" data-id="{{$item['rowid']}}"><i class="cart-del-icon fa fa-trash-alt"></i></a>
                                                            </td>
                                                        @endif
                                                        <td class="cart-product">
                                                            <div class="product-img">
                                                                <a>
                                                                    <img src="{{$item['img']}}" class="img-flex" alt="" />
                                                                </a>
                                                            </div>
                                                            <div class="product-info">
                                                                <div class="title">{!!$item['name']!!}</div>
                                                                <div class="desc">{!!$item['description']!!}</div>
                                                            </div>
                                                        </td>
                                                        @if($shipping)
                                                            <td class="cart-qty text-center">
                                                                <div class="cart-qty-input">
                                                                    <a href="#" class="qty-control left disabled" data-click="decrease-qty" data-row="{{$item['rowid']}}" data-target="#qty-{{$item['id']}}"><i class="fa fa-minus"></i></a>
                                                                    <input type="text" name="qty" value="{{$item['qty']}}" data-row="{{$item['rowid']}}" class="qty-self form-control" id="qty-{{$item['id']}}" />
                                                                    <a href="#" class="qty-control right disabled" data-click="increase-qty" data-row="{{$item['rowid']}}" data-target="#qty-{{$item['id']}}"><i class="fa fa-plus"></i></a>
                                                                </div>
                                                                <div class="qty-desc">1 to max order</div>
                                                            </td>
                                                        @else
                                                            <td class="cart-qty text-center item-quantity">
                                                                <div class="checkout-mobile-hide">
                                                                    {{__('payments.quantity')}}
                                                                </div>
                                                                <div class="cart-qty-input">
                                                                    {{$item['qty']}}
                                                                </div>
                                                            </td>
                                                        @endif
                                                        <td class="cart-price text-center item-price">
                                                            <div class="checkout-mobile-hide">
                                                                {{__('payments.price')}}
                                                            </div>
                                                            <div class="checkout-n-price">
                                                                {{$currency->symbol}}<span id="cart-item-price-{{$item['rowid']}}" data-amount="{{$item['price']}}">{{number_format($item['price'],2)}}</span>
                                                            </div>
                                                        </td>
                                                        @if($discounts)
                                                            @if($item['discount'] > 0)
                                                                <td class="cart-price text-center item-discount-amount">
                                                                    <div class="checkout-mobile-hide">
                                                                        {{__('payments.checkout_discount')}}
                                                                    </div>
                                                                    <div class="checkout-n-discounts">
                                                                        -{{$currency->symbol.number_format($item['discount'],2)}}
                                                                    </div>
                                                                </td>
                                                            @else
                                                                <td class="cart-price text-center item-discount-amount">
                                                                    <div class="checkout-mobile-hide">
                                                                        {{__('payments.checkout_discount')}}
                                                                    </div>
                                                                    <div class="checkout-n-discounts">
                                                                        N/A
                                                                    </div>
                                                                </td>
                                                            @endif
                                                        @endif
                                                        @if($module !== 'store' OR $total_vat > 0)
                                                            <td class="cart-price text-center item-vat">
                                                                <div class="checkout-mobile-hide">
                                                                    {{__('payments.vat')}}
                                                                </div>
                                                                <div class="checkout-n-vat">
                                                                    {{$currency->symbol}}<span id="cart-item-vat-{{$item['rowid']}}" data-amount="{{(($item['qty'] * $item['price']) * $item['vat_rate']) / 100}}" data-rate="{{$item['vat_rate']}}" class="cart-item-vat">{{number_format((($item['qty'] * $item['price']) * $item['vat_rate']) / 100,2)}}</span> <small>({{$item['vat_rate']}}%)</small>
                                                                </div>
                                                            </td>
                                                        @endif
                                                        @if($module === 'store')
                                                            @if($this->settings->get($module.'_product_shipping'))
                                                                <td class="cart-price text-center item-shipping">
                                                                    <div class="checkout-mobile-hide">
                                                                        {{__('payments.shipping')}}
                                                                    </div>
                                                                    <div class="checkout-n-shipping">
                                                                        {{$currency->symbol}}<span id="cart-item-shipping-{{$item['rowid']}}" data-amount="{{$item['shipping']}}" class="cart-item-shipping">{{number_format($item['shipping'],2)}}</span>
                                                                    </div>
                                                                </td>
                                                            @endif
                                                        @endif
                                                        <td class="cart-total text-center item-subtotal checkout-mobile-border">
                                                            <div class="checkout-mobile-hide">
                                                                {{__('itemsubtotal')}}
                                                            </div>
                                                            <div class="checkout-n-subtotal">
                                                                {{$currency->symbol}}<span id="cart-item-subtotal-{{$item['rowid']}}" class="cart-item-subtotal" data-amount="{{$item['qty'] * $item['price']}}">{{number_format($item['qty'] * $item['price'],2)}}</span>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    @php $i++; @endphp
                                                @endforeach
                                                <tr>
                                                    @php
                                                        $extended = '';
                                                        $summary_shippings = ($module === 'store' && !$this->settings->get($module.'_product_shipping')) ? TRUE : FALSE;
                                                        if($summary_shippings)
                                                            $extended = 'shippings-summary-container';
                                                    @endphp
                                                    <td class="cart-summary" colspan="7">
                                                        <div class="summary-container {{$extended}}">
                                                            <div class="summary-row">
                                                                <div class="field">{{__('payments.subtotal')}}</div>
                                                                <div class="value">{{$currency->symbol}}<span id="summary-subtotal" data-amount="{{$subtotal}}">{{number_format($subtotal,2)}}</span></div>
                                                            </div>
                                                            @if($discounts)
                                                                <div class="summary-row">
                                                                    <div class="field">{{__('payments.discounts')}}</div>
                                                                    <div class="value">- {{$currency->symbol}}<span id="summary-discounts">{{number_format($total_discounts,2)}}</span></div>
                                                                </div>
                                                            @endif
                                                            @if($shipping)
                                                                <div class="summary-row text-danger">
                                                                    <div class="field">{{__('payments.shipping')}}</div>
                                                                    <div class="value">
                                                                        @if($summary_shippings)
                                                                            @php $sh = new Shipping(); $sh = $sh->where('active','yes')->get(); @endphp
                                                                            @if($sh->exists())
                                                                                <select id="total-shipping" name="shipping_id" data-parsley-group="step-1" data-parsley-required="true">
                                                                                    <option value="">Select Shipping</option>
                                                                                    @foreach($sh as $shipp)
                                                                                        @php
                                                                                            $price = $shipp->type !== 'percent' ?  $currency->symbol.number_format($shipp->price,2) : number_format($shipp->price,2);
                                                                                            $append = $shipp->type === 'percent' ? '%' : '';
                                                                                        @endphp
                                                                                        <option value="{{$shipp->id}}">{{$shipp->name.' - '.$price.$append}}</option>
                                                                                    @endforeach
                                                                                </select>
                                                                            @endif
                                                                        @endif
                                                                        {{$currency->symbol}}<span id="summary-shipping" data-amount="{{$total_shipping}}">{{number_format($total_shipping,2)}}</span>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                            @if($module !== 'store' OR $total_vat > 0)
                                                                <div class="summary-row">
                                                                    <div class="field">{{__('payments.vat')}}</div>
                                                                    <div class="value">{{$currency->symbol}}<span id="summary-vat" data-amount="{{$total_vat}}">{{number_format($total_vat,2)}}</span></div>
                                                                </div>
                                                            @endif
                                                            <div class="summary-row total">
                                                                <div class="field">{{__('payments.total')}}</div>
                                                                <div class="value">{{$currency->symbol}}<span id="summary-total" data-amount="{{$total}}">{{number_format($total,2)}}</span></div>
                                                            </div>
                                                            @if($module === 'store' && !$free_of_charge)
                                                                <div class="" style="margin-top:15px;padding-top:15px">
                                                                    <div class="field">{{__('payments.i_agree_to_the')}} <a href="{{url('store/terms')}}" target="_blank">{{__('payments.terms_conditions')}}</a>
                                                                        <input type="checkbox" data-parsley-group="step-1" data-parsley-required="true"  name="form-control" value="" />
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <!-- end row -->
                            </fieldset>
                        @else
                            <div class="note note-primary">
                                <div class="note-icon"><i class="fas fa-info-circle"></i></div>
                                <div class="note-content">
                                    <h4><b>{{__('payments.empty_cart')}}</b></h4>
                                    <div class="form-row">
                                        <div class="ocl-md-12">
                                            {{__('payments.continue_shopping')}}
                                        </div>
                                        <div class="col-md-12">
                                            @php $back_link = (isset($_SERVER['HTTP_REFERER'])) ? $_SERVER['HTTP_REFERER'] : url(''); @endphp
                                            <a href="{{$back_link}}" class="btn btn-2 btn-booksecondary"><span id="s-process"><i class="fa fa-chevron-circle-left"></i> {{__('payments.go_back')}}</span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                    <!-- end step-1 -->
                    <!-- begin step-2 -->
                    <div id="step-2">
                        <!-- begin fieldset -->
                        <fieldset>
                            <legend class="no-border f-w-700 p-b-0 m-l-20 f-s-16 text-inverse">{{__('payments.billing_info')}}</legend>
                            <!-- begin row -->
                            <div class="row">
                                <!-- begin col-6 -->
                                <div class="col-xl-6">
                                    <!-- begin form-group -->
                                    <div class="form-group row m-b-10">
                                        @php $fn = $company_admin ? __('payments.company') : __('payments.first_name'); @endphp
                                        <label class="col-lg-3 text-lg-right col-form-label">{{$fn}} <span class="text-danger">*</span></label>
                                        <div class="col-lg-9 col-xl-6">
                                            <input
                                                type="text"
                                                name="billing[first_name]"
                                                placeholder="{{$fn}}"
                                                data-parsley-group="step-2"
                                                data-parsley-required="true"
                                                class="form-control"
                                                value="{{$first_name}}"
                                                @if($company_admin) readonly @endif
                                            />
                                        </div>
                                    </div>
                                    <!-- end form-group -->
                                    <!-- begin form-group -->
                                    @if($company_admin)
                                        <input
                                            type="hidden"
                                            name="billing[last_name]"
                                            data-parsley-group="step-2"
                                            data-parsley-required="true"
                                            class="form-control"
                                            value="  "
                                        />
                                    @else
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.last_name')}} <span class="text-danger">*</span></label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input
                                                    id="billingEmail"
                                                    type="text"
                                                    name="billing[last_name]"
                                                    placeholder="{{__('last_name')}}"
                                                    data-parsley-group="step-2"
                                                    data-parsley-required="true"
                                                    class="form-control"
                                                    value="{{$last_name}}"
                                                />
                                            </div>
                                        </div>
                                    @endif
                                <!-- end form-group -->
                                    <!-- begin form-group -->
                                    <div class="form-group row m-b-10">
                                        <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.email')}} <span class="text-danger">*</span></label>
                                        <div class="col-lg-9 col-xl-6">
                                            <input
                                                id="billingEmailAddress"
                                                type="email"
                                                name="billing[email]"
                                                placeholder="{{__('payments.email')}}"
                                                data-parsley-group="step-2"
                                                data-parsley-required="true"
                                                class="form-control"
                                                value="{{$email}}"
                                                @if($order_id) readonly @endif
                                            />
                                            <div class="alert alert-default text-center checkout-login-1 login-prompt" style="display:none">
                                                <i class="fa fa-question-circle"></i> {{__('payments.forgot_login')}}
                                                <a id="auto-proceed" href="#" data-toggle="modal" data-target="#autoProceed" class="btn btn-2 btn-book checkout-login-1-button">
                                                    <i class="fa fa-sign-in-alt"></i> {{__('payments.login_proceed')}}
                                                </a>
                                            </div>
                                        </div>
                                        @if(!auth()->check()() && !$order_id)
                                            <div class="modal fade" id="autoProceed" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-sm" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h6 class="modal-title" id="exampleModalLabel"><i class="fa fa-sign-in-alt"></i> {{__('payments.login_account_now')}}</h6>
                                                            <button type="button" class="close checkout-login-1-popup-close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="form-group">
                                                                <label for="q-name" class="col-form-label">{{__('payments.email')}}:</label>
                                                                <input id="q-name" name="q_name" type="text" class="form-control" required />
                                                            </div>
                                                            <div class="form-group">
                                                                <label for="q-pass" class="col-form-label">{{__('payments.password')}}:</label>
                                                                <input id="q-pass" name="q_pass" type="password" class="form-control" reruired />
                                                            </div>
                                                            <div id="q-err" class="col-md-12 alert alert-danger checkout-login-1-error" style="display:none">

                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-2 btn-booksecondary" data-dismiss="modal">{{__('payments.cancel')}}</button>
                                                            <a id="q-submit" type="submit" class="btn btn-2 btn-booksuccess text-white">{{__('payments.proceed')}}</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <script>
                                                let billingAddress = $('#billingEmailAddress');

                                                billingAddress.on('keyup', function(){

                                                    let value = $(this).val();
                                                    let prompt = $('.login-prompt');
                                                    let name = $('#q-name');

                                                    $.post(site_root + 'ajax/check_if_email_exists',{
                                                        email: value
                                                    },function(data){

                                                        if(data === 'true') {

                                                            billingAddress.attr('placeholder', value).val('');
                                                            billingAddress.parsley().addError('customValidationId', {message: "Email Already Exists!"});
                                                            prompt.slideDown(function(){
                                                                name.val(billingAddress.attr('placeholder'));
                                                            });
                                                        }else{
                                                            billingAddress.parsley().removeError('customValidationId');
                                                            prompt.slideUp(function(){
                                                                name.val('');
                                                            });
                                                        }
                                                    });
                                                });

                                                $('#q-submit').on('click', function(e){

                                                    e.preventDefault();
                                                    let errors = $('#q-err');
                                                    let name = $('#q-name');
                                                    let pass = $('#q-pass');

                                                    $.post(site_root + 'payments/login_proceed',{
                                                        q_name: name.val(),
                                                        q_pass: pass.val()
                                                    }).done(function(data){

                                                        var data = $.parseJSON(data);
                                                        if(data.success){

                                                            let message = '<div class="checkout-login-1-error-p"><i class="fa fa-exclamation-triangle"></i> ' + data.message + '</div>';

                                                            errors.removeClass('alert-danger').addClass('alert-success').empty().html(message);
                                                            errors.slideDown( function() {
                                                                setTimeout(function () {
                                                                    errors.slideUp(function () {
                                                                        $('#autoProceed').modal('hide');
                                                                        location.href = site_root + 'payments/checkout';
                                                                    });
                                                                }, 3500);
                                                            });

                                                        }else{

                                                            errors.slideDown( function(){
                                                                $(this).empty().html(data.message);
                                                                setTimeout(function(){
                                                                    errors.slideUp();
                                                                },8500);
                                                            });
                                                        }
                                                    });
                                                });
                                            </script>
                                        @endif
                                    </div>
                                    <!-- end form-group -->
                                    <!-- begin form-group -->
                                    <div class="form-group row m-b-10">
                                        <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.phone')}}</label>
                                        <div class="col-lg-9 col-xl-6">
                                            <input
                                                type="text"
                                                name="billing[phone]"
                                                placeholder="{{__('phone')}}"
                                                class="form-control"
                                                value="{{$phone}}"
                                            />
                                        </div>
                                    </div>
                                    @if($module === 'booking_memberships' && !auth()->check()())
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">Account Type</label>
                                            <div class="col-lg-9 col-xl-6">
                                                <select id="user-type" name="user_type" class="form-control" data-parsley-required="true" data-parsley-group="step-2">
                                                    <option value="person">Individual</option>
                                                    <option value="company">Company</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div id="company-name-container" class="form-group row m-b-10" style="display:none">
                                            <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.company_name')}}</label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input
                                                    type="text"
                                                    name="company"
                                                    placeholder="{{__('payments.company_name')}}"
                                                    class="form-control co-name"
                                                    data-parsley-group="step-2"
                                                    data-parsley-required="false"
                                                    value=""
                                                />
                                            </div>
                                        </div>
                                        <input type="hidden" name="membership_id" value="{{$membership_id}}" />
                                    @endif
                                <!-- end form-group -->
                                    @if($shipping)
                                    <!-- begin form-group -->
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">
                                                {{__('payments.shipping_same')}}
                                                <i class="fas fa-question-circle" data-toggle="tooltip" data-placement="top" data-title="{{__('payments.shipping_tooltip')}}"></i>
                                            </label>
                                            <div class="col-lg-9 col-xl-6" style="padding-top:7px">
                                                <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                                    <label>
                                                        <input id="shipping-switch" type="checkbox"><span></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- end form-group -->
                                    @endif
                                </div>
                                <!-- end col-6 -->
                                <div class="col-xl-6">
                                    <!-- begin form-group -->
                                    <div class="form-group row m-b-10">
                                        <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.address')}} <span class="text-danger">*</span></label>
                                        <div class="col-lg-9 col-xl-6">
                                            <input
                                                type="text"
                                                name="billing[address]"
                                                placeholder="{{__('payments.address')}}"
                                                data-parsley-group="step-2"
                                                data-parsley-required="true"
                                                class="form-control"
                                                value="{{$address}}"
                                            />
                                        </div>
                                    </div>
                                    <!-- end form-group -->
                                    <!-- begin form-group -->
                                    <div class="form-group row m-b-10">
                                        <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.city')}} <span class="text-danger">*</span></label>
                                        <div class="col-lg-9 col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <input
                                                        type="text"
                                                        name="billing[city]"
                                                        placeholder="{{__('payments.city')}}"
                                                        data-parsley-group="step-2"
                                                        data-parsley-required="true"
                                                        class="form-control"
                                                        value="{{$city}}"
                                                    />
                                                </div>
                                                <label class="col-lg-2 text-lg-right col-form-label">{{__('payments.zip')}} <!-- <span class="text-danger">*</span>--></label>
                                                <div class="col-md-4">
                                                    <input
                                                        id="billing-zip"
                                                        type="text"
                                                        name="billing[zip]"
                                                        placeholder="{{__('payments.zip')}}"
                                                        data-parsley-group="step-2"
                                                        data-parsley-required="false"
                                                        class="form-control"
                                                        value="{{$zip}}"
                                                    />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- end form-group -->
                                    <!-- begin form-group -->
                                    <div class="form-group row m-b-10">
                                        <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.county')}}</label>
                                        <div class="col-lg-9 col-xl-6">
                                            <input
                                                type="text"
                                                name="billing[county]"
                                                placeholder="{{__('payments.county')}}"
                                                class="form-control"
                                                value="{{$state}}"
                                            />
                                        </div>
                                    </div>
                                    <!-- end form-group -->
                                    <!-- begin form-group -->
                                    <div class="form-group row m-b-10">
                                        <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.country')}} <span class="text-danger">*</span></label>
                                        <div class="col-lg-9 col-xl-6">
                                            <select id="billing-country" name="billing[country]" data-parsley-group="step-2" data-parsley-required="true" class="form-control" >
                                                @foreach($countries->get() as $countr)
                                                    <option value="{{$countr->name}}" @if($country == $countr->name) selected @endif data-code="{{$countr->code}}">{{$countr->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <!-- end form-group -->
                                    @if(!auth()->check()())
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">
                                                {{__('payments.sign_me_up')}}
                                                <i class="fas fa-question-circle" data-toggle="tooltip" data-placement="top" data-title="{{__('payments.signup_tooltip')}}"></i>
                                            </label>
                                            <div class="col-lg-9 col-xl-6" style="padding-top:7px">
                                                <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                                    <label>
                                                        @php
                                                            $checked = '';
                                                            $disabled = '';
                                                            if(/*$guest_registration_mandatory*/false){
                                                                $checked = 'checked';
                                                                $disabled = 'disabled';
                                                            }
                                                        @endphp
                                                        <input id="sign-me-up" type="checkbox" {{$checked}} {{$disabled}}><span></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="sign-me-up-container" style="{{$c = $checked != '' ? 'display:block' : 'display:none'}}">
                                            <!-- begin form-group -->
                                            <div id="pwd-default-container" class="form-group row m-b-10">
                                                <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.password')}} <span class="text-danger">*</span></label>
                                                <div class="col-lg-9 col-xl-6">
                                                    <input
                                                        id="pwstrength-default"
                                                        type="password"
                                                        name="password"
                                                        placeholder="{{__('payments.password')}}"
                                                        data-parsley-group="step-2"
                                                        data-parsley-required="true"
                                                        class="form-control"
                                                    />
                                                    <div class="row align-items-center" style="margin-top: 5px;">
                                                        <div class="col-md-6">
                                                            <div id="pwstrength-default-text" class="text-muted f-w-600 f-s-11"></div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div id="pwstrength-default-progress" class="pwstrength-progress"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- end form-group -->
                                            <!-- begin form-group -->
                                            <div class="form-group row m-b-10">
                                                <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.confirm_password')}} <span class="text-danger">*</span></label>
                                                <div class="col-lg-9 col-xl-6">
                                                    <input
                                                        type="password"
                                                        name="password_confirm"
                                                        placeholder="{{__('payments.confirm_password')}}"
                                                        data-parsley-group="step-2"
                                                        data-parsley-required="true"
                                                        data-parsley-equalto="#pwstrength-default"
                                                        class="form-control"
                                                    />
                                                    <div id="pw-match-info"></div>
                                                </div>
                                            </div>
                                            <!-- end form-group -->
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <!-- end row -->
                        @if($shipping)
                            <!-- begin row -->
                                <div id="shipping-info" class="row">
                                    <legend class="no-border f-w-700 p-b-0 m-l-20 f-s-16 text-inverse">{{__('payments.shipping_info')}}</legend>
                                    <!-- begin col-6 -->
                                    <div class="col-xl-6">
                                        <!-- begin form-group -->
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.first_name')}} <span class="text-danger">*</span></label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input
                                                    type="text"
                                                    name="shipping[first_name]"
                                                    placeholder="{{__('payments.first_name')}}"
                                                    data-parsley-group="step-2"
                                                    data-parsley-required="true"
                                                    class="form-control"
                                                    value="{{$first_name}}"
                                                />
                                            </div>
                                        </div>
                                        <!-- end form-group -->
                                        <!-- begin form-group -->
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.last_name')}} <span class="text-danger">*</span></label>
                                            <div class="col-lg-9 col-xl-6">
                                                @if($company_admin)
                                                    <input
                                                        type="hidden"
                                                        name="shipping[last_name]"
                                                        data-parsley-group="step-2"
                                                        data-parsley-required="true"
                                                        class="form-control"
                                                        value="  "
                                                    />
                                                @else
                                                    <input
                                                        type="text"
                                                        name="shipping[last_name]"
                                                        placeholder="{{__('payments.last_name')}}"
                                                        data-parsley-group="step-2"
                                                        data-parsley-required="true"
                                                        class="form-control"
                                                        value="{{$last_name}}"
                                                    />
                                                @endif
                                            </div>
                                        </div>
                                        <!-- end form-group -->
                                        <!-- begin form-group -->
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.email')}} <span class="text-danger">*</span></label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input
                                                    type="email"
                                                    name="shipping[email]"
                                                    placeholder="{{__('payments.email')}}"
                                                    data-parsley-group="step-2"
                                                    data-parsley-required="true"
                                                    class="form-control"
                                                    value="{{$email}}"
                                                />
                                            </div>
                                        </div>
                                        <!-- end form-group -->
                                        <!-- begin form-group -->
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.phone')}}</label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input
                                                    type="text"
                                                    name="shipping[phone]"
                                                    placeholder="{{__('payments.phone')}}"
                                                    class="form-control"
                                                    value="{{$phone}}"
                                                />
                                            </div>
                                        </div>
                                        <!-- end form-group -->
                                    </div>
                                    <!-- end col-6 -->
                                    <div class="col-xl-6">
                                        <!-- begin form-group -->
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.address')}} <span class="text-danger">*</span></label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input
                                                    type="text"
                                                    name="shipping[address]"
                                                    placeholder="{{__('payments.address')}}"
                                                    data-parsley-group="step-2"
                                                    data-parsley-required="true"
                                                    class="form-control"
                                                    value="{{$address}}"
                                                />
                                            </div>
                                        </div>
                                        <!-- end form-group -->
                                        <!-- begin form-group -->
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.city')}} <span class="text-danger">*</span></label>
                                            <div class="col-lg-9 col-xl-6">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <input
                                                            type="text"
                                                            name="shipping[city]"
                                                            placeholder="{{__('payments.city')}}"
                                                            data-parsley-group="step-2"
                                                            data-parsley-required="true"
                                                            class="form-control"
                                                            value="{{$city}}"
                                                        />
                                                    </div>
                                                    <label class="col-lg-2 text-lg-right col-form-label">{{__('payments.zip')}} <span class="text-danger">*</span></label>
                                                    <div class="col-md-4">
                                                        <input
                                                            type="text"
                                                            name="shipping[zip]"
                                                            placeholder="{{__('payments.zip')}}"
                                                            data-parsley-group="step-2"
                                                            data-parsley-required="true"
                                                            class="form-control"
                                                            value="{{$zip}}"
                                                        />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- end form-group -->
                                        <!-- begin form-group -->
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.county')}}</label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input
                                                    type="text"
                                                    name="shipping[county]"
                                                    placeholder="{{__('payments.county')}}"
                                                    class="form-control"
                                                    value="{{$state}}"
                                                />
                                            </div>
                                        </div>
                                        <!-- end form-group -->
                                        <!-- begin form-group -->
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">{{__('payments.country')}} <span class="text-danger">*</span></label>
                                            <div class="col-lg-9 col-xl-6">
                                                <select name="shipping[country]" data-parsley-group="step-2" data-parsley-required="true" class="form-control" >
                                                    @foreach($countries as $countr)
                                                        <option value="{{$countr->name}}" @if($country == $countr->name) selected @endif>{{$countr->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <!-- end form-group -->
                                    </div>
                                </div>
                                <!-- end row -->
                            @endif
                        </fieldset>
                        <!-- end fieldset -->
                    </div>
                    <!-- end step-2 -->
                    <!-- begin step-3 -->
                    @if(!$approval OR ($approval && $free_of_charge))
                        <div id="step-3">
                            <!-- begin fieldset -->
                            <fieldset>
                                <!-- begin row -->
                                <div class="row">
                                    <!-- begin col-8 -->
                                    <div class="col-xl-8 offset-xl-2">
                                        <div id="payment-method-container" class="bw-paymentgateways-contain">
                                            @if(!$free_of_charge)
                                                {!!Modules::run_with_params('payments/ajax/get_gateway',['l0@dD3f@u1t'])!!}
                                            @else
                                                {!!Modules::run_with_params('payments/ajax/get_gateway',['fr33ofch@r63'])!!}
                                            @endif
                                        </div>
                                    </div>
                                    <!-- end col-8 -->
                                </div>
                                <!-- end row -->
                            </fieldset>
                            <!-- end fieldset -->
                        </div>
                    @endif
                <!-- end step-3 -->
                    <!-- begin step-4 -->
                    @if($approval)
                        <div id="step-4">
                            <div class="jumbotron m-b-0 text-center be-payments-infofinalpage">
                                @if(setting('payments_approval_message'))
                                    {!! setting('payments_approval_message') !!}
                                @else
                                    <h2 class="display-4">{{__('payments.thank_you')}}</h2>
                                    <p class="lead mb-4">{{__('payments.free_order_success')}}</p>
                                    <p>{{__('payments.reviewing_application')}}</p>
                                    <p>{{__('payments.membership_application_emailed')}}</p>
                                @endif

                                @if(auth()->check()())
                                    @if(setting('payments_checkout_member_redirect_link'))
                                        <p><a  href="{{setting('payments_checkout_member_redirect_link')}}" class="btn btn-2 btn-booksuccess btn-payments-bw" >{{setting('payments_checkout_member_redirect_link')}}</a></p>
                                    @else
                                        <p><a  href="{{url('cp/billing?tab=orders')}}" class="btn btn-2 btn-book btn-payments-bw" ><i class="fas fa-user-alt"></i> Go To Dashboard</a></p>
                                    @endif
                                @else
                                    @if(setting('payments_checkout_guest_redirect_link'))
                                        <p><a href="{{setting('payments_checkout_guest_redirect_link')}}" class="btn btn-2 btn-booksuccess btn-payments-bw" >{{setting('payments_checkout_guest_redirect_link')}}</a></p>
                                    @else
                                        <p><a href="{{url('')}}" class="btn btn-2 btn-book btn-payments-bw home-btn" ><i class="fas fa-home"></i> Home </a></p>
                                    @endif
                                @endif
                            </div>
                        </div>
                    @else
                        <div id="step-4">
                            <div class="jumbotron m-b-0 text-center be-payments-infofinalpage">
                                @if(setting('payments_thank_you_message'))
                                    {!! setting('payments_thank_you_message') !!}
                                @else
                                    <h2 class="display-5">{{__('payments.thank_you')}}</h2>
                                    @if($free_of_charge)
                                        <p class="lead mb-4">{{__('payments.free_order_success')}}</p>
                                        <p class="lead mb-4">{{__('payments.free_order_success_checkemail')}}</p>
                                    @else
                                        <p class="lead mb-4">{{__('payments.order_success')}}</p>
                                        <p class="lead mb-4">{{__('payments.order_success_checkemail')}}</p>
                                    @endif
                                    <p><span id="total-paid-text">{{__('payments.total_paid')}}</span>: <b><span id="total-paid"></span></b></p>
                                    <p>{{__('payments.tx_id')}}:<b><span id="tx-id"></span></b></p>
                                    @if(module_exists('credit_wallet'))
                                        <p><span id="credit-balance"></span></p>
                                    @endif
                                @endif

                                @if(auth()->check()())
                                    @if(setting('payments_checkout_member_redirect_link'))
                                        <p><a href="{{setting('payments_checkout_member_redirect_link')}}" class="btn btn-2 btn-booksuccess btn-payments-bw" >{{setting('payments_checkout_member_redirect_link')}}</a></p>
                                    @else
                                        <p><a id="invoice-view" href="#" class="btn btn-2 btn-booksuccess btn-payments-bw" target="_blank"><i class="far fa-eye"></i> View Invoice</a></p>
                                        <p><a  href="{{url('cp/billing?tab=orders')}}" class="btn btn-2 btn-book btn-payments-bw" ><i class="fas fa-user-alt"></i> Go To Dashboard</a></p>
                                    @endif
                                @else
                                    @if(setting('payments_checkout_guest_redirect_link'))
                                        <p><a href="{{setting('payments_checkout_guest_redirect_link')}}" class="btn btn-2 btn-booksuccess btn-payments-bw" >{{setting('payments_checkout_guest_redirect_link')}}</a></p>
                                    @else
                                        <p><a href="{{url('')}}" class="btn btn-2 btn-book btn-payments-bw home-btn" ><i class="fas fa-home"></i> Home </a></p>
                                @endif
                            @endif
                            <!--
								<a id="download-invoice" href="#" class="btn btn-md btn-success" style="display:none" download><i class="far fa-cloud-download-alt animated infinite flash" style="animation-duration:1.6s"></i> Download PDF</a>
								<a id="print-invoice" href="#" class="btn btn-md btn-warning"><i class="far fa-file-pdf"></i> Generate PDF</a>
								-->
                            </div>
                        </div>
                @endif
                <!-- end step-4 -->
                </div>
                <!-- end wizard-content -->
            </div>
            <!-- end wizard -->
        </form>
    </div>
    @push('custom-js')
        <script type="text/javascript">
            var approval = {{$approval ? 1 : 0}};
            var module = '{{$module}}';
            var free_of_charge = {{$free_of_charge ? 1 : 0}};
            var guest = {{!auth()->check()() ? 1 : 0}};
        </script>
        <script src="{{url('assets/plugins/parsley/dist/parsley.js')}}"></script>
        <script src="{{url('assets/plugins/smartwizard/dist/js/jquery.smartWizard.js')}}"></script>
        <script src="{{url('assets/plugins/pwstrength-bootstrap/dist/pwstrength-bootstrap.min.js')}}"></script>
        <script src="{{url('modules/payments/assets/js/cart.js')}}"></script>
        <script src="{{url('modules/payments/assets/js/checkout.js')}}"></script>
        <script>
            $(document).ready(function(){
                var timeout = false;
                @if($settings->payments_checkout_auto_redirect != NULL && $settings->payments_checkout_auto_redirect === '1' && $settings->payments_checkout_auto_redirect_timeout != NULL)
                    timeout = '{{$settings->payments_checkout_auto_redirect_timeout}}';
                @endif
                var disabledSteps = 'all';
                @if(count($items) > 0)
                    disabledSteps = [];
                @endif
                handleWizardsValidation('{{__('payments.previous')}}', '{{__('payments.next')}}', '{{__('payments.submit')}}', '{{__('payments.order_completed')}}', timeout, disabledSteps);
                handleQtyControl();
                handleFormPasswordIndicator();
            });
        </script>
    @endpush
@endsection