@extends('backend.layouts.app')

@section('content')

  {!! Html::script('expand_theme/js/jquery.validate.min.js') !!}
<script>
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;
}	
  // When the browser is ready...
  $(function() {
  
	   
	   $('#st_cell').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;
	 }
	});	
	
	
  $(".edit_form").validate({
  rules: {
     /*  st_cell: {
      required: true,
      phoneUS: true
     } */
	  st_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.");



     $.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");
  });
  			
  $(document).ready(function()
{   
  //hide the all of the element with class msg_body
  $("#ajaxmaterialeditform").hide();
 
  //toggle the componenet with class msg_body
  $("#ajaxmaterialchange").click(function()
  {
    $("#ajaxmaterialeditform").slideToggle(900);
     $("#ajaxmaterialdisplayform").slideToggle(900);     
  });

  $("#ajaxmaterialcancel").click(function()
  {
     $("#ajaxmaterialdisplayform").slideToggle(900);     
     $("#ajaxmaterialeditform").slideToggle(900);    
  });

  $("#ajaxpartnercreateform").hide();
});

   	   
</script>


<script>
    $(document).ready(function() {
	        
		$('#enrollments').DataTable({
			   "lengthMenu": [ [25, 50, 100, -1], [25, 50, 100, "All"] ],
                responsive: true,
				"aaSorting": []
        });
    });
	
</script>
@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


<!-- Begin Page Content 
<div class="row">
	<div class="col-md-8">
		<h3>Edit Member Info</h3>
		
	</div>
	<div class="col-md-4">
		<a href="{{ url('/') }}" class="btn btn-primary pull-right">Back</a>
		
	</div>
</div>	
<hr>-->
<div class="row" id="ajaxmaterialdisplayform">
	<div class="col-md-12" id="admin-mobile-gap-alignment">
        <div class="box box-primary">
				  <div class="box-header">
		   <div class="col-md-6">
            <h3><b>Edit Students Details - {{ $students->st_fname }} {{ $students->st_lname }}</b></h3>
          </div>
		  <div class="col-md-6" style="margin-top: 15px;">
		<a id="ajaxmaterialchange" class="btn btn-info" style="float: right;"><i class="fa fa-pencil"></i> Edit Student</a>
		   	
            </div></div>
			
			
            <div class="portlet-body form form-horizontal show_form">
                <div class="form-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                  <label class="col-md-4 control-label">Family Name: </label>
                                  <div class="col-md-8">
                                     <p class="form-control-static">{{ $students->fmly_name }}</p>
                                   </div>
                            </div>
                         </div>
						  <div class="col-md-6">
                            <div class="form-group">
                                  <label class="col-md-4 control-label"> Student First Name: </label>
                                  <div class="col-md-8">
                                     <p class="form-control-static">{{ $students->st_fname }}</p>
                                   </div>
                            </div>
                         </div>
                       
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-4 control-label">Last Name : </label>
                                <div class="col-md-8">
                                <p class="form-control-static">{{ $students->st_lname }}</p>                                    </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                             <div class="form-group">
                                  <label class="col-md-4 control-label">Gender : </label>
                                  <div class="col-md-8">
                                     <p class="form-control-static">{{ $students->st_gender }}</p>
                                   </div>
                            </div>
                        </div>
                    </div>                                         
                    <div class="row">
                        <div class="col-md-6">
                             <div class="form-group">
                                  <label class="col-md-4 control-label">Email : </label>
                                  <div class="col-md-8">
                                     <p class="form-control-static">{{ $students->st_email }}</p>
                                   </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-4 control-label">School : </label>
                                <div class="col-md-8">
                                 <p class="form-control-static">{{ $students->st_schl }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-4 control-label">Grade Level : </label>
                                <div class="col-md-8">
                                 <p class="form-control-static">{{ $students->st_grade_lvl }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-4 control-label">Student Age : </label>
                                <div class="col-md-8">
                                <p class="form-control-static">{{ $students->st_age }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
					<div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-4 control-label">Mobile Phone : </label>
                                <div class="col-md-8">
                               <p class="form-control-static">{{ $students->st_cell }}</p>
                                </div>
                            </div>
                        </div>
                     </div>
                                 </div>
            </div>
			
			 <div class="row"><div class="col-md-6">
                            <div class="form-group">
                              <label class="col-md-8 control-label"><h3 style="float:left;"><strong>Enrollment Details</strong></h3> </label>
                              <div class="col-md-4">
                              </div>
                            </div>
                        </div></div>
					   <table class="table table-striped table-hover table-bordered">
            <thead>
                <tr>
                   
					<th>Student Name</th>
					<th>Family Name</th>
                    <th>Class Name</th>
					<th>Amount</th>
                </tr>
            </thead>
            <tbody style="font-size:13px;">
               @foreach ($enrollments as $enroll)  
                                @endforeach
                 
            </tbody>
        </table>