@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') }}";
                                           }
                                        });
				}
                        
              
       }
	   
	   function get_list(){
/* 	   $( "#cal_a_link" ).removeClass( "btn-info" ).addClass( "btn-default" );
	   $( "#list_a_link" ).removeClass( "btn-default" ).addClass( "btn-info" ); */
	   $("#list_view").show();
	   $("#calender_view").hide();
	   }
	   function get_cal(){
/* 	    $( "#cal_a_link" ).removeClass( "btn-default" ).addClass( "btn-info" );
	   $( "#list_a_link" ).removeClass( "btn-info" ).addClass( "btn-default" ); */
	   $("#list_view").hide();
	   $("#calender_view").show();
	   }
	   
	   function loc_class(){
	   var cls_id=$("#modalid").val();
	  // window.location.href = "{{ URL::to('admin/checkin/') }}"+"/"+cls_id;
	   window.open(
"{{ URL::to('admin/classes/checkin/') }}"+"/"+cls_id
 // '_blank' // <- This is what makes it open in a new window.
);
	   }


    </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 id="calendarModal" class="modal fade">
 
  
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span> <span class="sr-only">close</span></button>
            <h4 id="modalTitle" class="modal-title"></h4>
		
			<input type="hidden" id="modalid" class="modal-id">
			        </div>
        <div id="modalBody" class="modal-body">
			
		<div class="row" style="margin:0px 0px 0px 0px !important;">
				<div class="col-md-6">
           <button type="button" class="btn btn-block btn-success btn-lg"><i class="fa fa-fw fa-bar-chart"></i>&nbsp;View Details</button>
	    </div>
		<div class="col-md-6">
		
          <a onclick="loc_class()" class="btn btn-block btn-info btn-lg"><i class="fa fa-fw fa-check-square-o"></i>&nbsp;Check In</a>
	    </div>
       </div>
		</div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>
</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-4">
            
          </div>
		  <div class="col-md-8">
		    <div class="col-md-2">
           <p class="form-control-static pull-right"> <a class="btn btn-default" id="cal_a_link" href="{{ url('admin/classes/calender/view')}}"><i class="fa fa-fw fa-calendar-check-o"></i>&nbsp;Calender View</a></p>
          </div>
		    <div class="col-md-2">
           <p class="form-control-static pull-right"> <a class="btn btn-info" id="list_a_link"><i class="fa fa-fw fa-list"></i>&nbsp;List View</a></p>
          </div>
          <div class="col-md-2" style="float:right;">
            <p class="form-control-static pull-right"> <a href="{{ url('admin/classes/create') }}" class="btn btn-default"><i class="fa fa-plus"></i>&nbsp;Add Class</a></p>
          </div>
		  </div>
         </div>
      </div>
	  	  <div class="box-body" id="calender_view" style="display:none">
	  <!-- calendar code -->
	  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.css"/>
<div class="container" >

    <div class="panel panel-primary">

        <div class="panel-heading">

            Classes - Calender View

        </div>

        <div class="panel-body" >

            {!! $calendar->calendar() !!}

            {!! $calendar->script() !!}

        </div>

    </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>Loc</th>
                    <th>Class</th>
					<th>Instructors</th>
					<th>Session</th>
					<th>Reg Start Date</th>
					<th>Start Date</th>
					<th>End Date</th>
					<th>Days</th>
				    <th>Room</th>
                    <th>Duration</th>
					<th>Tuition Fee</th>
					<th>Age</th>
					<th>Max Size</th>
					 <th>Status</th>
					 <th>Enroll</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
               @foreach ($classes as $class)  
               
                <tr>
					<td>