@extends('backend.layouts.app')

@section('content')
<style>
.home_font{
color: #777 !important;
}
.sm-font{font-size:12px;}
.box{
border-top: 3px solid #d2d6de !important;
border: 1px solid #d2d6de;
}
h3{
font-size: 22px;
}
.button_org,.button_org:hover,.button_org:active,.button_org:focus{
	color:#111;
	    background: #f4d078;
    background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b);
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
	border-color:#a88734 #9c7e31 #846a29;
}
.button_org,.button_org:hover {
    box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
}
</style>


<div class="row" id="ajaxmaterialdisplayform">
  <div class="col-md-12" id="admin_enrollclass_show_pg">
  @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="box">
	<div class="box-body">
	 <div class="col-md-3">
           <div class="row"><h3>Search By Event</h3></div>
         	{!! Form::open(array('url' => 'admin/event_search_info', '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($locations 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>
			<!-- 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 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>

              
		
		<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="">All</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%;"  id="max-grade-block-enrollclass-pg">
			 <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="">All</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="">All</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%;" id="max-age-block-enrollclass-pg">
			 <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="">All</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>
			
			
			
		
						<button class="btn btn-primary" type="submit">Search Events</button>
			{!! Form::close() !!}
			
		    </div>
			<div class="col-md-6">
			<!--<div class="row" style="margin-left: 0px !important;"><h3>Class Search</h3></div>-->
			
						
			
			<div class="box1">
		<div class="box-body">
							
		<div class="row">
		 <div class="col-md-4">
		<h3 class="home_font">Event List</h3>
		</div>
		<!--<div class="col-md-8">
		<span style="text-align:right; float:right; margin-top:20px; margin-bottom:15px; color:#777"><b>Showing {{count($products)}} of {{count($all_products)}}</b></span>
		</div>-->
		</div>
		<hr style="margin-top:0px"/>
		 <div class="table-responsive" id="admin-enrollclass-tbl-responsive-pg">
		 
		 @foreach ($products as $product)