@extends(getTemplate('public'))
    @section('content')
        @push('custom-css')
            <link rel="stylesheet" href="{{asset('assets/core/plugins/pwdstrength/src/passtrength.css')}}" media="screen" title="no title">
            <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/payments/assets/css/checkout.css')}}" rel="stylesheet" />
        @endpush
        <div class="checkout-content module-top-fixed">
            <form id="checkout" action="{{url('payments/process')}}" class="checkout-main-container needs-validation" method="post" name="checkout-form" enctype="multipart/form-data" novalidate>
                @csrf
                <div class="row checkout-mainrow">
                    <div class="col-lg-6 col-md-4 col-sm-12 checkout-nopadding">
                        @if($checkout['module'] === 'Store')
                            @include('payments.components.cart')
                        @else
                            @include('payments.components.'.$checkout['module'].'-items')
                        @endif
                    </div>
                    <div class="col-lg-6 col-md-8 col-sm-12 checkout-col-2">
                        @include('payments.components.billing-details')
                        @include('payments.components.password-fields')
                        @includeWhen($checkout['shipping'], 'payments.components.shipping-details')
                        @if(count($checkout['gateways']) > 1)
                            @include('payments.components.payment-gateways')
                        @else
                            @includeWhen($checkout['process'] === 'payment' && $checkout['gateway'] === 'Stripe', 'payments.components.gateways.stripe')
                            @includeWhen($checkout['process'] === 'payment' && $checkout['gateway'] === 'Cash', 'payments.components.gateways.cash')
                        @endif
                        @includeWhen($checkout['process'] === 'free', 'payments.components.free-of-charge')
                    </div>
                </div>
            </form>
        </div>
        @push('custom-js')
            <script type="text/javascript">
                let approval = {{$checkout['approval'] ? 1 : 0}};
                let module = '{{request('module')}}';
                let free_of_charge = {{$checkout['free_of_charge'] ? 1 : 0}};
                let guest = {{!auth()->user() ? 1 : 0}};
            </script>
            <script src="{{url('assets/core/plugins/clipboard/clipboard.js')}}"></script>
            <script src="{{asset('assets/core/plugins/pwdstrength/src/jquery.passtrength.js')}}"></script>
            <script src="{{url('assets/core/payments/assets/js/cart.js')}}"></script>
            <script src="{{url('assets/core/payments/assets/js/checkout.js')}}"></script>
            <script>
                $(document).ready(function(){
                    let timeout = false;
                    @if(setting('payments_checkout_auto_redirect') && setting('payments_checkout_auto_redirect_timeout'))
                        timeout = '{{setting('payments_checkout_auto_redirect_timeout')}}';
                    @endif
                    //handleQtyControl();
                   handleFormPasswordIndicator();
                   getTestCard();
                });
            </script>
        @endpush
    @endsection