@extends('home.layouts.master')
@section('content')
    <!-- Main Container -->
    <main id="main-container">
        <div class="findService pt-8">
            <div class="content p-2">
                @foreach($ads_tops as $ads_top)
                    <div class="row justify-content-center">
                        <div class="content-full">
                            <div class="col-lg-12">
                                <div class="long_banner_img_news_vi">
                                    <div>
                                        <a target="_blank" href="{{$ads_top->link}}" title="{{$ads_top->company_name}}">
                                            @php
                                                $url = config('filesystems.asset').'/'.'adverts'.'/'.$ads_top->image;
                                                $uploadedFile = pathinfo($url);
                                                $old_filename = $uploadedFile['filename'];
                                                $extension = \Illuminate\Support\Str::lower($uploadedFile['extension']);
                                                if ($extension=='gif'){
                                                $imageLink = $url;
                                                }else{
                                                $imageLink = config('filesystems.asset').'/'.'adverts'.'/'.$old_filename.'.webp';
                                                }
                                            @endphp
                                            <picture>
                                                <source type="image/webp" srcset="{{$imageLink}}">
                                                <source type="image/{{$extension}}" srcset="{{$url}}">
                                                <img class="d-block w-100" src="{{$url}}" alt="{{$ads_top->company_name}}">
                                            </picture>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
                <div class="row mt-4">
                    <div class="col-lg-12">
                        <div class="py-0 pt-1 text-center" id="heading_ti_adn">
                            <h1 class="font-w700 mb-2" id="f_ad_ne_main_title">
                                Courses in Nepal
                            </h1>
                            <p>
                                Explore some of the best courses from around the country
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-3">
                        <div class="block block-rounded block-themed">
                            @foreach($ads_leftside_firsts as $ads_leftside_first)
                                <div class="ad mb-2">
                                    <a href="{{$ads_leftside_first->link}}" target="_blank">
                                        @php
                                            $url = config('filesystems.asset').'/'.'adverts'.'/'.$ads_leftside_first->image;
                                            $uploadedFile = pathinfo($url);
                                            $old_filename = $uploadedFile['filename'];
                                            $extension = \Illuminate\Support\Str::lower($uploadedFile['extension']);
                                            if ($extension=='gif'){
                                            $imageLink = $url;
                                            }else{
                                            $imageLink = config('filesystems.asset').'/'.'adverts'.'/'.$old_filename.'.webp';
                                            }
                                        @endphp
                                        <picture>
                                            <source type="image/webp" srcset="{{$imageLink}}">
                                            <source type="image/{{$extension}}" srcset="{{$url}}">
                                            <img src="{{$url}}" alt="{{$ads_leftside_first->company_name}}">
                                        </picture>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                        <div id="ad_nepal_flez">
                            <div class="block block-rounded" id="left_SerchFil">
                                <div class="block-header block-header-default" id="list_page_seTop">
                                    <h3 class="block-title">Filters</h3>
                                </div>
                            </div>
                            <!-- Search -->
                            <div class="block block-rounded" id="left_Serch">
                                <form action="" method="get">
                                    <div class="block-header-full block-header-default">
                                        <div class="input-group">
                                            <input type="text" name="name" value="{{request('name')}}" class="form-control form-custom" placeholder="Type and hit enter..">
                                            <div class="input-group-append">
                                                <button class="btn btn-primary">
                                                    <i class="fa fa-search"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Settings -->
                            <div class="block block-rounded">
                                <form action="">
                                    <div id="side-content col-search" class="d-none d-md-block push">
                                        <div id="accordion2" role="tablist" aria-multiselectable="true">
                                            <div class="block block-rounded mb-0">
                                                <div class="block-header block-header-default p-0" role="tab" id="accordion2_h2">
                                                    <a class="font-w600 d-block w-100 p-2" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_q2" aria-expanded="true" aria-controls="accordion2_q2" id="listRightSe">Stream</a>
                                                </div>
                                                <div id="accordion2_q2" class="collapse show" role="tabpanel" aria-labelledby="accordion2_h2">
                                                    <div class="block-content" id="sermarto">
                                                        <div class="form-group">
                                                            @foreach($faculties as $faculty)
                                                                @if(request('faculty_id'))
                                                                    @php
                                                                        $check_faculties = \App\Client\Faculty::where('id',$faculty->id)->whereIn('id',request('faculty_id'))->get();
                                                                    @endphp
                                                                    @if(count($check_faculties)>0)
                                                                        <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                            <input title="{{$faculty->name}}" type="checkbox" class="custom-control-input" checked id="example-wp-cat-0{{$faculty->id}}" name="faculty_id[]" value="{{$faculty->id}}"  onchange="javascript:this.form.submit();">
                                                                            <label title="{{$faculty->name}}" class="custom-control-label" for="example-wp-cat-0{{$faculty->id}}">{{\Illuminate\Support\Str::limit($faculty->name,25)}}</label>
                                                                        </div>
                                                                    @else
                                                                        <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                            <input title="{{$faculty->name}}" type="checkbox" class="custom-control-input" id="example-wp-cat-0{{$faculty->id}}" name="faculty_id[]" value="{{$faculty->id}}"  onchange="javascript:this.form.submit();">
                                                                            <label title="{{$faculty->name}}" class="custom-control-label" for="example-wp-cat-0{{$faculty->id}}">{{\Illuminate\Support\Str::limit($faculty->name,25)}}</label>
                                                                        </div>
                                                                    @endif
                                                                @else
                                                                    <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                        <input title="{{$faculty->name}}" type="checkbox" class="custom-control-input" id="example-wp-cat-0{{$faculty->id}}" name="faculty_id[]" value="{{$faculty->id}}"  onchange="javascript:this.form.submit();">
                                                                        <label title="{{$faculty->name}}" class="custom-control-label" for="example-wp-cat-0{{$faculty->id}}">{{\Illuminate\Support\Str::limit($faculty->name,25)}}</label>
                                                                    </div>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block block-rounded mb-0">
                                                <div class="block-header block-header-default p-0" role="tab" id="accordion2_h4">
                                                    <a class="font-w600 d-block w-100 p-2" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_q4" aria-expanded="true" aria-controls="accordion2_q4" id="listRightSe">Courses Duration</a>
                                                </div>
                                                <div id="accordion2_q4" class="collapse show" role="tabpanel" aria-labelledby="accordion2_h4">
                                                    <div class="block-content" id="sermarto">
                                                        <div class="form-group">
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="" type="radio" class="custom-control-input" id="example-wp-cat-duration" name="duration_type" value=""  onchange="javascript:this.form.submit();">
                                                                <label title="" class="custom-control-label" for="example-wp-cat-duration">All</label>
                                                            </div>
                                                            @foreach($durations as $duration)
                                                                <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                    <input title="{{$duration->name}}" @if(request('duration_type')==$duration->id) checked @endif type="radio" class="custom-control-input" id="example-wp-cat-duration_{{$duration->id}}" name="duration_type" value="{{$duration->id}}"  onchange="javascript:this.form.submit();">
                                                                    <label title="{{$duration->name}}" class="custom-control-label" for="example-wp-cat-duration_{{$duration->id}}">{{$duration->name}}</label>
                                                                </div>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block block-rounded mb-0">
                                                <div class="block-header block-header-default p-0" role="tab" id="accordion2_h5">
                                                    <a class="font-w600 d-block w-100 p-2" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_q5" aria-expanded="true" aria-controls="accordion2_q4" id="listRightSe">Program Type</a>
                                                </div>
                                                <div id="accordion2_q5" class="collapse show" role="tabpanel" aria-labelledby="accordion2_h5">
                                                    <div class="block-content" id="sermarto">
                                                        <div class="form-group">
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="" type="radio" class="custom-control-input" id="example-wp-cat-program_type" name="program_type" value=""  onchange="javascript:this.form.submit();">
                                                                <label title="" class="custom-control-label" for="example-wp-cat-program_type">All</label>
                                                            </div>

                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Full Time" @if(request('program_type')=='Full Time') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-duration_full_time" name="program_type" value="Full Time"  onchange="javascript:this.form.submit();">
                                                                <label title="Full Time" class="custom-control-label" for="example-wp-cat-duration_full_time">Full Time</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Part Time" @if(request('program_type')=='Part Time') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-duration_part_time" name="program_type" value="Part Time"  onchange="javascript:this.form.submit();">
                                                                <label title="Part Time" class="custom-control-label" for="example-wp-cat-duration_part_time">Part Time</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Correspondence" @if(request('program_type')=='CORRESPONDENCE') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-duration_correspondence" name="program_type" value="CORRESPONDENCE"  onchange="javascript:this.form.submit();">
                                                                <label title="Correspondence" class="custom-control-label" for="example-wp-cat-duration_correspondence">Correspondence</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block block-rounded mb-0">
                                                <div class="block-header block-header-default p-0" role="tab" id="accordion2_h7">
                                                    <a class="font-w600 d-block w-100 p-2" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_q7" aria-expanded="true" aria-controls="accordion2_q7" id="listRightSe">Course Type</a>
                                                </div>
                                                <div id="accordion2_q7" class="collapse show" role="tabpanel" aria-labelledby="accordion2_h7">
                                                    <div class="block-content" id="sermarto">
                                                        <div class="form-group">
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="" type="radio" class="custom-control-input" id="example-wp-cat-course_type" name="course_type" value=""  onchange="javascript:this.form.submit();">
                                                                <label title="" class="custom-control-label" for="example-wp-cat-course_type">All</label>
                                                            </div>

                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Degree" @if(request('course_type')=='Degree') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-Degree" name="course_type" value="Degree"  onchange="javascript:this.form.submit();">
                                                                <label title="Degree" class="custom-control-label" for="example-wp-cat-Degree">Degree</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Diploma" @if(request('course_type')=='Diploma') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-Degree" name="course_type" value="Diploma"  onchange="javascript:this.form.submit();">
                                                                <label title="Diploma" class="custom-control-label" for="example-wp-cat-Diploma">Diploma</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Certification" @if(request('course_type')=='Certification') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-Degree" name="course_type" value="Certification"  onchange="javascript:this.form.submit();">
                                                                <label title="Certification" class="custom-control-label" for="example-wp-cat-Diploma">Certification</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block block-rounded mb-0">
                                                <div class="block-header block-header-default p-0" role="tab" id="accordion2_h8">
                                                    <a class="font-w600 d-block w-100 p-2" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_q7" aria-expanded="true" aria-controls="accordion2_q8" id="listRightSe">Average Fees</a>
                                                </div>
                                                <div id="accordion2_q8" class="collapse show" role="tabpanel" aria-labelledby="accordion2_h8">
                                                    <div class="block-content" id="sermarto">
                                                        <div class="form-group">
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="" type="radio" class="custom-control-input" id="example-wp-cat-average_fees" name="average_fees" value=""  onchange="javascript:this.form.submit();">
                                                                <label title="" class="custom-control-label" for="example-wp-cat-average_fees">All</label>
                                                            </div>

                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="0 - 2 L" @if(request('average_fees')=='0-2') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-0-2l" name="average_fees" value="0-2"  onchange="javascript:this.form.submit();">
                                                                <label title="0 - 2 L" class="custom-control-label" for="example-wp-cat-0-2l">0 - 2 L</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="2 - 5 L" @if(request('average_fees')=='2-5') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-2-5l" name="average_fees" value="2-5"  onchange="javascript:this.form.submit();">
                                                                <label title="2 - 5 L" class="custom-control-label" for="example-wp-cat-2-5l">2 - 5 L</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="5 - 10 L" @if(request('average_fees')=='5-10') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-5-10l" name="average_fees" value="5-10"  onchange="javascript:this.form.submit();">
                                                                <label title="5 - 10 L" class="custom-control-label" for="example-wp-cat-5-10l">5 - 10 L</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="10 - 15 L" @if(request('average_fees')=='10-100') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-10-15l" name="average_fees" value="10-100"  onchange="javascript:this.form.submit();">
                                                                <label title="10 - 15 L" class="custom-control-label" for="example-wp-cat-10-15l">10 + L</label>
                                                            </div>
                                                            {{--<div class="custom-control custom-checkbox custom-control-primary mb-1">--}}
                                                            {{--<input title="15 - 20 L" @if(request('average_fees')=='15-20') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-15-20l" name="average_fees" value="15-20"  onchange="javascript:this.form.submit();">--}}
                                                            {{--<label title="15 - 20 L" class="custom-control-label" for="example-wp-cat-15-20l">15 - 20 L</label>--}}
                                                            {{--</div>--}}
                                                            {{--<div class="custom-control custom-checkbox custom-control-primary mb-1">--}}
                                                            {{--<input title="20 - 50 L" @if(request('average_fees')=='15-20') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-20-50l" name="average_fees" value="20-50"  onchange="javascript:this.form.submit();">--}}
                                                            {{--<label title="20 - 50 L" class="custom-control-label" for="example-wp-cat-20-50l">20 - 50 L</label>--}}
                                                            {{--</div>--}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <!-- END Settings -->
                            </div>
                            <!-- END Search -->
                        </div>
                    </div>

                    <div class="col-xl-6">
                        <!-- course -->
                        @foreach($courses as $course)
                            @php
                                $clientCoursesLists = \App\Client\ClientCourse::where('course_id',$course->id)->limit(5)->get();
                            @endphp
                            @if(count($clientCoursesLists)>0)
                                <div class="block block-rounded">
                                    <div class="block-content p-0 overflow-hidden">
                                        <div class="row no-gutters">
                                            <div class="col-md-12 col-lg-12 d-flex align-items-center">
                                                <div class="px-4 py-3" id="collegeF">
                                                    <h2 class="mb-0 border-bottom mb-2">
                                                        <a class="link-fx h4 mb-2 d-inline-block text-dark" href="javascript:void(0)">
                                                            {{$course->name}}
                                                        </a>
                                                    </h2>
                                                    <ul class="m-0 p-0">
                                                        @foreach($clientCoursesLists as $ClientCourse)
                                                        <li>
                                                            <a href="{{url(''.$ClientCourse->client->user->name.'/courses/course_id='.$ClientCourse->id)}}" class="text-dark"><i class="fa fa-building"></i> {{$ClientCourse->client->company_name}} <span class="badge badge-light"><i class="fa fa-clock"></i> 4 year(s)</span></a>
                                                        </li>
                                                        @endforeach
                                                        @if(count($clientCoursesLists)>4)
                                                            <li class="mt-2">
                                                                <a href="{{url('colleges?course_id%5B%5D='.$course->id)}}" target="_blank" class="btn btn-outline-secondary btn-sm"><i class="fa fa-eye"></i> View More</a>
                                                            </li>
                                                        @endif
                                                    </ul>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @endforeach
                        <span>{{ $courses->withQueryString()->links() }}</span>
                        <!-- END course -->
                    </div>
                    <div class="col-xl-3">
                        <div id="ad_nepal_flez">
                            {{--add--}}
                            <div class="block block-rounded block-themed">
                                @foreach($ads_rightside_firsts as $ads_rightside_first)
                                    <div class="ad mb-2">
                                        <a href="{{$ads_rightside_first->link}}" target="_blank">
                                            @php
                                                $url = config('filesystems.asset').'/'.'adverts'.'/'.$ads_rightside_first->image;
                                                $uploadedFile = pathinfo($url);
                                                $old_filename = $uploadedFile['filename'];
                                                $extension = \Illuminate\Support\Str::lower($uploadedFile['extension']);
                                                if ($extension=='gif'){
                                                $imageLink = $url;
                                                }else{
                                                $imageLink = config('filesystems.asset').'/'.'adverts'.'/'.$old_filename.'.webp';
                                                }
                                            @endphp
                                            <picture>
                                                <source type="image/webp" srcset="{{$imageLink}}">
                                                <source type="image/{{$extension}}" srcset="{{$url}}">
                                                <img src="{{$url}}" alt="{{$ads_rightside_first->company_name}}">
                                            </picture>
                                        </a>
                                    </div>
                                @endforeach
                                @foreach($ads_rightside_seconds as $ads_rightside_second)
                                    <div class="ad mb-2">
                                        <a href="{{$ads_rightside_first->link}}" target="_blank">
                                            @php
                                                $url = config('filesystems.asset').'/'.'adverts'.'/'.$ads_rightside_second->image;
                                                $uploadedFile = pathinfo($url);
                                                $old_filename = $uploadedFile['filename'];
                                                $extension = \Illuminate\Support\Str::lower($uploadedFile['extension']);
                                                if ($extension=='gif'){
                                                $imageLink = $url;
                                                }else{
                                                $imageLink = config('filesystems.asset').'/'.'adverts'.'/'.$old_filename.'.webp';
                                                }
                                            @endphp
                                            <picture>
                                                <source type="image/webp" srcset="{{$imageLink}}">
                                                <source type="image/{{$extension}}" srcset="{{$url}}">
                                                <img src="{{$url}}" alt="{{$ads_rightside_second->company_name}}">
                                            </picture>
                                        </a>
                                    </div>
                                @endforeach
                            </div>
                        {{--add end--}}

                        <!-- END About -->
                        </div>
                    </div>
                    <div class="col-xl-12 mt-3">
                        <div id="ad_nepal_flez">
                            {{--add--}}
                            <div class="block block-rounded block-themed">
                                @foreach($ads_bottoms as $ads_bottom)
                                    <div class="ad mb-2">
                                        <a href="{{$ads_bottom->link}}" target="_blank">
                                            @php
                                                $url = config('filesystems.asset').'/'.'adverts'.'/'.$ads_bottom->image;
                                                $uploadedFile = pathinfo($url);
                                                $old_filename = $uploadedFile['filename'];
                                                $extension = \Illuminate\Support\Str::lower($uploadedFile['extension']);
                                                if ($extension=='gif'){
                                                $imageLink = $url;
                                                }else{
                                                $imageLink = config('filesystems.asset').'/'.'adverts'.'/'.$old_filename.'.webp';
                                                }
                                            @endphp
                                            <picture>
                                                <source type="image/webp" srcset="{{$imageLink}}">
                                                <source type="image/{{$extension}}" srcset="{{$url}}">
                                                <img src="{{$url}}" alt="{{$ads_bottom->company_name}}">
                                            </picture>
                                        </a>
                                    </div>
                                @endforeach
                            </div>
                        {{--add end--}}

                        <!-- END About -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Page Content -->

@endsection