@extends('admin/layouts/contentLayoutMaster')

@section('title', 'Student')

@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 Student</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/addnewstudent', '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>Student Name</span>
                                         </div>
                                          <div class="col-md-8">
                                              <input type="text" id="name" class="form-control" name="name" placeholder="Student 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>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>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>Address</span>
                                         </div>
                                          <div class="col-md-8">
                                        <textarea id="address" class="form-control" name="address" placeholder="Address"></textarea>
                                          </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" required>
                                          </div>
                                      </div>
                                  </div>
                                   <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Hobbies (Optional)</span>
                                         </div>
                                          <div class="col-md-8">
                                              <input type="text" id="hobbies" class="form-control" name="hobbies" placeholder="Hobbies">
                                          </div>
                                      </div>
                                  </div>
                                   <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>Ambition (Optional)</span>
                                         </div>
                                          <div class="col-md-8">
                                              <input type="text" id="ambition" class="form-control" name="ambition" placeholder="Ambition">
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-12">
                                      <div class="form-group row">
                                          <div class="col-md-4">
                                         <span>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>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/student')}}" 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 -->
        <script src="{{ asset(mix('js/scripts/forms/form-tooltip-valid.js')) }}"></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();    
  </script>
@endsection