@include('includes.header')

<script src="{{  url('js/country.js')  }}"></script>
<script>
    $(window).bind("pageshow", function() {
        // update hidden input field
    });
</script>
<section class="partheight" style="">
    <div id="particles-js" style="; background-size: 100% 150%;"></div>
</section>

<div id='loadingDiv' style='display:none;'>

</div>
<section id="common-title" style="">
    <div class="container">
        <p class="animated zoomInDown associate-title-font" style="" >LeadingIndia Payment
        </p>
        <!--<hr style="padding: 0;margin: 0;background: rgba(255,255,255,0.6)">-->
    </div>
</section>

<section class="workshop-section">

    <div class="container padding0 " style="padding: 0 5px;">


        <form action="{{ url('/leadingindiapayment') }}" method="post" class="form-horizontal" onsubmit="return confirm('Please confirm All Details');">

            @if(!empty($errors->first()))
                <div class="row col-lg-12">
                    <div class="alert alert-danger">
                        <span>{{ $errors->first() }}</span>
                    </div>
                </div>
            @endif
            <input type="hidden" name="_token" value = "{{ csrf_token() }}" />
            <div class="col-sm-12 text-left padding0">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label" for="fullname">Full Name<span class="required">*</span></label>
                            <input id="fullname" name="fullname" class="form-control input-md" type="text" value="{{ old('fullname') }}">
                            @if ($errors->has('fullname'))
                                <small class="error">{{ $errors->first('fullname') }}</small>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label" for="email">Email <span class="required">*</span></label>
                            <input id="email" name="email" class="form-control input-md" type="email" value="{{ old('email') }}">
                            <span id="error_email"></span>
                            @if ($errors->has('email'))
                                <small class="error">{{ $errors->first('email') }}</small>
                            @endif
                            <span id="error_email"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 text-left padding0">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label" for="mobile">Mobile No.<span class="required">*</span></label>
                            <input id="mobile" name="mobile" class="form-control input-md" type="text" maxlength="10" value="{{ old('mobile') }}">

                            @if ($errors->has('mobile'))
                                <small class="error">{{ $errors->first('mobile') }}</small>

                            @endif
                            <span id="error_mobile"></span>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label" for="otp">OTP<span class="required">*</span></label>
                            <input id="otp" name="otp" class="form-control input-md" type="text" maxlength="10" value="{{ old('otp') }}" required>
                            <small style="color:#808080;">OTP has been sent on your mobile and email.</small>
                            @if ($errors->has('otp'))
                                <small class="error">{{ $errors->first('otp') }}</small>

                            @endif
                            <span id="error_otp"></span>
                        </div>
                    </div>
                </div>
            </div>


                <div class="col-sm-12 text-left padding0">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="control-label" for="purpose">Purpose of Payment<span class="required">*</span></label>
                                <input id="purpose" name="purpose" class="form-control input-md" type="text" autocomplete="off" value="{{ old('purpose') }}"  >

                                @if ($errors->has('purpose'))
                                    <small class="error">{{ $errors->first('purpose') }}</small>

                                @endif
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="control-label" for="amount">Enter Amount<span class="required">*</span></label>
                                <input id="amount" name="amount" class="form-control input-md" type="text" value="{{ old('amount') }}" maxlength="5">
                                @if ($errors->has('amount'))
                                    <small class="error">{{ $errors->first('amount') }}</small>

                                @endif
                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-sm-12 text-left padding0">
                    <div class="row">

                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="control-label" for="current_course"> </label>
                                <div class="container text-left padding0 text-center">
                                    <!---------------this line is false--------------------------------------->
                                  <!--   <button id="register" name="" class="btn btn-primary col-12" style="" disabled>Register</button>-->
                                      <!---------------this line is commented--------------------------------------->
                                      
                                   <!-- <button id="register" name="register" class="btn btn-primary col-12" style="" >Register</button>-->
                                </div>
                            </div>
                        </div>

                    </div>
                </div>


            {{ csrf_field() }}

        </form>


    </div>
    <div class="modal fade location-popup" id="getCodeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="">
        <div class="modal-dialog modal-lg ">
            <div class="modal-content" style="border: none;">
                <div class="modal-header">

                    <h5 class="modal-title" id="myModalLabel"> Seat Avaibility </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body" id="getCode" style="min-height: 100px;">

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

@include('includes.footer')



<script>
    $(document).ready(function(){

        //--------------------Get Fee------------------------------------------------
       /* $('#dob').click( function(){*/

            var _token = $('input[name="_token"]').val();
            $.ajax({
                url: "{{ route('login_controller.internFee') }}",
                method: "POST",
                data: {_token: _token},
                success: function (result) {
                    var res= jQuery.parseJSON(result);

                    $('#totalfee').html(res[0]);
                    $('#afterdiscount').html(res[0]);
                    $('#amount').val(5000);

                }
            })
        /*})*/

        //--------------------Get Fee------------------------------------------------

        })
</script>

<script>
    $(document).ready(function(){
        $('#mobile').blur(function(){
            var error_email = '';
            var email = $('#email').val();
            var mobile = $('#mobile').val();

            var valid = 0;
            var _token = $('input[name="_token"]').val();
            var mobile_filter = /^[0-9-+]+$/;

            var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            if(!filter.test(email))
            {
                $('#error_email').html('<label class="text-danger">Invalid Email</label>');
                $('#email').addClass('has-error');
                $('#register').attr('disabled', 'disabled');

            }
            else{


                if(mobile == "" || mobile.length <10)
                {
                    $('#error_mobile').html('<label class="text-danger"> Invalid Mobile no.</label>');
                    $('#mobile').addClass('has-error');
                    $('#register').attr('disabled', 'disabled');

                    valid =2;
                    exit();
                }
                else{
                    $('#error_mobile').html('<label class="text-danger"></label>');
                    $('#mobile').removeClass('has-error');
                    $('#register').removeAttr('disabled');
                }

                if(valid ==0){
                    $('#loadingDiv').show();
                    //alert('All ok');
                    $.ajax({

                        url:"{{ route('login_controller.checkEmailForcommonpayment') }}",
                        method : "POST",
                        data : {email:email, alt_email:"", mobile:mobile, _token:_token},
                        success : function(result){
                            if(result == 'unique'){

                                $('#error_email').html('<label class="text-success">Email Available </label>');
                                $('#email').removeClass('has-error');
                                $('#register').removeAttr('disabled');
                                $('#loadingDiv').hide();
                                alert('Please Check your mail Inbox.');
                                $('#otp').focus();
                            }
                            else{
                                $('#error_email').html('<label class="text-danger">Email Already Register</label>');
                                $('#email').addClass('has-error');
                                $('#loadingDiv').hide();
                                $('#register').attr('disabled', 'disabled');

                            }
                        }
                    })
                }

                else if(valid ==2){
                    $('#error_mobile').html('<label class="text-danger"> Invalid Mobile no.</label>');
                    $('#mobile').addClass('has-error');
                    $('#register').attr('disabled', 'disabled');
                    $('#altemail').val('');
                }
                else{
                    location.reload();
                }
            }
        })

    });
</script>



<script>
    $(document).ready(function(){
        $('#otp').on('keyup', function(){

            // Don't exactly know what to do here //

            var otp = $(this).val();
            var email = $('#email').val();
            var _token = $('input[name="_token"]').val();

            if(otp.length  == 4){
                /*alert(otp);*/
                $.ajax({
                    url:"{{ route('login_controller.verifyOtp') }}",
                    method : "POST",
                    data : {otp:otp,email:email, _token:_token},
                    success : function(result){
                        if(result == 'success'){
                            /*$("#otpverification").text("success");*/
                            /*
                            $('#otp').attr('disabled', 'disabled');*/

                            alert("OTP has been Verified");
                            $('#dob').focus();
                            /*$('#error_email').html('<label class="text-success">Email Available </label>');
                            $('#email').removeClass('has-error');*/
                        }
                        else{
                            alert("Wrong OTP");
                            $('#otp').val('');
                           /* $('#error_email').html('<label class="text-danger">Email Already Register</label>');
                            $('#email').addClass('has-error');*/
                        }
                    }
                })
            }
        });

    });

</script>



<script>

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

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

        });

    });


</script>
<script src="{{  url('js/particles.js')  }}"></script>
<script src="{{  url('js/app.js')  }}"></script>

<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>

    $(document).ready(function(){
        $('#global-nav').css('background','rgba(0,0,0,0.3)');
        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>