@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"></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="" >Registration for IoT Workshops
        </p>
         
    </div>
</section>

<section class="workshop-section">

    <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('/registeriot') }}" 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" autocomplete="off" 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"><strong>Workshop Location</strong><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="Tirupathi, AP">Tirupathi, AP</option>
                                <option value="Amravati">Amravati</option>
                                <option value="Bhilai">Bhilai</option>
                                <option value="Hyderabad">Hyderabad</option>
                                <option value="West Godavri, AP">West Godavri, AP</option>
                                <option value="Hoshiarpur">Hoshiarpur</option>
                                <option value="Manipur">Manipur</option>
                            </select>
                        </div>
                    </div>
                     <div class="col-lg-5 col-sm-5 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: 600;">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>
                                <input id="amount" name="amount" class="form-control input-md" autocomplete="off" type="text" style="float: right"  value="2000" readonly>
                                
                            </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-primary" 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>

@include('includes.footer')

<script language="javascript">
    populateCountries("country", "state");
    populateCountries("country2");
</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.checkEmailForIoT') }}",
                        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');
            }
        });




//-------------------------------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.checkLocationIoT') }}",
                    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>

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