@extends('layouts.main')
@section('title', 'College Registration | Assessment Confirmation')
@section('description','Colleges register here to create a new Hiremee account.')
@section('content')


<style type="text/css">
.filled{
  color: red;
  }
</style>
<div class="container">
                 @if($message = Session::get('success'))
                     <div class="alert alert-success background-success">
                      <button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
                      <i class="hiremee-multiply text-white"></i>
                      </button>
                      <strong>Success!</strong>  {{ $message }}
                    </div>
                @elseif($message = Session::get('error'))
                <div class="alert alert-danger background-danger">
                    <button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
                    <i class="hiremee-multiply text-white"></i>
                    </button>
                    <strong>Error!</strong> {{ $message }}
                  </div>
                @endif
        <div class="row">
            <div class="col s12 ">
                <div class="card-panel">
                   <div class="text-center pb-5">
                <a href="{{ secure_url('/') }}"><img class="img-responsive" width="15%" src="{{secure_asset('assets/images/HireMee.png') }}"></a>
            </div>
                    <h5 class="header center green-text text-darken-5"
                        style="text-decoration: underline;line-height:25px" align="center">College Registration / Assessment
                        Confirmation</h5>
                    <br>
                    
                    <div class="row">
                        <form role="form" method="POST" name="collegeRegisterAssessmentConfirmation" id="collreg"
                              class="col s12 "
                              action="{{ url('/college-register-assessment-confirmation') }}" data-parsley-validate="">
                            <center><span id="error_collgeregister" style="color:red"></span>
                                <span id="success_collgeregister" style="color:green"></span></center>
                            <input type="hidden" name="_method" value="post">
                            <input type="hidden" name="colleg_id" id="colleg_id" value="">
                            {{ csrf_field() }}
                            <div class="row">
                                <div class="input-field col s12 m4 l4 m-t-0" id="divuniv">
                                  <i class="icofont icofont-graduate-alt"></i>
                                    <select name="college" id="college" data-live-search="true"
                                            data-parsley-trigger="change"
                                            data-parsley-required-message="College name is required"
                                            class="collegeoption form-control select8" required title="Choose Your College">
                                    <option value="">Choose Your College</option>
                                        @foreach($colleges as $college)
                                            <option value="{{$college->id}}">{{$college->college_name}}</option>
                                        @endforeach
                                    </select>
                                    <span class="university_error"></span>
                                     {{-- <label class="active-label">Select College</label> --}}
                                </div>
                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">location_on</i>
                                    <input type="text" class="validate readonly form-control" name="address" minlength="1"
                                           maxlength="100"
                                           id="address"
                                           value="{{ old('address') }}" placeholder="Address"  data-parsley-minlength='10'
                                           data-parsley-maxlength="100"
                                           data-parsley-trigger="change"
                                           data-parsley-required-message='Address is required'
                                           data-parsley-pattern='/^\s*[\/a-zA-Z0-9 .,-\s]+$/' required>
                                   
                                    @if ($errors->has('address'))
                                        <span class="help-block">
                        <strong>*{{ $errors->first('address') }}</strong>
                    </span>
                                    @endif
                                   <!--   <label for="address" class="active-label">Address<span style="color:red">*</span></label> -->
                                </div>
                           
                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">location_on</i>
                                    <input type="text" class="validate form-control" name="district" minlength="1" maxlength="50"
                                           id="district"
                                           value="{{ old('district') }}" placeholder="District" data-parsley-minlength='5'
                                           data-parsley-maxlength="50"
                                           data-parsley-trigger="change"
                                           data-parsley-required-message='District is required'
                                           data-parsley-pattern='^[A-Za-z.\s_-]+$' required>
                                 <!--    <label for="district">District<span style="color:red">*</span></label> -->
                                    @if ($errors->has('district'))
                                        <span class="help-block">
                        <strong>*{{ $errors->first('district') }}</strong>
                    </span>
                                    @endif
                                </div>
                                </div>
                                <div class="row">
                                 <div class="clearfix"></div>
                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">location_on</i>
                                    <input type="text" class="validate readonly form-control" name="state" minlength="5"
                                           maxlength="50"
                                           id="state"
                                           value="{{ old('state') }}" placeholder="States" data-parsley-minlength='5'
                                           data-parsley-maxlength="50"
                                           data-parsley-trigger="change"
                                           data-parsley-required-message='State is required'
                                           data-parsley-pattern='/^\s*[\/a-zA-Z0-9 .,-\s]+$/' required readonly="">
                                   <!--  <label for="state" >State<span style="color:red">*</span></label> -->
                                    @if ($errors->has('state'))
                                        <span class="help-block">
                        <strong>*{{ $errors->first('state') }}</strong>
                    </span>
                                    @endif
                                </div>
                           
                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">location_on</i>
                                    <input type="text" class="validate readonly form-control" name="pincode" minlength="6"
                                           maxlength="10"
                                           id="pincode"
                                           value="{{ old('pincode') }}" placeholder="Pin Code" data-parsley-minlength='6'
                                           data-parsley-maxlength="10"
                                           data-parsley-trigger="change"
                                           data-parsley-required-message='Pin-Code is required'
                                           data-parsley-pattern='/^\s*[\/a-zA-Z0-9 .,-\s]+$/' required readonly="">
                                    <!-- <label for="pincode">Pin Code<span style="color:red">*</span></label> -->
                                    @if ($errors->has('pincode'))
                                        <span class="help-block">
                        <strong>*{{ $errors->first('pincode') }}</strong>
                    </span>
                                    @endif
                                </div>
                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">school</i>
                                    <input type="text" class="validate readonly form-control" name="university" minlength="10"
                                           maxlength="100"
                                           id="university"
                                           value="{{ old('university') }}" placeholder="University" data-parsley-minlength='5'
                                           data-parsley-maxlength="100"
                                           data-parsley-trigger="change"
                                           data-parsley-required-message='University is required'
                                           data-parsley-pattern='/^\s*[\/a-zA-Z0-9 .,-\s]+$/' required readonly="">
                                    <!-- <label for="university">University<span style="color:red">*</span></label> -->
                                    @if ($errors->has('state'))
                                        <span class="help-block">
                        <strong>*{{ $errors->first('university') }}</strong>
                    </span>
                                    @endif
                                </div>
                            </div>
                         
                            <div class="row">
                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">portrait</i>
                                    <input id="spoc_name" type="text" class="validate form-control" name="spoc_name"
                                           value="{{ old('spoc_name') }}" placeholder="Spoc / Tpo Name" minlength="1" maxlength="100"
                                           data-parsley-maxlength="100"
                                           data-parsley-trigger="change"
                                           data-parsley-required-message='Spoc/Tpo Person Name is required'
                                           data-parsley-pattern='/^[a-zA-Z\s]+$/' required>
                                    <!-- <label for="spoc_name">Spoc / Tpo Name<span style="color:red">*</span></label> -->
                                    @if ($errors->has('spoc_name'))
                                        <span class="help-block">
                        <strong>*{{ $errors->first('spoc_name') }}</strong>
                    </span>
                                    @endif
                                </div>
                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">local_phone</i>
                                    <input id="contact_number" type="text" class="validate form-control" maxlength="10"
                                           name="contact_number" value="{{ old('contact_number') }}" placeholder="Contact Number" 
                                           onkeypress="return isNumberKey(event)" data-parsley-maxlength="10"
                                           data-parsley-type="number"
                                           data-parsley-trigger="change"
                                           data-parsley-required-message='Contact number is required' required>
                                   <!--  <label for="contact_number">Contact Number<span style="color:red">*</span></label> -->
                                    <span class="mno_unique"></span>
                                    @if ($errors->has('contact_number'))
                                        <span class="help-block">
                        <strong>*{{ $errors->first('contact_number') }}</strong>
                    </span>
                                    @endif
                                </div>
                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">email</i>
                                    <input id="email_address" type="email" class="validate form-control" name="email_address" placeholder="Email Address"  
                                           data-parsley-maxlength="100" data-parsley-trigger="change"
                                           data-parsley-required-message="Email Address is required"
                                           data-parsley-pattern="/^\s*([0-9a-zA-Z]([-_\\.]*[0-9a-zA-Z]+)*)@([0-9a-zA-Z]([-_\\.]*[0-9a-zA-Z]+)*)[\\.]([a-zA-Z]{1,9})[\w\W ]*[^ ]$/"
                                           maxlength="100" value="{{ old('email_address') }}" required>
                                    <!-- <label for="email_address">Email Address<span style="color:red">*</span></label> -->
                                    <span class="email_unique"></span>
                                    @if ($errors->has('email_address'))
                                        <span class="help-block">
                        <strong>*{{ $errors->first('email_address') }}</strong>
                    </span>
                                    @endif
                                </div>
                            </div>


                            <div class="row">
                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">portrait</i>
                                    <input id="principal_name" type="text" class="validate form-control" name="principal_name"
                                           value="{{ old('principal_name') }}" placeholder="Principal Name" maxlength="100"
                                           data-parsley-maxlength="100"
                                           data-parsley-trigger="change"
                                           data-parsley-required-message='Principal Name is required'
                                           data-parsley-pattern='^[a-zA-Z ]*$' required>
                                    <!-- <label for="principal_name">Principal Name<span style="color:red">*</span></label> -->
                                    @if ($errors->has('principal_name'))
                                        <span class="help-block">
                        <strong>*{{ $errors->first('principal_name') }}</strong>
                    </span>
                                    @endif
                                </div>
                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">wc</i>
                                    <input id="total_students" type="text" class="validate form-control" maxlength="8"
                                           name="total_students" value="{{ old('total_students') }}" placeholder="Total Number of Students"  
                                           onkeypress="return isNumberKey(event)" data-parsley-maxlength="12"
                                           data-parsley-type="number" data-parsley-trigger="change"
                                           data-parsley-required-message='Total Number of Student is required' required>
                                    <!-- <label for="total_students">Total Number of Students<span
                                                style="color:red">*</span></label> -->
                                    @if ($errors->has('total_students'))
                                        <span class="help-block">
                        <strong>*{{ $errors->first('total_students') }}</strong>
                    </span>
                                    @endif
                                </div>
                                <div class="input-field col s12 m4 l4 m-t-0">
                                    <i class="material-icons prefix p-t-15">school</i>
                              
                                    <select name="course[]" id="course" data-live-search="true"
                                            data-parsley-trigger="change"
                                            data-parsley-required-message="Course name is required"
                                            class="courseoption selectpicker form-control select8" multiple="true" required
                                            data-placeholder="Choose Your Course">
                                          @foreach($courses as $course)
                                              <option value="{{$course->id}}">{{$course->name}}</option>
                                          @endforeach
                                    </select>
                                    
                                    @if ($errors->has('courseoption'))
                                        <span class="help-block">
                                        <strong>*{{ $errors->first('courseoption') }}</strong>
                                    </span>
                                    @endif
                                      
                                </div>
                            </div>
                          


                            <div class="row">
                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">computer</i>
                                    <input id="computer_count" type="text" class="validate form-control" maxlength="12"
                                           name="computer_count" value="{{ old('computer_count') }}" placeholder="Number of Computer Available"  
                                           onkeypress="return isNumberKey(event)" data-parsley-maxlength="12"
                                           data-parsley-type="number"
                                           data-parsley-trigger="change"
                                           data-parsley-required-message='Total number of Computer is required'
                                           required>
                                   <!--  <label for="computer_count">Number of Computer Availble<span
                                                style="color:red">*</span></label> -->
                                    @if ($errors->has('computer_count'))
                                        <span class="help-block">
                        <strong>*{{ $errors->first('computer_count') }}</strong>
                    </span>
                                    @endif
                                </div>


                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">date_range</i>
                                    <input id="assessment_date" type="text"
                                           class="form-control js-date-from-assessment form-control" name="assessment_date"
                                           data-parsley-trigger="change"
                                           data-parsley-required-message="Assessment date is required"
                                           onkeydown="return"
                                           value="{{ old('assessment_date') }}" placeholder="Assessment Date"  required>
                                   <!--  <label for="assessment_date">Assessment Date<span style="color:red">*</span></label> -->
                                    @if ($errors->has('assessment_date'))
                                        <span class="help-block">
                                        <strong>*{{ $errors->first('assessment_date') }}</strong>
                                     </span>
                                    @endif
                                </div>


                                <div class="input-field col s12 m4 l4">
                                    <i class="material-icons prefix">timer</i>
                                    <input id="time_picker" type="text" class="validate time-picker form-control js-time-from"
                                           name="assessment_time"
                                           data-parsley-trigger="change"
                                           data-parsley-required-message="Assessment time is required"
                                           data-parsley-pattern="/^(0?[1-9]|1[012])(:[0-5]\d) [APap][mM]$/"
                                           value="" placeholder="Assessment Time" required>
                                    <!-- <label for="assessment_time">Assessment Time<span style="color:red">*</span></label> -->
                                    <span class="assessment_time_error"></span>
                                    @if ($errors->has('assessment_time'))
                                        <span class="help-block">
                        <strong>*{{ $errors->first('assessment_time') }}</strong>
                    </span>
                                    @endif
                                </div>
                            </div>

                            <br/>
                            <br/> 
                            <div class="row center" align="center">
                                <div class="col s12">
                                   <button  type="submit" id="college_register_btn" class="btn f-16 btn-primary waves-effect" align="center">Register</button>
                                    
                                </div>
                            </div>
                        </form>
                        <hr>
                    </div>
                </div>
            </div>
        </div>
      </div>
    

@endsection
@section('footer')
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.8.1/parsley.js"></script>
    <script type="text/javascript">
       

       $(document).find('.collegeoption').on("change", function () {
            var collegename = this.value;
            console.log(collegename);
            $('#colleg_id').val(collegename);
            if (this.value == '') {
                $('#address').val('');
                $('#district').val('');
                $('#state').val('');
                $('#pincode').val('');
                $('#university').val('');
            }
            else {
                if ($('#district').val() != "") {
                    $('#parsley-id-9').html('');
                }
                $('#parsley-id-5').html('');
                $('#parsley-id-7').html('');
                $('#parsley-id-11').html('');
                $('#parsley-id-13').html('');
                $('#parsley-id-15').html('');
                $.ajax({
                    url: "{{ url('/getDteDropdown') }}",
                    dataType: "json",
                    type: "get",
                    data: {"type": 'college_id', 'value': collegename},
                    success: function (responce) {
                        var college = responce.college;
                        var state = responce.state;
                        var district = responce.district;
                        var university = responce.university;
                        $('#address').val(college.address);
                        $('#address').focus();

                        $('#state').val(state.name);
                        $('#state').focus();

                        $('#pincode').val(college.pin_code);
                        $('#pincode').focus();

                        $('#university').val(university.name);
                        $('#university').focus();

                        if (district) {
                            $('#district').val(district.district);
                            $('#district').focus();
                            $('#district').prop('readonly', true);
                        } else {
                            $('#district').val('');
                            $('#district').focus();
                            $('#district').prop('readonly', false);
                        }
                    }, error: function (responce) {
                    }
                });
            }
        });


        $(document).ready(function () {
           /* $('select').focus(function () {
                var theValue = $(this).attr('value');
            });
            $('input#input_text, textarea#textarea1').characterCounter();
            $('.modal').modal();
            $('select').material_select();
            $('#textcoll').hide();
            $('.readonly').tittle('Sorry..! We are unable to accept the input"s for this field..!');*/
        });

        $('#college_register_btn').on('click', function (e) {

            var time = $('#time_picker').val();
            var hours = Number(time.match(/^(\d+)/)[1]);
            var minutes = Number(time.match(/:(\d+)/)[1]);
            var AMPM = time.match(/\s(.*)$/)[1];
            if (AMPM == "PM" && hours < 12) hours = hours + 12;
            if (AMPM == "AM" && hours == 12) hours = hours - 12;
            var sHours = hours.toString();
            var sMinutes = minutes.toString();
            if (hours < 10) sHours = "0" + sHours;
            if (minutes < 10) sMinutes = "0" + sMinutes;
            if (sHours + ":" + sMinutes < "08:00" || sHours + ":" + sMinutes > "20:00") {
                $('.assessment_time_error').css("color", "red");
                $('.assessment_time_error').html('Assessment time allowed between 8 AM to 8 PM only');
                return false;
            } else {
                $('.assessment_time_error').html('');
                return true;
            }
        });

 /*       var dt = new Date();
        dt.setFullYear(new Date().getFullYear() + 1);
        var someDate = new Date();
        var numberOfDaysToAdd = 4;
        var from_date = someDate.setDate(someDate.getDate() + numberOfDaysToAdd);
        $('.assessment_date').datetimepicker({
            format: "DD-MM-YYYY",
            minDate: from_date
            //maxDate: dt
        });*/

        $('#contact_number').keyup(function (e) {
            var mno_val = $(this).val();
            var mno_length = mno_val.length;
            if (mno_length >= 10) {
                $.ajax({
                    url: "{{ url('/mobile-number-check') }}",
                    dataType: "json",
                    type: "get",
                    data: {'key': mno_val},
                    success: function (responce) {
                        var status = responce.status;
                        var message = responce.message;
                        if (status == 1) {
                            $('.mno_unique').html(message);
                            $('.mno_unique').css("color", "red");
                        } else if (status == 0) {
                            $('.mno_unique').html('');
                            $('.mno_unique').css("color", "green");
                        } else {
                            $('.mno_unique').html('');
                        }
                    }, error: function (responce) {

                    }
                })
            } else {
                $('.mno_unique').html('');
            }
        });


        $('#email_address').keyup(function (e) {
            var email_val = $(this).val();
            var key = ".com";
            if (email_val.indexOf(key) != -1) {
                $.ajax({
                    url: "{{ url('/email-check') }}",
                    dataType: "json",
                    type: "get",
                    data: {'key': email_val},
                    success: function (responce) {
                        var status = responce.status;
                        var message = responce.message;
                        if (status == 1) {
                            $('.email_unique').html(message);
                            $('.email_unique').css("color", "red");
                        } else if (status == 0) {
                            $('.email_unique').html('');
                            $('.email_unique').css("color", "green");
                        } else {
                            $('.email_unique').html('');
                        }
                    }, error: function (responce) {

                    }
                })
            } else {
                $('.email_unique').html('');
            }
        });

        $('.courseoption').on("change", function () {
            var coursename = this.value;
            if (coursename != "") {
                $('#course_error').html('');
            } else {
                $('#course_error').html('Course name is required');
                $('#course_error').css("color", "red");
            }
        });


       
    </script>
@endsection