@extends('masterpage')

@section('newpagecontent')

<script src="{{  url('js/country.js')  }}"></script>
<script>
    $(window).bind("pageshow", function() {
        // update hidden input field
    });
</script>
 

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

</div>
 
<section class="inner_header_back ">
        <div class="container pb-5 text-center padding-b-20">
            <div class="col-12 p-0 text-ali-left">
                <p class="animated zoomInDown h3 inner-banner-text" style=" " > Registration for<br>Workshop on Advanced Deep Learning<br>
                    
                </p>
            </div>
             
            <!--<div class="col-12 mt-5-sm-3 p-0 text-ali-left">
                <p class="para">To check your payment status or make payment</p>
            </div>-->

        </div>
    </section>

<section class="workshop-section" style="padding-top:50px; padding-bottom:120px;">

    <div class="container padding0 " style="padding: 0 5px;">
       {{-- <form action="{{ url('/loginme') }}" method="post" class="form-horizontal">


            <input type="text" name="username" />
            <input type="text" name="password" />
            <input type="submit" name="login" value="Login"/>
        </form>--}}


        <form action="{{ url('/registerme') }}" method="post" class="form-horizontal" onsubmit="return confirm('Please confirm Final Amount to be Paid');">
            {{--<div class="col-sm-12 text-left padding0">
                <div class="row">
                    <div class="col-sm-6">
                        @if(count($errors) > 0)
                            @foreach($errors->all() as $error)
                                <div class="alert alert-danger">
                                    {{ $error }}
                                </div>
                            @endforeach
                        @endif

                        @if(session('response'))
                                <div class="alert alert-success">
                                    {{ session('response') }}
                                </div>
                            @endif
                    </div>
                </div>
            </div>--}}
            @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="designation">Designation<span class="required">*</span></label>
                            <input id="designation" name="designation" class="form-control input-md" type="text" value="{{ old('designation') }}">
                            @if ($errors->has('designation'))
                                <small class="error">{{ $errors->first('designation') }}</small>
                            @endif
                        </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="qualification">Qualification<span class="required">*</span></label>
                            <input id="qualification" name="qualification" class="form-control input-md"  type="text" value="{{ old('qualification') }}">
                            @if ($errors->has('qualification'))
                                <small class="error">{{ $errors->first('qualification') }}</small>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label" for="organisation">Organization / University / College<span class="required">*</span></label>
                            <input id="organisation" name="organisation" class="form-control input-md"  type="text" value="{{ old('organisation') }}">
                            @if ($errors->has('organisation'))
                                <small class="error">{{ $errors->first('organisation') }}</small>
                            @endif
                        </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="country">Select Country<span class="required">*</span></label>
                            <select id="country" name ="country" class="form-control input-md" value="{{ old('country') }}"></select>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label" for="state">Select State<span class="required">*</span></label>
                            <select id="state" name ="state" class="form-control input-md" value="{{ old('state') }}"></select>
                        </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="locality">Locality / City<span class="required">*</span></label>
                            <input id="locality" name="locality" class="form-control input-md" type="text" value="{{ old('locality') }}">
                            @if ($errors->has('locality'))
                                <small class="error">{{ $errors->first('locality') }}</small>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label" for="mobile">Mobile<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>
            </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="email">Email <span class="required">*</span></label>
                            <input id="email" name="email" class="form-control input-md" type="email" value="{{ old('email') }}">
                            <small>OTP has been sent on your mobile and first email.</small> <span id="error_email"></span>

                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label" for="email">Alternate Email </label><span class="required"> *</span>
                            <input id="altemail" name="altemail" class="form-control input-md" type="email" value="{{ old('altemail') }}">
                            <span id="error_altemail"></span>

                        </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="otp">OTP<span class="required">*</span> [ Check your email for OTP ]</label>
                            <input id="otp" name="otp" class="form-control input-md" type="text" autocomplete="off" value="{{ old('otp') }}" required>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="control-label" for="dob">DOB </label>
                            <input id="dob" name="dob" class="form-control input-md" type="text" placeholder="DD/MM/YYYY" value="{{ old('dob') }}">
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="control-label" for="password">Password<span class="required">*</span></label>
                            <input id="password" name="password" class="form-control input-md" type="password" autocomplete="off" value="{{ old('password') }}">
                            @if ($errors->has('password'))
                                <small class="error">{{ $errors->first('password') }}</small>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="control-label" for="c_password">Confirm Password<span class="required">*</span></label>
                            <input id="c_password" name="c_password" class="form-control input-md" autocomplete="off" type="password" value="{{ old('c_password') }}">
                            @if ($errors->has('c_password'))
                                <small class="error">{{ $errors->first('c_password') }}</small>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div class="col-sm-12 col-xs-12 text-left padding0">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="country"><span style="font-weight:500">Workshop Location</span><span class="required">*</span></label>
                            <select id="workshop_location" name ="workshop_location" class="form-control input-md" value="">
                                <option value="">Select City</option>
                                <option value="frcrce">Fr. CRCE, Mumbai</option>
                                
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-2 col-xs-6">

                        <div class="form-group">
                            <label class="control-label"><span style="font-weight:500">Are you</span><br> IEEE Member? <sup class="required">*</sup> </label>
                            <div class="">
                                <input name="ieee_member" class="" id="ieee_member_yes" required="required" value="Yes" type="radio">
                                <label for="ieee_member_yes">Yes</label>
                                &nbsp;&nbsp;&nbsp;
                                <input name="ieee_member" class="" id="ieee_member_no" required="required" value="No" type="radio" checked="checked">
                                <label for="ieee_member_no">No</label>
                            </div>
                        </div>


                    </div>
                    <div class="col-sm-2  col-xs-6">
                        <div class="form-group">
                            <label class="control-label"> <br>ACM  Member? <sup class="required">*</sup> </label>
                            <div class="">
                                <input name="acm_member" class="" id="acm_member_yes" required="required" value="Yes" type="radio">
                                <label for="acm_member_yes">Yes</label>
                                &nbsp;&nbsp;&nbsp;
                                <input name="acm_member" class="" id="acm_member_no" required="required" value="No" type="radio" checked="checked">
                                <label for="acm_member_no">No</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="form-group">
                            <label class="control-label"> <br> CSI  Member? <sup class="required">*</sup> </label>
                            <div class="">
                                <input name="csi_member" class="" id="csi_member_yes" required="required" value="Yes"  type="radio">
                                <label for="csi_member_yes">Yes</label>
                                &nbsp;&nbsp;&nbsp;
                                <input name="csi_member" class="" id="csi_member_no" required="required" value="No" type="radio" checked="checked">
                                <label for="csi_member_no" >No</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="form-group">
                            <label class="control-label"> <br> Student? <sup class="required">*</sup> </label>
                            <div class="">
                                <input name="student" class="" id="student_yes" required="required" value="Yes"  type="radio">
                                <label for="student_yes">Yes</label>
                                &nbsp;&nbsp;&nbsp;
                                <input name="student" class="" id="student_no" required="required" value="No" type="radio" checked="checked">
                                <label for="student_no">No</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4"></div>
                    <div class="col-sm-6">
                        <small>You need to produce the proof of membership at the time of workshop. </small>
                    </div>
                </div>
            </div>

            <hr>
            <div class="col-lg-12 col-sm-12 col-xs-12 text-left padding0">
                <div class="row">
                    <div class="col-sm-4 padding0">
                        <div class="row" style="margin: 0">
                            <div class="col-sm-11">
                                <div class="form-group">
                                    <label class="control-label" for="email" style="font-weight: 500;">Enter your voucher code here, If any<span class="required"></span></label>
                                    <div class="row">
                                        <div class="col-9">
                                            <input id="coupon" name="coupon" class="form-control input-md col-sm-12" style="float: left;text-transform:uppercase" type="text" maxlength="12" value="{{ old('coupon') }}">
                                        </div>
                                        <div class="col-3">
                                            <input type="button" id="couponbtn" name="couponbtn" class="btn btn-info  " style="float: right;border-radius: 0" value="Check"/>
                                        </div>
                                    </div>
                                    <br><br>
                                    <span id="error_coupon"></span> <br>
                                    <small class="control-label">Enter 12 character voucher code</small>
                                    <br>
                                    <small>Voucher code available only for Collaborator, Zonal leads and Basic Partner Institutions.
                                         For getting the code contact your SPOC for leadingindia.ai </small> <span id="error_coupon"></span>

                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="email" style="font-weight:500;">Enter Referral Code here, If any<span class="required"></span></label>
                            <input id="referal" name="referal" maxlength="8" class="form-control input-md" type="text" autocomplete="off" value="{{ old('referal') }}">
                            <small class="control-label">Enter 8 character Referral Code</small>
                        </div>
                    </div>
                    <div class="col-lg-1 col-sm-1 col-xs-12 ">
                    </div>
                    <div class="col-lg-3 col-sm-3 col-xs-12 ">
                        <div class="form-group">
                            <label class="control-label" for="email" style="font-weight: 500;">Workshop Fee Details<span class="required"></span></label>
                            <hr style="margin: 0">

                            <div class="col-sm-12 padding0" style=" ">
                                <small class="control-label">Total Fee :</small>
                                <small class="control-label" style="float: right" id="totalfee">1000</small>
                            </div>
                            <div class="col-sm-12 padding0" style=" ">
                                <small class="control-label">Voucher/Member/Referral Discount :</small>
                                <small class="control-label" style="float: right" id="vouchordiscount">0</small>
                            </div>
                            <div class="col-sm-12 padding0" style=" ">
                                <small class="control-label" style="font-weight: 500;">GST : </small>
                                <small style="float: right"> %</small><small class="control-label" style="float: right" id="gst">0</small>
                            </div>
                            <div class="col-sm-12" style="padding-right: 0">
                                <hr>
                                <div class="col-sm-12 padding0" style=" ">
                                    <small class="control-label">Final Amount:</small>
                                    <small class="control-label" style="float: right" id="afterdiscount">10000</small>
                                </div>
                            </div>

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

            <hr>
           {{-- <input type="hidden" name="otpverification" value="" id="otpverification">--}}

            <div class="row">

                <div class="container text-left padding0 text-center">
                    <button id="register" name="register" class="btn btn-info" style="">Register</button>
                </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>
 

<script language="javascript">
    populateCountries("country", "state");
    populateCountries("country2");
</script>

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

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

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

                    $('#totalfee').html(res[0]);
                    $('#gst').html(res[1]);
                    $('#vouchordiscount').html(res[2]);
                    $('#afterdiscount').html(res[3]);

                }
            })
        /*})*/

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

        })
</script>
<script>
    $(document).ready(function(){
        $('#altemail').blur(function(){
            var error_email = '';
            var email = $('#email').val();
            var mobile = $('#mobile').val();
            var alt_email = $('#altmobile').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');
                $('#altemail').val('');
            }
            else{

                if(!filter.test($('#altemail').val()))
                {
                    $('#error_altemail').html('<label class="text-danger"> Alt. Email is Invalid</label>');
                    $('#altemail').addClass('has-error');
                    $('#register').attr('disabled', 'disabled');
                    valid =1;
                }
                else{
                    $('#error_altemail').html('<label class="text-danger"></label>');
                    $('#altemail').removeClass('has-error');
                    $('#register').removeAttr('disabled');
                }

                if(mobile == "" || mobile.length <10)
                {

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

                if(valid ==0){
                    $('#loadingDiv').show();
                    $.ajax({

                        url:"{{ route('login_controller.checkEmail') }}",
                        method : "POST",
                        data : {email:email, alt_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');
                                $('#altemail').val('');
                            }
                        }
                    })
                }
                else if(valid ==1){
                    $('#error_altemail').html('<label class="text-danger"> Alt. Email is Invalid</label>');
                    $('#altemail').addClass('has-error');
                    $('#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() {
        if($("#coupon").val() != ""){
            $('#referal').attr('disabled', 'disabled');
        }
        else if($("#referal").val() != ""){
            $('#coupon').attr('disabled', 'disabled');
        }

        $("#coupon").focus(function() {
            $('#referal').attr('disabled', 'disabled');
            //return false;
        });

        $('#coupon').blur(function() {
            if (!$(this).val()) {

                $('#referal').removeAttr('disabled');
            }
        });

        $("#referal").focus(function() {
            $('#coupon').attr('disabled', 'disabled');
            $('#couponbtn').attr('disabled', 'disabled');
            //return false;
        });

        $('#referal').blur(function() {
            if (!$(this).val()) {

                $('#coupon').removeAttr('disabled');
                $('#couponbtn').removeAttr('disabled');
            }
        });


        $('#referal').on('keyup', function(){
            var referal = $(this).val();
            var _token = $('input[name="_token"]').val();

            if(referal.length  == 8){
                /*alert(referal);*/
                $.ajax({
                    url:"{{ route('login_controller.verifyReferal') }}",
                    method : "POST",
                    data : {referal_code:referal, _token:_token},
                    success : function(result){
                        if(result == 'valid'){

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

                                    $('#totalfee').html(res[0]);
                                    $('#gst').html(res[1]);
                                    $('#vouchordiscount').html(res[2]);

                                    $('#afterdiscount').html(res[3]);

                                }
                            })

                        }
                        else{
                            alert("Invalid Referal Code");
                            $('#referal').val('');

                        }
                    }
                })
            }
        });

//-------------------------------Coupon Code------------------------------------
        $('#couponbtn').click( function(){
            var coupon = $('#coupon').val();
            var _token = $('input[name="_token"]').val();
            if( coupon =="" || coupon.length !=12)
            {
                $('#error_coupon').html('<label class="text-danger" style="font-weight: 600"> Invalid Coupon</label>');
            }
            else{
                $('#loadingDiv').show(0,500000);
                $.ajax({
                    url:"{{ route('login_controller.checkCoupon') }}",
                    method : "POST",
                    data : {coupon:coupon, _token:_token},
                    success : function(result){
                        if(result == 'invalid'){
                            $('#error_coupon').html('<label class="text-danger" style="font-weight: 600"> Invalid Coupon</label>');
                            $('#loadingDiv').hide();
                        }
                        else{

                            $('#error_coupon').html('<label class="text-success" style="font-weight: 600"> Coupon Applied </label>');


                            /*$('#coupon').prop("readonly", true);*/
                           /* $('#couponbtn').attr('disabled', 'disabled');*/
                            var res= jQuery.parseJSON(result);

                            $('#totalfee').html(res[0]);
                            $('#vouchordiscount').html(res[1]);
                            $('#gst').html(res[2]);
                            $('#afterdiscount').html(res[3]);


                            $('#loadingDiv').hide();

                        }
                    }
                })
            }

        });



            $('input:radio[name="ieee_member"]').change(
                function(){
                    if ($(this).is(':checked') ) {

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

                                $('#totalfee').html(res[0]);
                                $('#gst').html(res[1]);
                                $('#vouchordiscount').html(res[2]);
                                $('#afterdiscount').html(res[3]);

                                $('#referal').val('');
                                $('#coupon').val('');
                                $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');

                            }
                        })
                    }
                    else{
                            if($('#acm_member_yes').is(':checked') || $('#csi_member_yes').is(':checked') || $('#student_yes').is(':checked') ){

                                $('#referal').val('');
                                $('#coupon').val('');
                                $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');
                            }
                            else {
                                var _token = $('input[name="_token"]').val();
                                $.ajax({
                                    url: "{{ route('login_controller.workshopFee') }}",
                                    method: "POST",
                                    data: {_token: _token},
                                    success: function (result) {
                                        var res= jQuery.parseJSON(result);

                                        $('#totalfee').html(res[0]);
                                        $('#gst').html(res[1]);
                                        $('#vouchordiscount').html(res[2]);
                                        $('#afterdiscount').html(res[3]);
                                        $('#referal').val('');
                                        $('#coupon').val('');
                                        $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');
                                    }
                                })
                            }
                        }

                    }

                });

            $('input:radio[name="acm_member"]').change(
                function(){
                    if ($(this).is(':checked') ) {

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

                                $('#totalfee').html(res[0]);
                                $('#gst').html(res[1]);
                                $('#vouchordiscount').html(res[2]);

                                $('#afterdiscount').html(res[3]);
                                $('#referal').val('');
                                $('#coupon').val('');
                                $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');
                            }
                        })
                    }
                    else{
                            if($('#ieee_member_yes').is(':checked') || $('#csi_member_yes').is(':checked')  || $('#student_yes').is(':checked')){

                                $('#referal').val('');
                                $('#coupon').val('');
                                $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');
                            }
                            else {

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

                                        $('#totalfee').html(res[0]);
                                        $('#gst').html(res[1]);
                                        $('#vouchordiscount').html(res[2]);
                                        $('#afterdiscount').html(res[3]);
                                        $('#referal').val('');
                                        $('#coupon').val('');
                                        $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');
                                    }
                                })
                            }
                        }

                    }

                });

            $('input:radio[name="csi_member"]').change(
                function(){
                    if ($(this).is(':checked') ) {

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

                                $('#totalfee').html(res[0]);
                                $('#gst').html(res[1]);
                                $('#vouchordiscount').html(res[2]);

                                $('#afterdiscount').html(res[3]);
                                $('#referal').val('');
                                $('#coupon').val('');
                                $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');
                            }
                        })
                    }
                    else{
                            if($('#acm_member_yes').is(':checked') || $('#ieee_member_yes').is(':checked') || $('#student_yes').is(':checked') ){

                                $('#referal').val('');
                                $('#coupon').val('');
                                $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');
                            }
                            else {
                                var _token = $('input[name="_token"]').val();

                            $.ajax({
                                url: "{{ route('login_controller.workshopFee') }}",
                                method: "POST",
                                data: {_token: _token},
                                success: function (result) {
                                    var res= jQuery.parseJSON(result);

                                    $('#totalfee').html(res[0]);
                                    $('#gst').html(res[1]);
                                    $('#vouchordiscount').html(res[2]);
                                    $('#afterdiscount').html(res[3]);
                                    $('#referal').val('');
                                    $('#coupon').val('');
                                    $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');
                                }
                            })
                            }
                        }

                    }

                });

            $('input:radio[name="student"]').change(
                function(){
                    if ($(this).is(':checked') ) {

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

                                $('#totalfee').html(res[0]);
                                $('#gst').html(res[1]);
                                $('#vouchordiscount').html(res[2]);

                                $('#afterdiscount').html(res[3]);
                                $('#referal').val('');
                                $('#coupon').val('');
                                $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');
                            }
                        })
                    }
                    else{
                            if($('#acm_member_yes').is(':checked') || $('#ieee_member_yes').is(':checked')  || $('#csi_member_yes').is(':checked') ){

                                $('#referal').val('');
                                $('#coupon').val('');
                                $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');
                            }
                            else {
                                var _token = $('input[name="_token"]').val();
                                $.ajax({
                                    url: "{{ route('login_controller.workshopFee') }}",
                                    method: "POST",
                                    data: {_token: _token},
                                    success: function (result) {
                                        var res= jQuery.parseJSON(result);

                                        $('#totalfee').html(res[0]);
                                        $('#gst').html(res[1]);
                                        $('#vouchordiscount').html(res[2]);
                                        $('#afterdiscount').html(res[3]);
                                        $('#referal').val('');
                                        $('#coupon').val('');
                                        $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');
                                    }
                                })
                            }

                        }

                    }

                });



//-------------------------------End Coupon Code------------------------------------

        $('#workshop_location').change( function(){


           /* alert($('#workshop_location').val());*/
            var workshop_location = $(this).val();
            var _token = $('input[name="_token"]').val();
                /*alert(otp);*/
                $.ajax({
                    url:"{{ route('login_controller.checkLocation') }}",
                    method : "POST",
                    data : {workshop_location:workshop_location, _token:_token},
                    success : function(result){
                        if(result == 'invalid'){
                            $("#getCodeModal").modal("toggle");
                            $("#getCode").html("Invalid Location");
                           //alert("Invalid Location")
                        }
                        else{

                            /*$("#getCodeModal").modal("toggle");
                            $("#getCode").html(result);
                            alert(result);*/
                            
                            
                            
                            var msg = "All Seats Reserved for "+workshop_location+" Location";
                            //alert(msg);

                            $("#getCodeModal").modal("toggle");
                            $("#getCode").html(result);
                            if(result == msg)
                            {
                                $('#register').attr('disabled', 'disabled');

                            }
                            else{
                                $('#register').removeAttr('disabled');
                            }
                            /*alert(result);*/

                        

                        }
                    }
                })

        });


    });

</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(){
        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>


@endsection