@extends('master')
@section('content')

<!-- start Main Wrapper -->
<div class="main-wrapper scrollspy-container">
		
    <div class="breadcrumb-wrapper">
    
        <div class="container">
        
            <h1 class="page-title">Course Grid</h1>
            
            <div class="row">
            
                <div class="col-xs-12 col-sm-8">
                    <ol class="breadcrumb">
                        <li><a href="#">Home</a></li>
                        
                        <li class="active">Course Result</li>
                    </ol>
                </div>

                @include('includes.breadcrum')
                
            </div>
            
        </div>

    </div>

    <div class="equal-content-sidebar-wrapper">
    
        <div class="equal-content-sidebar-by-gridLex">
        
            <div class="container">
            
                <div class="GridLex-grid-noGutter-equalHeight">
        
                    <div class="GridLex-col-3_sm-4_xs-12_xss-12">

                        <div class="sidebar-wrapper pt-20-xs pb-0-xs">

                            <aside class="filter-sidebar">
            
                                <div class="responsive-filter-wrapper">
                            
                                    <button type="button" class="navbar-toggle btn btn-primary collapsed btn-responsive-filter" data-toggle="collapse" data-target="#responsive-filter-box">Search Again &amp; Filter</button>
                                    
                                    <div class="clear"></div>
                                    
                                    <div class="collapse navbar-collapse responsive-filter-box" id="responsive-filter-box">
                                    
                                        <div class="collapse-inner">

                                            <div class="sidebar-header clearfix">
                                                <h4>Filter Results</h4>
                                                {{-- <a href="#" class="sidebar-reset-filter">reset filter</a> --}}
                                            </div>
                                            
                                            <div class="sidebar-inner">
                                            
                                                <div class="row gap-20">
                                                    
                                                    {{-- <div class="col-xss-12 col-xs-6 col-sm-12">
                                                    
                                                        <div class="sidebar-module">
                                                            <h6 class="sidebar-title">Price Range</h6>
                                                            <div class="sidebar-module-inner">
                                                                <input id="price_range" />
                                                            </div>
                                                        </div>
                                                        
                                                    </div> --}}
                                                    
                                                   
                                                    
                                                    <div class="clear"></div>
                                                
                                                   
															<form method="get" action="{{asset('course-list')}}">
                                                                <div class="col-xss-12 col-xs-6 col-sm-12">
                                                                
                                                                    <div class="sidebar-module clearfix">
                                                            
                                                                        <h6 class="sidebar-title">Course Category <button type="submit"><i class="fa fa-filter"></i></button></h6>
                                                                        
                                                                        <div class="sidebar-module-inner">
                                                                            @if(!empty($categories))
                                                                            @foreach($categories as $categor)
                                                                            <div class="checkbox-block">
                                                                                <input id="hotel_facilities-{{$categor->id}}"  name="searchCat[]" value="{{$categor->id}}" type="checkbox" class="checkbox{{$categor->id}}"/>
                                                                                <label class="" for="hotel_facilities-{{$categor->id}}">{{$categor->name}}</label>
                                                                            </div>
                                                                            @endforeach
                                                                            @endif
                                                                            
                                                                            
                                                                        </div>
                
                                                                    </div>
                                                                    
                                                                </div>
    
                                                            </form>
                                                    
                                                 
                                                    
                                                    <div class="clear"></div>
                                                
                                                   
                                                    
                                                    <div class="col-xss-12 col-xs-12 col-sm-12">
                                                    
                                                        <div class="sidebar-module">
                                                
                                                            <h6 class="sidebar-title">Filter Text</h6>
                                                            <div class="sidebar-module-inner">
                                                                <p>Park fat she nor does play deal our. Procured sex material his offering humanity laughing moderate can. Unreserved had she nay dissimilar admiration interested.</p>
                                                            </div>
                                                            
                                                        </div>
                                                        
                                                    </div>
                                                    
                                                    <div class="clear"></div>
                                                    
                                                </div>
                                                
                                            </div>
                                            
                                        </div>
                                        
                                    </div>
                                
                                </div>

                                <div class="sidebar-box hidden-xs">
                                    <h4 class="sidebar-title">Why Booking With Us?</h4>
                                    <p>Park fat she nor does play deal our. Procured sex material his offering humanity laughing moderate can. Unreserved had she nay dissimilar admiration interested.</p>
                                </div>
                            
                            </aside>
                            
                        </div>
                        
                    </div>

                    <div class="GridLex-col-9_sm-8_xs-12_xss-12">
                
                        <div class="content-wrapper pt-20-xs">

                            <div class="sorting-wrappper">
                                
                               
									<div class="sorting-wrappper">
										
										<div class="sorting-form">
										
											<div id="change-search" class="collapse"> 
											
												<div class="change-search-wrapper">

													<form method="get" action="{{asset('course-list')}}">
												
													<div class="row gap-20">
													
														<div class="col-xs-12 col-sm-10 col-md-10">
														
															<div class="row gap-0">
															
																<div class="col-xs-12 col-sm-7 col-md-7">
																
																	<div class="form-group">
																		<input type="text" name="search" class="form-control no-br" placeholder="Java Programming">
																	</div>
																
																</div>
																
																<div class="col-xs-12 col-sm-5 col-md-5">
																
																	<div class="form-group">
																		<select class="select2-multi form-control" name="searchCat[]" multiple data-placeholder="All Category" data-maximum-selection-length="3" style="width: 100%;">
																			<option>All Category</option>
																			@if(!empty($categories))
																			@foreach($categories as $categor)
																			<option value="{{$categor->id}}"> {{$categor->name}}</option>
																			@endforeach
																			@endif
																			
																		</select>
																	</div>
																	
																</div>
																
															</div>
														
														</div>
														
														<div class="col-xs-12 col-sm-2 col-md-2 mt-10-xs">
															<button class="btn btn-block btn-primary btn-form"><i class="fa fa-search"></i></button>
														</div>
														
													</div>
													</form>
													
												</div>
											</div>

										</div>
										
										<div class="sorting-header">
										
											<div class="row">
											
												<div class="col-xss-12 col-xs-12 col-sm-7 col-md-9">
												
													<h4>We found