@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: url({{ url('images/internship.jpeg') }}); 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="" >Internship Registration form--}}
        {{--</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;">
	<span style="font-weight:600">Internship at Bennett University is offered free of cost. The fees charged is for Workshop / Hostel. </span> <br> <br>


        <form action="{{ url('/registerintern') }}" 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="organisation">Institute / Organization<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="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 class="col-sm-6">
                            <div class="form-group">
                                <label class="control-label" for="altemail">Alternate Email </label><span class="required"> *</span>
                                <input id="altemail" name="altemail" class="form-control input-md" type="email" value="{{ old('altemail') }}">
                                @if ($errors->has('altemail'))
                                    <small class="error">{{ $errors->first('altemail') }}</small>
                                @endif
                                <span id="error_altemail"></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">Your Contact No.<span class="required">*</span></label>
                            <input id="mobile" name="mobile" class="form-control input-md" type="text" maxlength="10" value="{{ old('mobile') }}">
                            <small>OTP has been sent on your mobile and first email.</small>
                            @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="parentmobile">OTP<span class="required">*</span></label>
                            <input id="otp" name="otp" class="form-control input-md" type="text" maxlength="10" value="{{ old('otp') }}" required>
                            @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-3">
                            <div class="form-group">
                                <label class="control-label" for="percentage_plus_two">Percentage of marks in 10+2<span class="required">*</span></label>
                                <input id="percentage_plus_two" name="percentage_plus_two" class="form-control input-md" type="text" autocomplete="off" value="{{ old('percentage_plus_two') }}" maxlength="5">

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

                                @endif
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="control-label" for="percentage_ug">Aggregate % or CGPA in UG program</label>
                                <input id="percentage_ug" name="percentage_ug" class="form-control input-md" type="text" value="{{ old('percentage_ug') }}" maxlength="5">
                                @if ($errors->has('percentage_ug'))
                                    <small class="error">{{ $errors->first('percentage_ug') }}</small>

                                @endif
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="control-label" for="current_course">Current Course / Program of study<span class="required">*</span></label>
                                <input id="current_course" name="current_course" class="form-control input-md" type="text" autocomplete="off" value="{{ old('current_course') }}">
                                @if ($errors->has('current_course'))
                                    <small class="error">{{ $errors->first('current_course') }}</small>
                                @endif
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="control-label" for="current_sem">Current Semester<span class="required">*</span></label>
                                <input id="current_sem" name="current_sem" class="form-control input-md" autocomplete="off" type="text" value="{{ old('current_sem') }}">
                                @if ($errors->has('current_sem'))
                                    <small class="error">{{ $errors->first('current_sem') }}</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="address">Address<span class="required">*</span></label>
                            <textarea id="address" name="address" class="form-control input-md" type="text" value="{{ old('address') }}" style="resize: none"></textarea>
                            @if ($errors->has('address'))
                                <small class="error">{{ $errors->first('address') }}</small>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label" for="mobile">Skill / Strength<span class="required">*</span></label>

                            <div class="">
                                <input name="skill_python" class="" id="skill_python" value="Python" type="checkbox"  >
                                <label for="skill_python">Python</label>
                                &nbsp;&nbsp;&nbsp;
                                <input name="skill_java" class="" id="skill_java" value="Java" type="checkbox" >
                                <label for="skill_java">Java</label>
                                &nbsp;&nbsp;&nbsp;
                                <input name="skill_cpp" class="" id="skill_cpp" value="Python" type="checkbox" >
                                <label for="skill_cpp">C / C++</label>
                                &nbsp;&nbsp;&nbsp;
                                <input name="skill_robotic" class="" id="skill_robotic" value="Java" type="checkbox" checked="checked">
                                <label for="skill_robotic">Robotic / Hardware</label>
                            </div>
                            <div class="">
                                <input name="skill_other" class="" id="skill_other" value="Other" type="checkbox">
                                <label for="skill_other" >Other</label>

                                <input id="other_skill" name="other_skill" class="form-control input-md col-md-8" autocomplete="off" type="text" value="{{ old('other_skill') }}" style="float:right" disabled placeholder="Check other to active">
                            </div>

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

                            @endif
                            <span id="error_other_skill"></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="locality">Why you want to join Internship @ BU ? <br>
                                    Any Current skill/ strenght that can provide you an extra edge in internship (Max 100 words).<span class="required">*</span></label>
                                <textarea id="reason" name="reason" class="form-control input-md" type="text" value="{{ old('reason') }}" style="resize: none"></textarea>
                                @if ($errors->has('reason'))
                                    <small class="error">{{ $errors->first('reason') }}</small>
                                @endif
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="control-label" for="country">Internship Slot<span class="required">*</span></label>
                                <br style="margin-bottom: 25px;">
                                <select id="internship_slot" name ="internship_slot" class="form-control input-md" value="">
                                    <option value="">Select Slot</option>
                                    <!--<option value="Slot 1 - 7th Dec to 02nd January 2018 ">Slot 1 [ 7th Dec, 2018 to 02nd Jan, 2019 ] </option>-->
                                    <option value="Slot 2 - 27th May to 21st June 2019">Slot 2 [ 27th May, 2019 to 21st Jun, 2019] </option>
                                    <option value="Slot 2 - 24th June to 19th July 2019">Slot 3 [ 24th Jun, 2019 to 19th Jul, 2019] </option>
                                </select>
                                <small>Slot 1 - Last date for online payment 15th November, 2018<br>
                                 Slot 2 - Last date for online payment 31st March, 2019 <br>
                                 Slot 3 - Last Date for online payment 30th April, 2019</small>
                                @if ($errors->has('internship_slot'))
                                    <small class="error">{{ $errors->first('internship_slot') }}</small>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                <hr>

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

                    <div class="col-sm-6">

                        <div class="form-group">
                            <label class="control-label">Do you want Hostel accommodation @ BU ?<sup class="required">*</sup> </label>
                            <div class="row">
                                <div class="col-sm-6">
                                    <input name="hostel" class="" id="hostel_yes" required="required" value="Yes" type="radio" checked="checked">
                                    <label for="hostel_yes" >Yes</label>
                                    <br>
                                    <small> (Hostel fee + Workshop fee )</small>
                                </div>
                                <div class="col-sm-6">
                                    <input name="hostel" class="" id="hostel_no" required="required" value="No" type="radio" >
                                    <label for="hostel_no">No</label>
                                    <br>
                                    <small> (Only Workshop fee )</small>
                                </div>
                                <div class="col-sm-12">
                                <br>
                                	<label class="control-label" >( Those who have the background knowledge of Machine Learning, have done some certification in this domain and are not willing to attend our workshop may directly contact @ <strong> madhushi.verma@bennett.edu.in </strong> )</label >
                                </div>
                                <input type="hidden" name="amount" value="" id="amount"/>

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

                    <div class="col-lg-3 col-sm-3 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;">Internship 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">0</small>
                            </div>


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


            <hr>
                <div class="col-sm-12 text-left padding0">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="control-label" for="parentmobile">Parent / Guardian Contact No.<span class="required">*</span></label>
                                <input id="parentmobile" name="parentmobile" class="form-control input-md" type="text"   value="{{ old('parentmobile') }}">
                                @if ($errors->has('parentmobile'))
                                    <small class="error">{{ $errors->first('parentmobile') }}</small>

                                @endif
                                <span id="error_parentmobile"></span>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="control-label" for="parentname">Parent / Guardian Name<span class="required">*</span></label>
                                <input id="parentname" name="parentname" class="form-control input-md" type="text"  value="{{ old('parentname') }}">
                                @if ($errors->has('parentname'))
                                    <small class="error">{{ $errors->first('parentname') }}</small>

                                @endif
                                <span id="error_parentname"></span>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="control-label" for="parentemail">Parent / Guardian Email<span class="required">*</span></label>
                                <input id="parentemail" name="parentemail" class="form-control input-md" type="email"   value="{{ old('parentemail') }}">
                                @if ($errors->has('parentemail'))
                                    <small class="error">{{ $errors->first('parentemail') }}</small>

                                @endif
                                <span id="error_parentemail"></span>
                            </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>
    $(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(res[0]);

                }
            })
        /*})*/

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

        })
</script>

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

                    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.checkEmailForInternship') }}",
                        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() {

//        $('#skill_other').click( function(){
//            $('#other_skill').removeAttr('disabled');
//        });
        $('input:checkbox[name="skill_other"]').change(function() {
            if ($(this).is(':checked') ) {
                $('#other_skill').removeAttr('disabled');
            }
            else{
                $('#other_skill').val('');
                $('#other_skill').attr('disabled', 'disabled');
            }
        });

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

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

                                $('#totalfee').html(res[0]);


                                $('#afterdiscount').html(res[1]);
                                $('#amount').val(res[0]);
                                $('#error_coupon').html('<label class="text-success" style="font-weight: 600"></label>');
                            }
                        })
                    }
                    else
                    if ($(this).val() == 'Yes')
                    {
                        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]);
                                $('#amount').val(res[0]);
                                $('#afterdiscount').html(res[0]);

                            }
                        })
                    }

                }

            });
    });

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