@extends('backend.layouts.app')

@section('content')

@if(Session::has('message'))
<div class="callout callout-success">
                <h6>{{ Session::get('message')}}</h6>
              </div>
@endif

@if(Session::has('error_message'))
<div class="callout callout-danger">
                <h6>{{ Session::get('error_message')}}</h6>
              </div>
@endif


@if (count($errors) > 0)
    <div class="callout callout-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
  {!! Html::script('expand_theme/js/jquery.validate.min.js') !!}
<script>
  // When the browser is ready...
  $(function() {
  
  $(".add_form").validate({
  rules: {
    instructor_email: {
      required: true,
      validEmail: true
     } 
   }
  });
    $(".edit_form").validate({
  rules: {
       instructor_email: {
      required: true,
      validEmail: true
     } 
   }
  });
  $.validator.addMethod("validEmail", function(value, element) 
{
    if(value == '') 
        return true;
    var temp1;
    temp1 = true;
    var ind = value.indexOf('@');
    var str2=value.substr(ind+1);
    var str3=str2.substr(0,str2.indexOf('.'));
    if(str3.lastIndexOf('-')==(str3.length-1)||(str3.indexOf('-')!=str3.lastIndexOf('-')))
        return false;
    var str1=value.substr(0,ind);
    if((str1.lastIndexOf('_')==(str1.length-1))||(str1.lastIndexOf('.')==(str1.length-1))||(str1.lastIndexOf('-')==(str1.length-1)))
        return false;
    str = /(^[a-zA-Z0-9]+[\._-]{0,1})+([a-zA-Z0-9]+[_]{0,1})*@([a-zA-Z0-9]+[-]{0,1})+(\.[a-zA-Z0-9]+)*(\.[a-zA-Z]{2,3})$/;
    temp1 = str.test(value);
    return temp1;
}, "Please enter valid email.");
  //var res_id=$('input[name="org_phone"]').attr('id');
      
		  // if(res_id == 'org_phone'){
   $.validator.addMethod("phoneUS", function (phone_number, element) {
   
           
            phone_number = phone_number.replace(/\s+/g, "");
            return this.optional(element) || phone_number.length > 9 &&
                  phone_number.match(/\(?[\d\s]{3}\)[\d\s]{3}-[\d\s]{4}$/);
				  

        }, "Invalid phone number");
		//}
		
		/* new code */

		/* new code ends here */
		
				$('#phone1').keyup(function(){
    $(this).val($(this).val().replace(/(\d{3})\-?(\d{3})\-?(\d{4})/,'$1-$2-$3'));
	 if(($(this).val().length)>12){
	    e.preventDefault();
        return false;
	 }
	});	
			$('#phone2').keyup(function(){
    $(this).val($(this).val().replace(/(\d{3})\-?(\d{3})\-?(\d{4})/,'$1-$2-$3'));
	 if(($(this).val().length)>12){
	    e.preventDefault();
        return false;
	 }
	});	
				$('#phone3').keyup(function(){
    $(this).val($(this).val().replace(/(\d{3})\-?(\d{3})\-?(\d{4})/,'$1-$2-$3'));
	 if(($(this).val().length)>12){
	    e.preventDefault();
        return false;
	 }
	});	
		
  });
 

</script>
<script>

	function deleteinstructor(id) {
              if (confirm('Are you sure you want to delete?')) {
                                       $.ajax({
                                           type: "GET",
                                           url: "{{ URL::to('admin/instructors/delete') }}" + "/" + id,
                                           success: function(message) {
                                         
										   window.location.href = "{{ URL::to('admin/instructors') }}";
                                           }
                                        });
				}
                        
              
       }
    </script>
	<script>
function phone_custom() {
    var e = document.getElementById("org_phone");
     e.id = "org_phone_int";
	 $("#org_phone_int").attr("placeholder", "");
}
function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}
</script>

<!--<div class="row" id="ajaxmaterialdisplayform">

<div class="row">
	<div class="col-md-10">
		<h3>Services List</h3>
	</div>
	<div class="col-md-2">
	<a href="{{ url('admin/services/create') }}" class="btn default pull-right" id="">Add New <i class="fa fa-plus"></i></a>
	</div>
</div>	
<hr>

<!-- End Page Content 
</div>

  
  <br><br>-->
  
  <div class="modal fade" id="modal-add">
          <div class="modal-dialog" id="in_modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                  <h4 class="modal-title" style="text-align:center;">Add Instructor</h4>
                </div>
        		{!! Form::open(array('url' => 'admin/instructors/create', 'class' => 'form-horizontal add_form', 'files' => true )) !!}
					<div class="modal-body">
					
					<div class="row" style="margin:0px 0px 0px 0px !important;">
					<div class="col-md-6">	<div class="col-md-5">

					<label class="control-label">First Name <span class="required" aria-required="true">* </span></label>  
					</div>
					<div class="col-md-7">
				   <input type="text" name="instructor_fname" id="instructor_fname" class="form-control required" value="{{ old('instructor_fname') }}">
					</div></div>
					<div class="col-md-6">	<div class="col-md-5">
					<label class="control-label">Last Name <span class="required" aria-required="true">* </span></label>  
					</div>
					<div class="col-md-7">
					 <input type="text" name="instructor_lname" id="instructor_lname" class="form-control required" value="{{ old('instructor_fname') }}">
					</div></div>
					
					
				
					</div><br>
                    <div class="row" style="margin:0px 0px 0px 0px !important;">
				       <div class="col-md-6">   <div class="col-md-5">
   
   <label class="control-label">Instructor Initials <span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-7">
   <input type="text" name="initials" id="initials" class="form-control required" value="{{ old('initials') }}">
  </div> </div>
					     <div class="col-md-6"> <div class="col-md-5">
      <label class="control-label">Email
        <span class="required" aria-required="true">* </span>
	  </label>  
  </div><div class="col-md-7 input_container">
   <input type="text" name="instructor_email" id="instructor_email" class="form-control required" placeholder="" autocomplete="off" value="{{ old('instructor_email') }}"> 
 </div> </div>
					</div><br>
					 <div class="row" style="margin:0px 0px 0px 0px !important;">
				       <div class="col-md-6"><div class="col-md-5">
   
   <label class="control-label">Home Phone</label>  
  </div>
  <div class="col-md-7">
   <input type="text" name="phone1" id="phone1" class="form-control" value="{{ old('phone1') }}" onkeypress="return isNumber(event)" maxlength="12">
  </div></div>
					     <div class="col-md-6">     <div class="col-md-5">
   
   <label class="control-label">Work Phone</label>  
  </div>
  <div class="col-md-7">
 <input type="text" name="phone2" id="phone2" class="form-control" value="{{ old('phone2') }}" onkeypress="return isNumber(event)" maxlength="12">
  </div></div>

					</div><br>
					 <div class="row" style="margin:0px 0px 0px 0px !important;">
				       <div class="col-md-6"> <div class="col-md-5">
   
   <label class="control-label">Mobile Phone <span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-7">
   <input type="text" name="phone3" id="phone3" class="form-control required" value="{{ old('phone3') }}" onkeypress="return isNumber(event)" maxlength="12">
  </div></div>
					  <div class="col-md-6"><div class="col-md-5">
<label class="control-label">Department
</label>  
</div><div class="col-md-7 input_container">
<input type="text" name="department" id="department" class="form-control" placeholder="" value="{{ old('department') }}">
</div></div>

					</div><br>

      <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-6"><div class="col-md-5">
   
   <label class="control-label">Address1 <span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-7">
   <input type="text" name="addr1" id="addr1" class="form-control required" value="{{ old('addr1') }}">
  </div></div>
  <div class="col-md-6">
    <div class="col-md-5">
   
   <label class="control-label">Address2 </label>  
  </div>
  <div class="col-md-7">
 <input type="text" name="addr2" id="addr2" class="form-control" value="{{ old('addr2') }}">
  </div>
  </div>
  </div><br>


  
  <div class="row" style="margin:0px 0px 0px 0px !important;">  
   <div class="col-md-6"><div class="col-md-5">
      <label class="control-label">Country<span class="required" aria-required="true">* </span>
    	  </label>  
  </div>
   <div class="col-md-7">
  <select name="country" id="country" class="form-control required">
<option value="">-- Select Country --</option>
<option value="1" selected>United States</option>
</select>
  </div> </div>
<div class="col-md-6">
  <div class="col-md-5">
      <label class="control-label">City<span class="required" aria-required="true">* </span>
	  </label>  
  </div><div class="col-md-7 input_container">
  <input type="text" name="city" id="city" class="form-control required" placeholder="" value="{{ old('city') }}"></div>
</div>
</div><br>
    <div class="row" style="margin:0px 0px 0px 0px !important;">  
<div class="col-md-6">
  <div class="col-md-5">
      <label class="control-label">State/Prov
     <span class="required" aria-required="true">* </span>
	  </label>  
  </div><div class="col-md-7 input_container">
   <input type="text" name="state" id="state" class="form-control required"  value="{{ old('state') }}"> 
 </div></div>
  <div class="col-md-6">
  <div class="col-md-5">
      <label class="control-label">Zip/Post<span class="required" aria-required="true">* </span>
    	  </label>  
  </div>
   <div class="col-md-7">
   <input type="text" name="zip" id="zip" class="form-control required" value="{{ old('zip') }}" maxlength="5">
  </div></div></div>


                    <br />
					<div class="row">
					<div class="col-md-3">
					<p>&nbsp; </p>
					</div>
					<div class="col-md-9"> {!! Form::submit('Save', ['class' => 'btn btn-primary']) !!}

					&nbsp; <a href="#" class="btn btn-default btn red" data-dismiss="modal" aria-hidden="true">Cancel</a> </div>
					</div>
					</div>
                {!! Form::close() !!} </div>
            </div>
          <!-- /.modal-dialog -->
        </div>
		
		
<div class="row" id="ajaxmaterialdisplayform">
  <div class="col-md-12">
    <div class="box">
      <div class="box-header">
        <div class="row">
          <div class="col-md-7">
            <h3>INSTRUCTORS</h3>
          </div>
		  
          <div class="col-md-5">
           		
			<button type="button" class="btn btn-default" data-toggle="modal" data-target="#modal-add" style="float:right;">
                <i class="fa fa-plus"></i>&nbsp;Add Instructor
              </button>
			  
          </div>
         </div>
      </div>
      <div class="box-body">
        <div class="row" id="read">
          <div class="col-md-12">
            <!-- BEGIN EXAMPLE TABLE PORTLET-->
            <div class="portlet">
			 <div class="table-responsive">
                      <table class="table table-striped table-hover table-bordered" id="example">
            <thead>
                <tr>
                   
					<th>Name</th>
                  	<th>Email</th>
					<th>Status</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
               @foreach ($instructors as $instructor)  
               
                <tr>
                    <td><a href=""  data-toggle="modal" data-target="#editstack{{ $instructor->instructor_id }}" >{{ $instructor->instructor_fname }} {{ $instructor->instructor_lname }}</a></td>
				
				    
					<td><a href='mailto:'></a></td>
					<td><span class="label label-warning">{{  $cls_data }}</span></td>
                     <td>
                        <a class="btn btn-xs btn-primary" href=""  data-toggle="modal" data-target="#editstack{{ $instructor->instructor_id }}">  <i class="fa fa-fw fa-edit" data-toggle="tooltip" data-placement="top" title="Edit"></i> </a> 
                        <a id="delete_mgp" href="javascript:deleteinstructor({{ $instructor->instructor_id }});" class="btn btn-xs btn-danger">  <i class="fa fa-trash" data-toggle="tooltip" data-placement="top" title="Delete"></i></a>