@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"> {{ $data['name'] }}   </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">{{ $data['email'] }}   </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">{{ $data['mobile'] }}   </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">{{ $data['amount'] }}   </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">MemberShip   </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card card-default">
 
    <div class="card-body text-center">
        <form action="{{ route('razorpay') }}" method="post">
            @csrf 
            <input type="hidden" name="name" value="{{ $data['name'] }}">
            <input type="hidden" name="email" value="{{ $data['email'] }}">
            <input type="hidden" name="amount" value="{{ $data['amount'] }}">
            <script src="https://checkout.razorpay.com/v1/checkout.js"
                    data-key="{{ env('RAZORPAY_KEY') }}"
                    data-amount="{{ $data['amount']*100 }}"
                    data-buttontext="Pay {{ $data['amount'] }} INR"
                    data-name="Leading India"
                    data-description="Membership Payment"
                    data-image="/images/logo-icon.png"
                    data-prefill.name="{{ $data['name'] }}"
                    data-prefill.email="{{ $data['email'] }}"
                    data-theme.color="#ff7529">
            </script>
        </form>
    </div>
</div>
    </div>
</section>