@include('includes.header')

<script src="{{  url('js/country.js')  }}"></script>
{{--<section class="partheight" style="">
    <div id="particles-js"></div>
</section>--}}



<section style="background: #007bff;height: 80px;">

</section>

<section class="checkout-section">


    <div class="container padding0 " style="padding: 0 5px;">
        <div class="col-lg-12 padding0 text-center" style="padding: 20px 0;">
            <div class="col-xs-6 padding0 text-center" style="">
                <span class="h4" style="font-weight: 600">Confirm Details</span>

            </div>
        </div>

        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0" style="padding: 10px;background: #fff;">
            <div class="row padding0" style="padding: 0;margin: 0;">
                <div class="col-lg-12 padding0">
                    <span class="h5" style="font-weight: 600;color: #545454"> My Registered Details</span>
                    <hr style="background: #d3d3d3;">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0">
                    <div class="row" style="margin: 0">

                        <div class="col col-md-2 padding0" style="font-weight: 600;">Full Name</div>
                        <div class="col col-md-10 padding0">   </div>
                    </div>
                    <div class="row" style="margin: 0">

                        <div class="col col-md-2 padding0" style="font-weight: 600;">Email</div>
                        <div class="col col-md-10 padding0">   </div>
                    </div>
                    <div class="row" style="margin: 0">

                        <div class="col col-md-2 padding0" style="font-weight: 600;">Mobile</div>
                        <div class="col col-md-10 padding0">   </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0" style="padding: 10px;background: #fff;margin-top: 20px;">
            <div class="row padding0" style="padding: 0;margin: 0;">
                <div class="col-lg-12 padding0">
                    <span class="h5" style="font-weight: 600;color: #545454">Payment Details</span>
                    <hr style="background: #d3d3d3;">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0">
                    <div class="row" style="margin: 0">

                        <div class="col col-md-2 padding0" style="font-weight: 600;">Amount</div>
                        <div class="col col-md-10 padding0">   </div>
                    </div>
                    <div class="row" style="margin: 0">

                        <div class="col col-md-2 padding0" style="font-weight: 600;">Payment for</div>
                        <div class="col col-md-10 padding0">   </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0 text-right" style="padding: 30px 10px;background: #fff;margin-top: 20px; ">
            <div class="row padding0" style="padding: 0;margin: 0;">
                {{--<div class="col-lg-12 padding0">
                    <span class="h5" style="font-weight: 600;color: #545454">Payment Details</span>
                    <hr style="background: #d3d3d3;">
                </div>--}}

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0">

                    <div class="row" style="margin: 0;text-align: right">

                        {{--<form action="{{ url('/loginme') }}" method="post" class="form-horizontal">--}}
                        <form method="post" name="payuForm" action="https://secure.payu.in/_payment">
                           {{-- <form method="post" name="payuForm" action="https://test.payu.in/_payment">--}}




                            <input name="key" type="hidden" value="" />
                            <input type="hidden" name="hash" value=""/>
                            <input name="txnid" type="hidden"  value="" />
                            <input name="amount" type="hidden" value="" />
                            <input name="firstname" id="firstname" type="hidden" value=""/>
                            <input name="email" id="email"  type="hidden"  value=''>
                            <input name="phone" type="hidden" value="">
                            <input name="productinfo" type="hidden" value="">
                            <input name="surl" type="hidden" value="{{ url('/success') }}" size="64" />
                            <input name="furl" type="hidden" value="{{ url('/failure') }}" size="64" />
                            <input type="hidden" name="_token" value = "{{ csrf_token() }}" />

                                                            <div class="container text-right padding0">
                                    <button id="register" name="register" class="btn btn-primary" style="margin: auto">Make Payment</button>
                                </div>
                           

                                <div class="container text-right padding0">
                                    <button id="register" name="register" class="btn btn-primary" style="margin: auto">Make Payment</button>
                                </div>


                            {{ csrf_field() }}

                        </form>
                    </div>
                </div>
            </div>
        </div>






    </div>
</section>

@include('includes.footer')


<script>
    var count_particles, stats, update;
    stats = new Stats;
    stats.setMode(0);
    stats.domElement.style.position = 'absolute';
    stats.domElement.style.left = '0px';
    stats.domElement.style.top = '0px';
    document.body.appendChild(stats.domElement);
    count_particles = document.querySelector('.js-count-particles');
    update = function() {
        stats.begin();
        stats.end();
        if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
            count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
        }
        requestAnimationFrame(update);
    };
    requestAnimationFrame(update);
</script>


<script src="{{  url('js/paper.min.js')  }}"></script>
<script src="{{  url('js/bootstrap.min.js')  }}"></script>
</body>
</html>