@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
     },
     password:{

		   required: true,
		   pwcheck: true,
		   minlength: 8,
		   maxlength:20

	   },
	   password_confirmation:{
	   required : true,
	   equalTo: "#password"
	   }	 
   },
   messages: {
	   password:{

		   pwcheck: "Min 8 Chars with at least 1 capital letter, and a digit."
	   },

	   password_confirmation:{
		   equalTo : "Confirm Password Should Match Password"
	   }
	 }
  });
  
  $.validator.addMethod("pwcheck", function(value) {
	return /^(?=.*[A-Z])(?=.*[0-9])(?=.{8,})/.test(value)
  });
  
  
    $(".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 = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    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;
	 }
	});	
	
	
					$('#ephone1').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;
	 }
	});	
			$('#ephone2').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;
	 }
	});	
				$('#ephone3').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('Deleting the staff will remove staff from users and will be unassigned from the classes. Do you want to continue ?')) {
                                       $.ajax({
                                           type: "GET",
                                           url: "{{ URL::to('admin/staff/delete') }}" + "/" + id,
                                           success: function(message) {
                                         
										   window.location.href = "{{ URL::to('admin/staff') }}";
                                           }
                                        });
				}
                        
              
       }
    </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>
<script>
  $(document).ready(function()
    {
      $(".red").click(function()
        {
          $(".add_form").trigger("reset");
          $(".edit_form").trigger("reset");
        });
    });
  </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>-->
  
<link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
<style type="text/css">
 
  .dataTables_wrapper .dataTables_paginate .paginate_button.current,
  .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #000 !important;
    border: 1px solid #337ab7 !important;
    background: #337ab7 !important;
    color: #fff !important;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #337ab7 !important;
    background: #337ab7 !important;
    color: #fff !important;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #fff !important;
  }

  table.dataTable thead th, table.dataTable thead td { border-bottom: none !important;}

  table.dataTable tfoot th, table.dataTable tfoot td { border-top: none !important; }

  div.dataTables_length select {
    border-radius: 0!important;
    border-color: #d2d6de;
    height: 34px;
    padding: 5px 5px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc; }

    div.dataTables_length label { font-weight: bold !important; }

    .dataTables_wrapper .dataTables_filter input {
      border-radius: 0!important;
      border-color: #d2d6de;
      height: 34px;
      padding: 5px 5px;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
    }

    div.dataTables_filter label { font-weight: bold!important; }

    .col-sm-6{
      margin-top: 10px;
    }
    .required-star{
      color: red;
    }
  </style>



		
		
<div class="row" id="ajaxmaterialdisplayform">
  <div class="col-md-12" id="backend-configuration-mobile-gp">
    <div class="box">
      <div class="box-header">
        <div class="row">
          <div class="col-md-7">
            <!--<h3>@lang('messages.instructors')</h3>-->
			<h3>Page Speed</h3>
          </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 dataTable" id="example">
            <thead>
                <tr>                
					<th>User Name</th>
                  	<th>Org Name</th>
          <th>URL</th>
					<th>Time(secs)</th>
          <th>Date and Time</th>
					
                </tr>
            </thead>
            <tbody>

            	@foreach($ex_page_speed as $page)
            	<tr>
            		<td>
            			@if($page->user_id != 0)