@include('includes.header')

<script src="{{  url('js/country.js')  }}"></script>
<script>
    $(window).bind("pageshow", function() {
        // update hidden input field
    });
</script>
<section class="resheight" style="background:#007BFF" >
    <div id="particles-js" style="background: url({{ url('images/internship-banner.png') }}); background-size: 100% 100%;"></div>
</section>

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

</div>

<section class="workshop-section">

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

       <form action="{{ url('/registerdreamBuddy') }}" 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 first 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="alt_mobile">Alt. Contact No.<span class="required">*</span></label>
                            <input id="alt_mobile" name="alt_mobile" class="form-control input-md" type="text" maxlength="10" value="{{ old('alt_mobile') }}">

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

                            @endif
                            <span id="error_alt_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="otp">OTP<span class="required">*</span></label>
                            <input id="otp" name="otp" class="form-control input-md" type="text" maxlength="10" value="{{ old('otp') }}" required>
                            @if ($errors->has('otp'))
                                <small class="error">{{ $errors->first('otp') }}</small>

                            @endif
                            <span id="error_otp"></span>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label" for="address">Address<span class="required">*</span></label>
                            <input type="text" id="address" name="address" class="form-control input-md" type="text" maxlength="100" value="{{ old('address') }}" style=" resize: none;" row="1">

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

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

                </div>
            </div>

                <hr>
                <div class="col-sm-12 text-left padding0">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="about_your_self">1. Write About yourself<span class="required">*</span></label>
                                <textarea id="about_your_self" name="about_your_self" class="form-control input-md" style=" resize: none;" onkeyup="limitcounter('#about_your_self', '#wordCount', '.about_your_self_warning',500)">{{{ old('about_your_self') }}} </textarea>
                                    <small style="font-size: 0.7em">Min. 100 words and Max. 500 words regarding your education and ambitions</small>
                                 <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCount" >0</span>/500</small>
                                @if ($errors->has('about_your_self'))
                                    <small class="error">{{ $errors->first('about_your_self') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="about_your_self_warning" class="about_your_self_warning"></small>
                            </div>
                        </div>


                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="idea_statement">2. Write your Idea Statement about the Product/service/start-up that you plan to hatch.<span class="required">*</span></label>
                                <textarea id="idea_statement" name="idea_statement" class="form-control input-md" type="text"  style=" resize: none;" onkeyup="limitcounter('#idea_statement', '#wordCountidea_statement', '.idea_statement',350)"> {{ old('idea_statement') }}</textarea>
                                <small style="font-size: 0.7em">Min. 150 words and Max. 350 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCountidea_statement" >0</span>/350</small>
                                @if ($errors->has('idea_statement'))
                                    <small class="error">{{ $errors->first('idea_statement') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="idea_statement" class="idea_statement"></small>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="address">3. How is the problem being addressed in today’s world? That means how the users/customers are handling that problem currently.<span class="required">*</span></label>
                                <textarea id="problem_addresses" name="problem_addresses" class="form-control input-md" type="text" style=" resize: none;" onkeyup="limitcounter('#problem_addresses', '#wordCountproblem_addresses', '.problem_addresses',350)"> {{ old('problem_addresses') }}</textarea>
                                <small style="font-size: 0.7em">Min. 150 words and Max. 350 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCountproblem_addresses" >0</span>/350</small>
                                @if ($errors->has('problem_addresses'))
                                    <small class="error">{{ $errors->first('problem_addresses') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="problem_addresses" class="problem_addresses"></small>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="describe_idea">4. Describe how your Idea/Innovation solves the problem.<span class="required">*</span></label>
                                <textarea id="describe_idea" name="describe_idea" class="form-control input-md" type="text"  style=" resize: none;" onkeyup="limitcounter('#describe_idea', '#wordCount_describe_idea', '.describe_idea',500)">{{ old('describe_idea') }}</textarea>
                                <small style="font-size: 0.7em">Min. 100 words and Max. 500 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCount_describe_idea" >0</span>/500</small>
                                @if ($errors->has('describe_idea'))
                                    <small class="error">{{ $errors->first('describe_idea') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="describe_idea" class="describe_idea"></small>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="potential_customer">5. Which needs of the potential customer / target user you are fulfilling, due to which experiences of the potential users are being enhanced (It should also include the reason, why you have selected this idea)<span class="required">*</span></label>
                                <textarea id="potential_customer" name="potential_customer" class="form-control input-md" type="text" style=" resize: none;" onkeyup="limitcounter('#potential_customer', '#wordCount1', '.potential_customer_warning',350)">{{ old('potential_customer') }}</textarea>
                                <small style="font-size: 0.7em">Min. 150 words and Max. 350 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCount1" >0</span>/350</small>
                                @if ($errors->has('potential_customer'))
                                    <small class="error">{{ $errors->first('potential_customer') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="potential_customer_warning" class="potential_customer_warning"></small>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="stakeholders">6. Who are the Stakeholders / Collaborators of this idea?<span class="required">*</span></label>
                                <textarea id="stakeholders" name="stakeholders" class="form-control input-md" type="text"  style=" resize: none;" onkeyup="limitcounter('#stakeholders', '#wordCountstakeholders', '.stakeholders',200)">{{ old('stakeholders') }}</textarea>
                                <small style="font-size: 0.7em">Min. 100 words and Max. 200 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCountstakeholders" >0</span>/200</small>
                                @if ($errors->has('stakeholders'))
                                    <small class="error">{{ $errors->first('stakeholders') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="stakeholders" class="stakeholders"></small>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="qualification_of_team">7. Give the details of the profile / qualification of the team / collaborator / investor / advisor (If Any).</label>
                                <textarea id="qualification_of_team" name="qualification_of_team" class="form-control input-md" type="text" style=" resize: none;" onkeyup="limitcounter('#qualification_of_team', '#wordCountqualification_of_team', '.qualification_of_team',350)">{{ old('qualification_of_team') }}</textarea>
                                <small style="font-size: 0.7em">Min. 150 words and Max. 350 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCountqualification_of_team" >0</span>/500</small>
                                @if ($errors->has('qualification_of_team'))
                                    <small class="error">{{ $errors->first('qualification_of_team') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="qualification_of_team" class="qualification_of_team"></small>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="what_resources">8. What resources (Working space, Money, Infrastructure, Equipment) and capabilities (Technical, Non-technical, Managerial) are required to make this idea a success? <span class="required">*</span></label>
                                <textarea id="what_resources" name="what_resources" class="form-control input-md" type="text"  style=" resize: none;" onkeyup="limitcounter('#what_resources', '#wordCountwhat_resources', '.what_resources',350)">{{ old('what_resources') }}</textarea>
                                <small style="font-size: 0.7em">Min. 150 words and Max. 350 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCountwhat_resources" >0</span>/350</small>
                                @if ($errors->has('what_resources'))
                                    <small class="error">{{ $errors->first('what_resources') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="what_resources" class="what_resources"></small>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="demographic_profile">9. Create a demographic profile (Age, Region, Paying capacity, Gender, Culture of the potential users) for the potential users / customers / buyers of your idea / product / service.<span class="required">*</span></label>
                                <textarea id="demographic_profile" name="demographic_profile" class="form-control input-md" type="text" style=" resize: none;" onkeyup="limitcounter('#demographic_profile', '#wordCountdemographic_profile', '.demographic_profile',350)">{{ old('demographic_profile') }}</textarea>
                                <small style="font-size: 0.7em">Min. 150 words and Max. 350 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCountdemographic_profile" >0</span>/500</small>
                                @if ($errors->has('demographic_profile'))
                                    <small class="error">{{ $errors->first('demographic_profile') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="demographic_profile" class="demographic_profile"></small>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="targeted_market">10. What you can think about the potential size / number / volume of customers / users or the targeted market size. Do you see any positive indicators around the world for this idea to be successful and any indicators that may be a challenge for your idea?<span class="required">*</span></label>
                                <textarea id="targeted_market" name="targeted_market" class="form-control input-md" type="text"  style=" resize: none;" onkeyup="limitcounter('#targeted_market', '#wordCounttargeted_market', '.targeted_market',350)">{{ old('targeted_market') }}</textarea>
                                <small style="font-size: 0.7em">Min. 150 words and Max. 350 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCounttargeted_market" >0</span>/500</small>
                                @if ($errors->has('targeted_market'))
                                    <small class="error">{{ $errors->first('targeted_market') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="targeted_market" class="targeted_market"></small>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="possible_competitors">11. List out the possible competitors. How your product/service will be different. Why the existing customers of other competitors should shift to your offering.<span class="required">*</span></label>
                                <textarea id="possible_competitors" name="possible_competitors" class="form-control input-md" type="text"  style=" resize: none;" onkeyup="limitcounter('#possible_competitors', '#wordCountpossible_competitors', '.possible_competitors',350)">{{ old('possible_competitors') }}</textarea>
                                <small style="font-size: 0.7em">Min. 150 words and Max. 350 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCountpossible_competitors" >0</span>/500</small>
                                @if ($errors->has('possible_competitors'))
                                    <small class="error">{{ $errors->first('possible_competitors') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="possible_competitors" class="possible_competitors"></small>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="chance_to_successed">12. What else makes you think that your idea will attract / help the customers and it has a good chance to succeed?<span class="required">*</span></label>
                                <textarea id="chance_to_successed" name="chance_to_successed" class="form-control input-md" type="text" style=" resize: none;" onkeyup="limitcounter('#chance_to_successed', '#wordCountchance_to_successed', '.chance_to_successed',500)">{{ old('chance_to_successed') }}</textarea>
                                <small style="font-size: 0.7em">Min. 100 words and Max. 500 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCountchance_to_successed" >0</span>/500</small>
                                @if ($errors->has('chance_to_successed'))
                                    <small class="error">{{ $errors->first('chance_to_successed') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="chance_to_successed" class="chance_to_successed"></small>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="socio_economical">13. Your comments on the socio-economical / environmental impact of your innovation / idea.<span class="required">*</span></label>
                                <textarea id="socio_economical" name="socio_economical" class="form-control input-md" type="text" style=" resize: none;" onkeyup="limitcounter('#socio_economical', '#wordCountsocio_economical', '.socio_economical',200)">{{ old('socio_economical') }}</textarea>
                                <small style="font-size: 0.7em">Min. 100 words and Max. 200 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCountsocio_economical" >0</span>/200</small>
                                @if ($errors->has('socio_economical'))
                                    <small class="error">{{ $errors->first('socio_economical') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="socio_economical" class="socio_economical"></small>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="ready_for_commercialization">14. How long will it take for your innovation / idea to be ready for commercialization (mention in months / years)?<span class="required">*</span></label>
                                <textarea id="ready_for_commercialization" name="ready_for_commercialization" class="form-control input-md" type="text" style=" resize: none;" onkeyup="limitcounter('#ready_for_commercialization', '#wordCountready_for_commercialization', '.ready_for_commercialization',200)">{{ old('ready_for_commercialization') }}</textarea>
                                <small style="font-size: 0.7em">Min. 100 words and Max. 200 words</small>
                                <small class="pull-right" style="font-size: 0.7em">Words : <span id="wordCountready_for_commercialization" >0</span>/200</small>
                                @if ($errors->has('ready_for_commercialization'))
                                    <small class="error">{{ $errors->first('ready_for_commercialization') }}</small>

                                @endif
                                <br><small style="font-size: 0.7em" id="ready_for_commercialization" class="ready_for_commercialization"></small>
                            </div>
                        </div>
                    </div>
                </div>

            <div class="row">

                <div class="container text-left padding0 ">
                    <button id="register" name="register" class="btn btn-primary" style="">Submit</button>
                </div>

            </div>
            {{ csrf_field() }}

        </form>


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

    function limitcounter(ids, wordid, word_warning, maxlimit) {
        //alert(ids);
        var ids = ids;
        var wordid = wordid;
        var word_warning = word_warning;
        wordlimit(ids, word_warning, maxlimit);
        var value = $(ids).val();

        if (value.length == 0) {
            $(wordid).html(0);
            return;
        }

        var regex = /\s+/gi;
        var wordCount = value.trim().replace(regex, ' ').split(' ').length;
        var totalChars = value.length;
        var charCount = value.trim().length;
        var charCountNoSpace = value.replace(regex, '').length;

        $(wordid).html(wordCount);

    };



    function wordlimit(id, word_warning, maxlimit){
        var wordLen = maxlimit,
            len; // Maximum word length
        $(id).keydown(function(event) {
            len = $(id).val().split(/[\s]+/);
            if (len.length > wordLen) {
                if ( event.keyCode == 46 || event.keyCode == 8 ) {// Allow backspace and delete buttons
                } else if (event.keyCode < 48 || event.keyCode > 57 ) {//all other buttons
                    event.preventDefault();
                }
                $('#register').attr('disabled', 'disabled');
                $(word_warning).html(maxlimit + ' Max. word Limit');
                $(word_warning).css({
                    'color':'red'
                }).prepend('<i class="fa fa-exclamation-triangle"></i>');
            }else{
                $('#register').removeAttr('disabled');
                $(word_warning).html(wordsLeft+ ' words left');
                $(word_warning).css({
                    'color':'green'
                }).prepend('<i class="fa fa-exclamation-triangle"></i>');
            }
            console.log(len.length + " words are typed out of an available " + wordLen);
            wordsLeft = (wordLen) - len.length;
            $(word_warning).html(wordsLeft+ ' words left');
            if(wordsLeft == 0) {
                $(word_warning).css({
                    'color':'red'
                }).prepend('<i class="fa fa-exclamation-triangle"></i>');
            }
        });
    }

</script>
<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.checkEmailForDreamBuddy') }}",
                        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(){
        $('#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','transparent');
        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>