@extends('backend.layouts.app')

@section('content')

{!! Html::script('expand_theme/js/jquery.validate.min.js') !!}
<!-- jQuery Form Validation code -->
<script>
  
  // When the browser is ready...
  $(function() {
  $(".create_form").validate();
  $(".edit_form").validate();
  });
  
  </script>
  <style>
  @media (min-width: 1200px){
.container {
    width: 1030px !important; 
}
}
  </style>
<script>
	function deleteClass(id) {
              if (confirm('Are you sure you want to delete?')) {
                                       $.ajax({
                                           type: "GET",
                                           url: "{{ URL::to('admin/classes/delete') }}" + "/" + id,
                                           success: function(message) {
                                         
										   window.location.href = "{{ URL::to('admin/classes') }}";
                                           }
                                        });
				}
                        
              
       }
	   
	

    </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="row" id="ajaxmaterialdisplayform">
  <div class="col-md-12">
    <div class="box">
      <div class="box-header">
        <div class="row">
          <div class="col-md-4">
            <h3>Attendance Info</h3>
          </div>
		
		  </div>
         </div>
		 
      <div class="box-body" id="list_view">
        <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">
            <thead>
            <tr>
                   
					<th>Student Name</th>
					<th>Family Name</th>
                    <th>Class Name</th>
					<th>Gender</th>
					<th>Birth Date</th>
					<th>Age</th>
					<th>Grade</th>
			 </tr>
            </thead>
            <tbody style="font-size:13px;"> 
                          
                 
            </tbody>
        </table>  </div>
		
           </div>
          </div>
          <div class="portlet-body">
		 </div>
        </div>
      </div>
      </div>



	  <!-- calendar code ends here -->
	  
    </div>
  </div>
</div>



@stop