@extends('themes.public.'.setting('active_public_theme').'.layouts.default')
@section('content')
    <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">
                <ul class="nav">
                    <li>
                        <a class="nav-link" href="#step-1">
                            <span class="number">1</span>
                            <span class="info">
                                {{__('payments.cart')}}
                                <small>{{__('payments.order_items')}}</small>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a class="nav-link" href="#step-2">
                            <span class="number">2</span>
                            <span class="info">
                                @if(/*$shipping*/false)
                                {{__('payments.billing_and_shipping_info')}}
                                <small>{{__('payments.billing_and_shipping_details')}}</small>
                                @else
                                    {{__('payments.billing_info')}}
                                    <small>{{__('payments.billing_details')}}</small>
                                @endif
                            </span>
                        </a>
                    </li>
                    <li>
                        <a class="nav-link" href="#step-3">
                            <span class="number">3</span>
                            <span class="info">
                                {{__('payments.payment_methods')}}
                                <small>{{__('payments.payment_method_details_menu')}}</small>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a class="nav-link" href="#step-4">
                            <span class="number">4</span>
                            <span class="info">
								{{__('payments.order_processing')}}
								<small>{{__('payments.order_details')}}</small>
							</span>
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div id="step-1" class="tab-pane" role="tabpanel">
                        @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(setting($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)
                                                        @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(setting($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' && !setting($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>
                    <div id="step-2" class="tab-pane" role="tabpanel">
                        <!-- 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*/false ? __('payments.company') : __('core.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*/false) readonly @endif
                                            />
                                        </div>
                                    </div>
                                    <!-- end form-group -->
                                    <!-- begin form-group -->
                                    @if(/*$company_admin*/false)
                                        <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">{{__('core.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="{{__('core.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">{{__('core.email')}} <span class="text-danger">*</span></label>
                                        <div class="col-lg-9 col-xl-6">
                                            <input
                                                id="billingEmailAddress"
                                                type="email"
                                                name="billing[email]"
                                                placeholder="{{__('core.email')}}"
                                                data-parsley-group="step-2"
                                                data-parsley-required="true"
                                                class="form-control"
                                                value="{{/*$email*/''}}"
                                                @if(/*$order_id*/false) readonly @endif
                                            />
                                            <div class="alert alert-default text-center checkout-login-1 login-prompt" style="display:none">
                                                <i class="fa fa-question-circle"></i> {{__('core.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> {{__('core.login_proceed')}}
                                                </a>
                                            </div>
                                        </div>
                                        @if(/*!auth()->check()() && !$order_id*/false)
                                            <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> {{__('core.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">{{__('core.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">{{__('core.password')}}:</label>
                                                                <input id="q-pass" name="q_pass" type="password" class="form-control" required />
                                                            </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">{{__('core.cancel')}}</button>
                                                            <a id="q-submit" type="submit" class="btn btn-2 btn-booksuccess text-white">{{__('core.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">{{__('core.phone')}}</label>
                                        <div class="col-lg-9 col-xl-6">
                                            <input
                                                type="text"
                                                name="billing[phone]"
                                                placeholder="{{__('core.phone')}}"
                                                class="form-control"
                                                value="{{/*$phone*/''}}"
                                            />
                                        </div>
                                    </div>
                                    @if(/*$module === 'booking_memberships' && !auth()->user()*/false)
                                        <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">{{__('core.company_name')}}</label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input
                                                    type="text"
                                                    name="company"
                                                    placeholder="{{__('core.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*/'0'}}" />
                                    @endif
                                <!-- end form-group -->
                                    @if(/*$shipping*/false)
                                    <!-- begin form-group -->
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label">
                                                {{__('core.shipping_same')}}
                                                <i class="fas fa-question-circle" data-toggle="tooltip" data-placement="top" data-title="{{__('core.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">{{__('core.address')}} <span class="text-danger">*</span></label>
                                        <div class="col-lg-9 col-xl-6">
                                            <input
                                                type="text"
                                                name="billing[address]"
                                                placeholder="{{__('core.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">{{__('core.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="{{__('core.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">{{__('core.zip')}} <!-- <span class="text-danger">*</span>--></label>
                                                <div class="col-md-4">
                                                    <input
                                                        id="billing-zip"
                                                        type="text"
                                                        name="billing[zip]"
                                                        placeholder="{{__('core.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">{{__('core.county')}}</label>
                                        <div class="col-lg-9 col-xl-6">
                                            <input
                                                type="text"
                                                name="billing[county]"
                                                placeholder="{{__('core.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">{{__('core.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(\App\Models\Country::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()->user())
                                        <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">{{__('auth.password')}} <span class="text-danger">*</span></label>
                                                <div class="col-lg-9 col-xl-6">
                                                    <input
                                                        id="pwstrength-default"
                                                        type="password"
                                                        name="password"
                                                        placeholder="{{__('auth.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">{{__('auth.confirm_password')}} <span class="text-danger">*</span></label>
                                                <div class="col-lg-9 col-xl-6">
                                                    <input
                                                        type="password"
                                                        name="password_confirm"
                                                        placeholder="{{__('auth.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*/false)
                            <!-- 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">{{__('core.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">{{__('core.last_name')}} <span class="text-danger">*</span></label>
                                            <div class="col-lg-9 col-xl-6">
                                                @if(/*$company_admin*/false)
                                                    <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="{{__('core.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">{{__('core.email')}} <span class="text-danger">*</span></label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input
                                                    type="email"
                                                    name="shipping[email]"
                                                    placeholder="{{__('core.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">{{__('core.phone')}}</label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input
                                                    type="text"
                                                    name="shipping[phone]"
                                                    placeholder="{{__('core.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">{{__('core.address')}} <span class="text-danger">*</span></label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input
                                                    type="text"
                                                    name="shipping[address]"
                                                    placeholder="{{__('core.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">{{__('core.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="{{__('core.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">{{__('core.zip')}} <span class="text-danger">*</span></label>
                                                    <div class="col-md-4">
                                                        <input
                                                            type="text"
                                                            name="shipping[zip]"
                                                            placeholder="{{__('core.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">{{__('core.county')}}</label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input
                                                    type="text"
                                                    name="shipping[county]"
                                                    placeholder="{{__('core.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">{{__('core.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(\App\Models\Country::get() 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>
                    <div id="step-3" class="tab-pane" role="tabpanel">
                        <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">
                                        <div class="note note-primary stripe">
                                            <div class="note-icon"><i class="fab fa-cc-stripe"></i></div>
                                            <div class="note-content">
                                                <span class="load close pull-right tool" data-toggle="tooltip" data-placement="top" data-title="