@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>
  @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
  <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">
            
          </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/events/create') }}" class="btn btn-default"><i class="fa fa-plus"></i>&nbsp;Add Event</a></p>
          </div>
		  </div>
         </div>
      </div>
	  	  

      <div class="box-body" id="list_view">
		<div class="col-md-3">
           <div class="row"><h3>Search By Events</h3></div>
         	{!! Form::open(array('url' => 'admin/events/search', 'class' => 'form-horizontal class_search_form', 'files' => true )) !!}
			  
			  <div class="form-group">
			<label for="exampleInputEmail1">Location</label>
			<select class="form-control" id="loc_name" name="loc_name">
			<option value="">--Select Location--</option>
			@foreach($location_details as $locations)
			<option value="{{ $locations->loc_id }}" >{{ $locations->loc_name }}</option>
			@endforeach
			</select></div>
			  <div class="form-group">
                  <label for="exampleInputEmail1">Start Date</label>
                   <div class="input-group">
                  <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                  </div>
                 <!--  <input type="text" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="" class="form-control" id="search_start_date" name="search_start_date" value="" onblur="my_class_startdate()"> -->
				  <input type="text" class="form-control search_start_date" id="search_start_date" name="search_start_date" value="" onblur="my_class_startdate()">
              </div>
             </div>
			 <div class="form-group">
			<label for="exampleInputEmail1">End Date</label>
			<div class="input-group">
			<div class="input-group-addon">
			<i class="fa fa-calendar"></i>
			</div>
			<!--<input type="text" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="" class="form-control" id="search_end_date" name="search_end_date" value="" onblur="my_class_enddate()">-->
			<input type="text" class="form-control search_end_date" id="search_end_date" name="search_end_date" value="" onblur="my_class_enddate()">
			</div></div>
			<div class="form-group">
			<label for="exampleInputEmail1">Type of Program</label>
			<select class="form-control" id="program_list" name="program_type" onchange="get_session(this.value)"> 
			<option value="">--Select Type of Program--</option>
			@foreach($program_details as $prog)
			<option value="{{ $prog->cls_prg_id }}" >{{ $prog->program }}</option>
			@endforeach
			</select></div>
			
			<div class="form-group hide" id="sub_category_show">
			<label for="exampleInputEmail1">Type of Subject</label>
			<select name="sub_program_id" id="sub_category" class="form-control">
			<option value="">--Select Type of Subject--</option>
						</select>
			</div>


			<div class="form-group">
                  <label for="exampleInputEmail1">Search by event name</label>
                 <input type="text" name="class_name" class="form-control" value="">
              </div>
			
			
			<!-- session -->
			<!--<div class="form-group">
			<label for="exampleInputEmail1">Session</label>
			<select name="session_type" id="session_list" class="form-control">
					</select></div>-->
		
		
		<div class="row">
			<div class="col-md-5">
			   <div class="form-group">
			   <label for="exampleInputEmail1">Min Grade</label>
			   

			<select name="min_grade" id="min_grade" class="form-control" onchange="check_min_grade()">
				<option value="">--Select--</option>
				@foreach($grade_levels as $grade)
				<option value="{{ $grade->priority }}" >{{ $grade->grade_name }}</option>
				@endforeach
				
			</select>

			   </div>
			</div>
			<div class="col-md-1"></div>
			<div class="col-md-5" style="width: 47% !important;">
			 <div class="form-group">
			   <label for="exampleInputEmail1">Max Grade</label>
			   
			<select name="max_grade" id="max_grade" class="form-control" onchange="check_max_grade()">
				<option value="">--Select--</option>
				@foreach($grade_levels as $grade)
				<option value="{{ $grade->priority }}" >{{ $grade->grade_name }}</option>
				@endforeach
				
			</select>


			   </div>
			</div>
		</div>
		
			<!-- session -->
			<div class="row">
			<div class="col-md-5">
			   <div class="form-group">
			   <label for="exampleInputEmail1">Min Age</label>
			   
			<select name="min_age" id="min_age" class="form-control" onchange="check_min_age()">
				<option value="">--Select--</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
				  					<option value="{{$num}}" >{{$num}}</option>
							</select>

			   </div>
			</div>
			<div class="col-md-1"></div>
			<div class="col-md-5" style="width: 47% !important;">
			 <div class="form-group">
			   <label for="exampleInputEmail1">Max Age</label>
			   			<select name="max_age" id="max_age" class="form-control" onchange="check_max_age()">
				<option value="">--Select--</option>
				<option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option><option value="{{$num}}" >{{$num}}</option>			</select>

			   </div>
			</div>
			</div>
			
			
			
		
			
			
			@if($res_mode==0)
			<button  type="reset" id="reset" class="btn" >Reset</button>
			@endif


			<button class="btn btn-primary" type="submit">Search Events</button>
			{!! Form::close() !!}
			
		    </div>
          <div class="col-md-9">
            <!-- BEGIN EXAMPLE TABLE PORTLET-->
           <div class="row" style="margin-left: 0px !important;"><h3>Event List</h3></div>
			 <div class="table-responsive">
                      <table class="table table-striped table-hover table-bordered">
            <thead>
                <tr>
				    
                    <th style="width:30%;">Event</th>
					<th style="width:10%;">Location Name</th>
					<th style="width:20%;overflow:hidden;">Event Dates</th>
				<!--	<th>Instructors</th> -->
					<th>Session</th>
					<th>Registration Dates</th>
					<!--<th>Start Date</th>
					<th>End Date</th>-->
					<th>Days</th>
				   <!-- <th>Room</th> -->
                    <th>Duration</th>
					<!--<th>Age</th>-->
					<th>Size</th>
					<!--<th>Enroll Count</th>-->
					 <th>Status</th>
					 
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>

               @foreach ($classes as $class)