@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/classes/checkin/') }}"+"/"+cls_id;
	 /*   window.open(
"{{ URL::to('admin/classes/checkin/') }}"+"/"+cls_id
  //'_blank'
); */
	   }
	   function view_class(){
	     var cls_id=$("#modalid").val();
	   window.location.href = "{{ URL::to('admin/classes/') }}"+"/"+cls_id;
	   }


    </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>
		 	 <h5 id="showdate"></h5>
					        </div>
        <div id="modalBody" class="modal-body">
			
		<div class="row" style="margin:0px 0px 0px 0px !important;">
				<div class="col-md-6">
           <a onclick="view_class()" class="btn btn-block btn-success btn-lg"><i class="fa fa-fw fa-bar-chart"></i>&nbsp;View Details</a>
	    </div>
		<div class="col-md-6">
		  {!! Form::open(array('url' => 'admin/classes/checkin' )) !!}
		        <input type="hidden" id="modalid" class="modal-id" name="cls_id">
				<input type="hidden" id="mstdate" class="modal-stdate" name="cls_date">
				<button class="btn btn-block btn-info btn-lg"><i class="fa fa-fw fa-check-square-o"></i>&nbsp;Check In</button>
		   {!! Form::close() !!}
          <!--<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-info" id="cal_a_link"><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-default" id="list_a_link" href="{{ url('admin/classes')}}"><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">
	  <!-- 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>


      

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



@stop