@extends('admin/layouts/contentLayoutMaster')

@section('title', 'Advisor')

@section('content')
<!-- Basic Inputs start -->
<section id="basic-input">
  <div class="row">
      <div class="col-md-12">
          <div class="card">
              <div class="card-header">
                  <h4 class="card-title">Add Advisor</h4>
              </div>
             <div class="card-content">
                  <div class="card-body">
                      @if (count($errors) > 0)
							  @if($errors->any())
								<div class="alert alert-success alert-dismissible" role="alert">
								  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								  {{$errors->first()}}
								</div>
							  @endif
						@endif
                       {!! Form::open(array('url' =>'admin/addnewadvisor', 'method'=>'post', 'class' => 'form-horizontal form-validate', 'enctype'=>'multipart/form-data')) !!}
                          <div class="form-body">
                              <div class="row">
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Advisor Name</span>
                                         </div>
                                          <div class="col-md-8">
                                              <input type="text" id="name" class="form-control" name="name" placeholder="Advisor Name" required>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Email ID</span>
                                         </div>
                                          <div class="col-md-8">
                                              <input type="text" id="email_id" class="form-control" name="email_id" placeholder="Email ID" required>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Mobile Number</span>
                                         </div>
                                          <div class="col-md-8">
                                              <input type="text" id="mobile_no" class="form-control" name="mobile_no" placeholder="Mobile Number" required>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Gender</span>
                                         </div>
                                          <div class="col-md-8">
                                        <select class="form-control" name="gender" id="gender">
                                        <option value="Male">Male</option>  
                                        <option value="Female">Female</option> 
                                        </select>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Date Of Birth</span>
                                         </div>
                                          <div class="col-md-8">
                                            <input type="text" id="datepicker" class="form-control" name="dob" placeholder="Date Of Birth" required readonly>
                                          </div>
                                      </div>
                                  </div>
                                   <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Profession</span>
                                         </div>
                                          <div class="col-md-8">
                                        <select class="form-control" name="profession" id="profession">
                                        <option value="lecturer">Lecturer</option>
                                        <option value="student">Student</option>
                                        <option value="other">Other</option>
                                        </select>
                                          </div>
                                      </div>
                                  </div>
                                   <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Institution Type</span>
                                         </div>
                                          <div class="col-md-8">
                                        <select class="form-control" name="institution_type" id="institution_type">
                                          @if(count($institution)>0)
                                         @foreach ($institution as $key=>$institution1)
                                        <option value="{{$institution1->id}}">{{$institution1->institution_name}}</option>  
                                        @endforeach
                                        @endif
                                        </select>    
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Institution Name</span>
                                         </div>
                                          <div class="col-md-8">
                                              <input type="text" id="school_name" class="form-control" name="school_name" placeholder="Institution Name" required>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Class / Grade</span>
                                         </div>
                                          <div class="col-md-8">
                                        <select class="form-control" name="class" id="class">
                                          @if(count($class)>0)
                                         @foreach ($class as $key=>$class1)
                                        <option value="{{$class1->id}}">{{$class1->class_name}}</option>  
                                        @endforeach
                                        @endif
                                        </select>      
                                          </div>
                                      </div>
                                  </div>
                                   <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>City Of Institution</span>
                                         </div>
                                          <div class="col-md-8">
                                              <input type="text" id="city_of_institution" class="form-control" name="city_of_institution" placeholder="City Of Institution" value="" required>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Hometown</span>
                                         </div>
                                          <div class="col-md-8">
                                              <input type="text" id="hometown" class="form-control" name="hometown" placeholder="Hometown" value="" required>
                                          </div>
                                      </div>
                                  </div>
                                   <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Languages Known</span>
                                         </div>
                                          <div class="col-md-8">
                                         @if(count($languages)>0)
                                         @foreach ($languages as $key=>$languages1)      
                                         <label>
                                        <input type="checkbox" name="language_id[]" value="{{$languages1->id}}">{{$languages1->language_name}}</label>
                                         @endforeach
                                        @endif
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Preferred Subject</span>
                                         </div>
                                          <div class="col-md-8">
                                        <select class="form-control js-select2" name="preferred_subject[]" id="preferred_subject">
                                          @if(count($subject)>0)
                                         @foreach ($subject as $key=>$subject1)
                                        <option value="{{$subject1->id}}">{{$subject1->name}}</option>  
                                        @endforeach
                                        @endif
                                        </select>
                                         </div>
                                      </div>
                                  </div>
                                  
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Profile Image</span>
                                         </div>
                                          <div class="col-md-8">
                                              <input type="file" id="image" class="form-control" name="image" placeholder="Image">
                                          </div>
                                      </div>
                                  </div>
                                  
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Resume upload</span>
                                         </div>
                                          <div class="col-md-8">
                                              <input type="file" id="resume_image" class="form-control" name="resume_image" placeholder="Image">
                                          </div>
                                      </div>
                                  </div>
                                  
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Status</span>
                                        </div>
                                          <div class="col-md-8">
                                        <select class="form-control" name="status">
                                          <option value="1">Active</option>
                                          <option value="0">InActive</option>
                                      </select>
                                          </div>
                                      </div>
                                  </div>
                               
                <div class="col-md-8 offset-md-4">
                                      <button type="submit" class="btn btn-primary mr-1 mb-1">Submit</button>
                                      <a href="{{ URL::to('admin/advisor')}}" class="btn btn-outline-warning mr-1 mb-1">Back</a>
                                  </div>
                              </div>
                          </div>
                     {!! Form::close() !!}
                  </div>
              </div>
          </div>
      </div>
  </div>
</section>
<!-- Basic Inputs end -->
<!-- Input Sizing end -->
@endsection
@section('page-script')
        <!-- Page js files -->
 <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/css/select2.min.css" rel="stylesheet" />        
<script src="{{ asset(mix('js/scripts/forms/form-tooltip-valid.js')) }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/js/select2.min.js"></script>
        <script>
        $( function() {
        $(".js-select2").select2({
			closeOnSelect : false,
			placeholder : "Preferred Subject",
			allowHtml: true,
			allowClear: true,
			tags: true // создает новые опции на лету
		});    
        });
        </script>
<script src="{{ asset('js/scripts/jquery-ui.js') }}"></script>
<script>
  $( function() {
    $( "#datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true,
      dateFormat: 'dd-mm-yy',
      yearRange: "-150:+0"
    });
  } );
$("#institution_type").change(function(){
   var institution_id = $('#institution_type').val();
	var getclass =	'{{ URL::to("admin/getclass")}}';
	if(institution_id != ''){
		$.ajax({
			url: getclass,
			type: "POST",			
			data:{institution_id:institution_id},
			success: function (data) {
               if(data.length != ''){
					var i;
					var showData = [];
					for (i = 0; i < data.length; ++i) {
						showData[i] = "<option value='"+data[i].id+"'>"+data[i].class_name+"</option>";
					}
					$("#class").html(showData);
				}else{
					$("#class").html("<option value=''>Choose Class Name</option>");
				}			
			},
		});
	}
}).change();  
$("#institution_type,#class").change(function(){
   var institution_id = $('#institution_type').val();
   var class_id = $('#class').val();
	var getsubject =	'{{ URL::to("admin/getsubject")}}';
	if(institution_id != ''){
		$.ajax({
			url: getsubject,
			type: "POST",			
			data:{institution_id:institution_id,class_id:class_id},
			success: function (data) {
               if(data.length != ''){
					var i;
					var showData = [];
					for (i = 0; i < data.length; ++i) {
						showData[i] = "<option value='"+data[i].id+"'>"+data[i].name+"</option>";
					}
					$("#preferred_subject").html(showData);
				}else{
					$("#preferred_subject").html("<option value=''>Choose Preferred Subject</option>");
				}			
			},
		});
	}
}).change();  
</script>
@endsection