@extends('backend.layouts.app')

@section('content')

    <div class="container">
		  @if (session()->has('success_message'))
            <div class="alert alert-success">
                {{ session()->get('success_message') }}
            </div>
        @endif

        @if (session()->has('error_message'))
            <div class="alert alert-danger">
                {{ session()->get('error_message') }}
            </div>
        @endif

		
    <div class="row" id="ajaxmaterialdisplayform">
        <div class="col-md-12">
        <div class="box">
          <div class="box-header">
		  	<div class="row">
                <div class="col-md-7"><h3>Class Search</h3></div>
            </div>
	      </div>
		  <div class="box-body">
			<div class="row"> 
			<div class="col-md-2" style="width: 14% !important;"><label class="control-label">Search by class name</label></div>
			<div class="col-md-1" style="width: 12% !important;"><label class="control-label">Location</label></div>
			<div class="col-md-2" style="width: 12% !important;"><label class="control-label">Start Date</label></div>
			<div class="col-md-2" style="width: 12% !important;"><label class="control-label">End Date</label></div>
			<div class="col-md-2" style="width: 12% !important;"><label class="control-label">Program Type</label></div>
			<div class="col-md-1" style="width: 12% !important;"><label class="control-label">Session</label></div>
			<div class="col-md-1" style="width: 12% !important;"><label class="control-label">Age</label></div>
			</div>
			<div class="row">

						{!! Form::open(array('url' => 'admin/class_search', 'class' => 'form-horizontal class_search_form', 'files' => true )) !!}
			
			<div class="col-md-2" style="width: 14% !important;">
			<select class="form-control" name="class_name" id="class_name">
			<option value="">--Select Class--</option>
			@foreach($classes as $class)
			<option value="{{ $class->cls_id }}" >{{ $class->cls_name }}</option>
			@endforeach
			</select>
			</div>
			
			<div class="col-md-1" style="width: 12% !important;">
			
			<select class="form-control" name="loc_name">
			<option value="">-Location-</option>
			@foreach($locations as $location)
			<option value="{{ $location->loc_id }}" >{{ $location->loc_name }}</option>
			@endforeach
			</select>
			
			</div>
			<div class="col-md-2" style="width: 12% !important;"> <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()"></div>
			<div class="col-md-2" style="width: 12% !important;"> <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()"></div>
			<div class="col-md-2" style="width: 12% !important;">
			<select class="form-control" id="program_list" name="program_type">
			<option value="">--Program Type--</option>
			@foreach($program_details as $prog)
			<option value="{{ $prog->cls_prg_id }}" >{{ $prog->program }}</option>
			@endforeach
			</select>
			</div>
			<div class="col-md-1" style="width: 12% !important;"><select name="session_type" class="form-control">
			<option value="">--Session--</option>
			@foreach($sessions as $session)
			<option value="{{ $session->sesion_id }}" >{{ $session->session_name }}</option>
			@endforeach
		</select></div>
			
			<div class="col-md-1" style="width: 12% !important;">  <select name="class_age" class="form-control">
					   <option value=''>--Age--</option>	
					   <option value="1" >Preschool & Kindergarten(5 Yr)</option>
					   <option value="2" >Sparks(6 - 7 Yr)</option>
					   <option value="3" >Inventors(8 - 10 Yr)</option>
					   <option value="4" >Innovators(10 - 12 Yr)</option>
				   </select></div>
			
			<div class="col-md-1"><input type="submit" name="search" value="Search" class="btn btn-default"></div>
			{!! Form::close() !!}
			</div><br>
				<div class="row" id="read">
				  <div class="col-md-12">
				    <div class="table-responsive">
                      <table class="table table-striped table-hover table-bordered">
					   <thead>
                        <tr>
                        <th style="width:18%;overflow:hidden;">Class</th>
                        <th style="width:10%;overflow:hidden;">Location</th>
						<th>Room</th>
						
						<th style="width:18%;overflow:hidden;">Class Dates</th>
						<th>Days</th>
						
						<th>Max Size</th>
						<th>Enroll</th>
						<th>Open</th>
						<th>Wait</th>
					    <th style="width:10%;overflow:hidden;">Reg. End Date</th>
						<th>Session</th>
						<th style="width:10%;overflow:hidden;">Age</th>
                        <th style="width:17%;overflow:hidden;">Tuition Fee</th>
                        <th style="width:16%;overflow:hidden;">Action</th>
                        </tr>
							<tbody>
							<tr><td colspan="14" style="text-align: center;">No search results found</td></tr>				</tbody>
                      </table>
					</div>