@include('includes.header')


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

</section>

<section class="checkout-section">


    <div class="container padding0 " style="padding: 10px 5px 10px 5px;">
        <div class="col-lg-12 padding0 " style="padding: 20px 10px;background: #fff;border-bottom: 2px solid #333;">
            <div class="col-xs-6 padding0 " style="">
                <span class="h4">Dashboard</span>

            </div>
            <div class="col-xs-6 padding0 " style="">


                                 @if(session('response'))
                                     <div class="alert alert-success">
                                         {{ session('response') }}
                                     </div>
                            @endif

            </div>
        </div>

        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0" style="padding: 10px;background: #fff;padding: 20px 10px 50px 10px;">
            <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 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;">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 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;">Txn. Id</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;">Status</div>
                        <div class="col col-md-10 padding0 text-danger " style="font-weight: 700;">Pending</div>

                        <div class="col padding0" style="margin-top: 10px;">
                            <a href="paynow"><button class="btn btn-success" > Pay Now</button></a>

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








    </div>
    <div class="container padding0 " style="padding: 10px 5px 50px 5px;">


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

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


                        No any Success Refer
                </div>
            </div>
        </div>








    </div>
</section>

@include('includes.footer')







<script>

    $(document).ready(function(){
        var scrollTop = 0;
        var widthWindow = 0;
        $(window).scroll(function(){
            scrollTop = $(window).scrollTop();
            $('.counter').html(scrollTop);

            if (scrollTop >= 10) {
                widthWindow = $(window).width();
                if(widthWindow >=768){
                    $('#global-nav').addClass('scrolled-nav');
                }

            } else if (scrollTop < 40) {
                $('#global-nav').removeClass('scrolled-nav');
            }

        });

    });


</script>

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