@extends('backend.layouts.app')

@section('content')

@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-body">
	 <div class="col-md-3">
           <div class="row"><h3>@lang('messages.search_by_class')</h3></div>
         	{!! Form::open(array('url' => 'admin/class_search', 'class' => 'form-horizontal class_search_form', 'files' => true )) !!}
			  <div class="form-group">
                  <label for="exampleInputEmail1">@lang('messages.name')</label>
                 <input type="text" name="class_name" class="form-control" value="">
              </div>
			  <div class="form-group">
			<label for="exampleInputEmail1">@lang('messages.location')</label>
			<select class="form-control" id="loc_name" name="loc_name">
			<option value="">--@lang('messages.select_location')--</option>
			@foreach($locations as $locations)
			<option value="{{ $locations->loc_id }}" >{{ $locations->loc_name }}</option>
			@endforeach
			</select></div>

			   
			  <div class="form-group">
                  <label for="exampleInputEmail1">@lang('messages.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_startdate1()">

				  <input type="hidden" class="form-control us_search_start_date" id="" name="search_start_date" value="" autocomplete="off">

              </div>
             </div>
			 <div class="form-group">
			<label for="exampleInputEmail1">@lang('messages.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_enddate1()">

			<input type="hidden" class="form-control us_search_end_date" id="" name="search_end_date" value="" autocomplete="off">

			</div></div>
			<div class="form-group">
			<label for="exampleInputEmail1">@lang('user_messages.category')</label>
			<select class="form-control" id="program_list" name="program_type" onchange="get_session(this.value)">
			<option value="">@lang('messages.select_category_dashesh')</option>
			@foreach($program_details as $prog)
			<option value="{{ $prog->cls_prg_id }}" >{{ $prog->program }}</option>
			@endforeach
			</select></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="form-group">
			<label for="exampleInputEmail1">@lang('messages.sub_category')</label>
			<select name="sub_program_id" id="sub_category" class="form-control">
			<option value="">--@lang('messages.select_sub_category')--</option>
						</select>
			</div>
		
		<div class="row">
			<div class="col-md-5">
			   <div class="form-group">
			   <label for="exampleInputEmail1">@lang('messages.min_grade')</label>
			   

			<select name="min_grade" id="min_grade" class="form-control" >
				<option value=""></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">@lang('messages.max_grade')</label>
			   
			<select name="max_grade" id="max_grade" class="form-control" >
				<option value=""></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">@lang('messages.min_age')</label>
			   
			<select name="min_age" id="min_age" class="form-control" onchange="check_min_age()">
				<option value=""></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">@lang('messages.max_age')</label>
			   			<select name="max_age" id="max_age" class="form-control" onchange="check_max_age()">
				<option value=""></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="row">
				<div class="col-md-12 days_dsp_cls_index_page" id="cls-idex-page-fields" style="">
			   		<div>
			   			<label for="exampleInputEmail1">@lang('messages.days')</label>
			   		</div>
			   		<div class="form-check-inline">
					  <label class="form-check-label">
					    <input type="checkbox" class="form-check-input" value="1" name="days[]" > @lang('messages.sun')
					  </label> &nbsp;
					  <label class="form-check-label">
					    <input type="checkbox" class="form-check-input" value="2" name="days[]" > @lang('messages.mon')
					  </label> &nbsp;
					  <label class="form-check-label">
					    <input type="checkbox" class="form-check-input" value="3" name="days[]" > @lang('messages.tue')
					  </label> &nbsp;
					  <label class="form-check-label">
					    <input type="checkbox" class="form-check-input" value="4" name="days[]" > @lang('messages.wed')
					  </label> &nbsp;
					  <label class="form-check-label">
					    <input type="checkbox" class="form-check-input" value="5" name="days[]" > @lang('messages.thu')
					  </label> &nbsp;
					  <label class="form-check-label">
					    <input type="checkbox" class="form-check-input" value="6" name="days[]" > @lang('messages.fri')
					  </label> &nbsp;
					  <label class="form-check-label">
					    <input type="checkbox" class="form-check-input" value="7" name="days[]" > @lang('messages.sat')
					  </label>
					</div>
				</div>
			</div>


			</div>
			
			
			
		
						<button class="btn btn-primary" type="submit">@lang('messages.search_classes')</button>
			{!! Form::close() !!}
			
		    </div>
			<div class="col-md-9">
			<div class="row" style="margin-left: 0px !important;"><h3>@lang('messages.class_search')</h3></div>
			
			<div class="table-responsive">
                      <table class="table table-striped table-hover table-bordered">
					   <thead>
                        <tr>
                        <th style="width:32%;overflow:hidden;">@lang('messages.class')</th>
                        <th style="width:5%;overflow:hidden;">@lang('messages.location')</th>
						<!--<th>Room</th>-->
						
						<th style="width:20%;overflow:hidden;">@lang('messages.show_family_class_dates')</th>
						<!--<th>Days</th>-->
						 <!--<th style="width:14%;overflow:hidden;">Reg. End Date</th>
						<th>Max Size</th>-->
						<!-- <th>Enroll</th> -->
						<th style="width:5%;overflow:hidden;">@lang('messages.open')</th>
						<!--<th>Wait</th>-->
					   
						<!--<th>Session</th>
						<th style="width:10%;overflow:hidden;">Age</th>-->
                        <th style="width:20%;overflow:hidden;">@lang('user_messages.tuition_fee')</th>
                        <th style="width:4%;overflow:hidden;"></th>
                        </tr>
							<tbody>
							<tr><td colspan="14" style="text-align: center;">@lang('messages.no_search_results_found')</td></tr>				</tbody>
                      </table>
					</div>