@extends('backend.layouts.app')
@section('content')



<style>
/* 09-11-2018 */
div#admin-popup-fee-usr-mlt {
    margin: -12px 0px 0px 15px;
}

/* 09-11-2018 */

.cart-count-block {
    margin-left: -27px;
}


.affix{    top: 0px;
    max-width: 20%;
    right: 25px;
	
	height: 86%; z-index: 1; overflow-x: hidden;
	}

#right-side-functionality {  }

#btn-scroll-top{
     position: absolute;
/* opacity: 0.2 !important; */
    bottom: 20px;
    right: 0px;
    padding: 20px;
    position: fixed;
    cursor: pointer;
    font-size: 20px;
    color: #3c8dbc;
    display: none;

}

#right-side-functionality {
/* position:fixed;
right:0;
overflow:hidden; */
}

	button#search-btn {
  /*   font-size: 20px; */
}


.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('message'))
<div class="callout callout-success">
                <h6>{{ Session::get('message')}}</h6>
</div>
@endif
  @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 Class</h3></div>
         	{!! Form::open(array('url' => 'admin/class_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" id="startcalendar1">
                    <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" id="endcalendar1">
			<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">Class type</label>
                  <select name="class_type" class="form-control">
						<option value="">--All type of Class--</option>
						<option value="1" >Classes</option>
						<option value="2" >Subscription Classes</option>
						<option value="3" >Class Pack</option>
                  </select>
            </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="">--All Type of Subject--</option>
						</select>
			</div>


			<div class="form-group">
                  <label for="exampleInputEmail1">Search by class name</label>
                 <input type="text" name="class_name" class="form-control" value="">
            </div>



              
		
		<div class="row">
			<div class="col-md-5" id="min-grade-usr-mlt-shp">
			   <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" 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" id="min-age-usr-mlt-shp">
			   <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" 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 Classes</button>
			{!! Form::close() !!}
			
		    </div>
		    
			<div class="col-md-6" id="usrmlt-shop-admin-middledata-blck">
			<!--<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">Class List</h3>
		</div>
		<div class="col-md-12" ><h5 class="home_font">These classes are for students of 

			@if(isset($loc_name))
			<b>- {{$loc_detial->loc_name}}</b>
		@else
		<b>All Locations</b>
		@endif</h5></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)