@extends('layouts.placement')
@section('content')
    <section class="newpage">
        <div class="innermenu">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                        <div class="link-path">
                            <ul>
                                <li>Dashboard</li>
                                <li>/</li>
                                <li class="active">Course Listing</li>
                            </ul>

                            <div class="topfilter">
                                <div class="sort_it">
                                    <div class="browsestudent-sort">
                                        <select class="selectpicker" id="sort_by" Onchange="Get_Course_Records();">
                                            <option value="price">Price</option>
                                            <option value="level">Level</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="fullpage">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
                        <div class="boxes">
                            <div class="row">
                                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                    <div class="stu-dash">
                                        <div class="jobs-filtersection">
                                            <div class="filterhead">
                                                <h3>Filters <span Onclick="Clear_all('all');">Clear All</span></h3>

                                            </div>

                                            <div class="sorting">
                                                <h4>Filter by Category <span Onclick="Clear_all('category');">Clear</span></h4>
                                                <ul>
                                                                                                    </ul>
                                            </div>
                                            <div class="sorting">
                                                <h4>Filter by Level <span Onclick="Clear_all('level');">Clear</span></h4>
                                                <ul>
                                                                                                    </ul>
                                            </div>
                                            <div class="sorting">
                                                <h4>Filter by Course Type <span Onclick="Clear_all('coursetype');">Clear</span></h4>
                                                <ul>
                                                                                                    </ul>
                                            </div>
                                            <div class="sorting">
                                                <h4>Filter by Duration <span Onclick="Clear_all('duration');">Clear</span></h4>
                                                <ul>
                                                    <li><input class="all duration" name="duration[]" type="checkbox" id="due1" value="1" Onchange="Get_Course_Records();" value="1"/><label for="due1">0 - 2 Hours</label></li>
                                                    <li><input class="all duration" name="duration[]" type="checkbox" id="due2" value="2" Onchange="Get_Course_Records();" value="2"/><label for="due2">3 - 8 Hours</label></li>
                                                    <li><input class="all duration" name="duration[]" type="checkbox" id="due3" value="3" Onchange="Get_Course_Records();" value="3"/><label for="due3">8 - 72 Hours</label></li>
                                                    <li><input class="all duration" name="duration[]" type="checkbox" id="due4" value="4" Onchange="Get_Course_Records();" value="4"/><label for="due4">72+ Hours</label>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="sorting">
                                                <h4>Filter by Price<span Onclick="Clear_all('price');">Clear</span></h4>
                                                <ul>
                                                    <li><input class="all price" name="price[]" type="checkbox" id="pr1" Onchange="Get_Course_Records();" value="1"/><label for="pr1">Free</label></li>
                                                    <li><input class="all price" name="price[]" type="checkbox" id="pr2" Onchange="Get_Course_Records();" value="2"/><label for="pr2">Under Rs. 500</label></li>
                                                    <li><input class="all price" name="price[]" type="checkbox" id="pr3" Onchange="Get_Course_Records();" value="3"/><label for="pr3">Rs. 500 - Rs. 1000</label></li>
                                                    <li><input class="all price" name="price[]" type="checkbox" id="pr4" Onchange="Get_Course_Records();" value="4"/><label for="pr4">Rs. 1000 - Rs. 3000</label></li>
                                                    <li><input class="all price" name="price[]" type="checkbox" id="pr5" Onchange="Get_Course_Records();" value="5"/><label for="pr5">Rs. 3000+ More</label></li>
                                                </ul>
                                            </div>
                                            <div class="sorting">
                                                <h4>Filter by Location<span Onclick="Clear_all('location');">Clear</span></h4>
                                                <ul>
                                                                                                </ul>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="col-12 col-sm-12 col-md-9 col-lg-9 col-xl-9">
                        <div class="boxes">
                            <div class="searchbar1">
                                <form>
                                    <div class="form-inline search-form">

                                        <input class="form-control mr-sm-2" type="text" id="keyword" Onkeyup="Get_Course_Records();" placeholder="Search By Course" aria-label="Search">
                                        <div class="search-button">
                                            <button type="submit">
                                                <img src="{{asset('images/search.png')}}" class="search-one">
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <input type="hidden" id="courses_response" value="1"/>
                            <div class="job-list-contentb" id="listofjobs">
                                                           </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="modal fade previewtext" id="preview" tabindex="-1" role="dialog" aria-labelledby="previewTitle" aria-hidden="true">
		  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
			<div class="modal-content">
			  <div class="modal-header">
				<h5 class="modal-title" id="previewTitle">Preview</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				  <span aria-hidden="true">&times;</span>
				</button>
			  </div>
			  <div class="modal-body" id="coursepreiewmodal">
			   
			  </div>

			</div>
		  </div>
		</div>
    <script>
	function course_preview_live(course_id)
	{
		if(course_id !='' && course_id !='null'){
		 $.LoadingOverlay("show");
			var token=$("#token").val();
			  $.ajax({
						type:"POST",
						url:"