@extends('backend.layouts.app')

@section('content')
{!! Html::style('expand/jquery-ui.css') !!}
{!! Html::script('expand/jquery-1.10.2.js') !!}
{!! Html::script('expand/jquery-ui.js') !!}
<style>
#message {
  background-color: #d9edf7 !important;
  border-color: #bce8f1 !important;
  color: #31708f !important;
  padding: 15px !important;
  margin-bottom: 20px !important;
  border: 1px solid transparent !important;
}
</style>
  {!! Html::script('expand/js/jquery.validate.min.js') !!}
<script>
  // When the browser is ready...
  $(function() {
  
  $(".edit_form").validate({
  rules: {
/*       org_phone: {
      required: true,
      phonevrfy: true
     }, */
	 zip:{
	 required: true,
      zipcode: true
	 },
	  org_website:{
	    url: true
	 }
   }
  });
  
  

				$.validator.addMethod("zipcode", function(value, element) {
  return this.optional(element) || /^\d{5}(?:-\d{4})?$/.test(value);
}, "Please provide a valid zipcode.");
		//}
		
		
		
  });
  
  $(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();
});

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>
@if(Session::has('error_message'))
	<div class="note note-danger">{{ Session::get('error_message')}} </div>
	<script>
	$(document).ready(function()
    {
	 // $("#ajaxmaterialeditform").show();
	//  $("#ajaxmaterialdisplayform").hide();
    }); 	
	</script>
@endif	
<!-- Will be used to show any messages -->
@if(Session::has('message'))
<div class_alias="alert alert-info" id="message">{{ Session::get('message')}}</div>
@endif
{!! Html::style('expand/dataTables.bootstrap.css') !!}
{!! Html::script('expand/jquery.dataTables.min.js') !!}
{!! Html::script('expand/dataTables.bootstrap.min.js') !!}
<script>
    $(document).ready(function() {
	        $('#example').DataTable({
			   "lengthMenu": [ [25, 50, 100, -1], [25, 50, 100, "All"] ],
                responsive: true,
				"aaSorting": []
        });
    });
	</script>

@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
<style>

</style>
<!-- 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 new_member">
<div class="col-md-12">
<div class="portlet">
 
<div class="portlet-title">
					<div class="row">
                	
                    <div class="col-md-7"><h3>Attendance</h3></div>
                   <!-- <div class="col-md-5">
                    <p class="form-control-static pull-right" style="padding-top:25px; color:#888;"><a href="{{ url('admin/members') }}" class="btn btn-primary pull-right">Back</a></p></div>-->
                    </div>
				
		</div>
<div class="portlet-body form">

     {!! Form::open(array('url' => 'admin/attendance/update', 'class' => 'form-horizontal edit_form', 'files' => true )) !!}
   <input type="hidden" name="class_id" id="class_id" class="form-control" value="{{ $class_id }}">
 <div class="form-body">

    
  
  
  @foreach ($attendance_info as $attendance)  
               
                <tr>
                    <td>					<a href="{{ url('admin/students/'.$st_id) }}"> </a></td>
					<td>