@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">
                                Colleges
                            </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 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.." onchange="javascript:this.form.submit();">
                                            <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_h1">
                                                    <a class="font-w600 d-block w-100 p-2" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_q1" aria-expanded="true" aria-controls="accordion2_q1" id="listRightSe">City</a>
                                                </div>
                                                <div id="accordion2_q1" class="collapse show" role="tabpanel" aria-labelledby="accordion2_h1">
                                                    <div class="block-content" id="sermarto">
                                                        <form action="">
                                                            <div class="input-group py-2">
                                                                <input type="text" name="city_name" value="{{request('city_name')}}" class="form-control" placeholder="Search Cities"  onchange="javascript:this.form.submit();">
                                                                <div class="input-group-append">
                                                                    <button class="btn btn-primary">
                                                                        <i class="fa fa-search"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </form>
                                                        <div class="form-group">
                                                            @foreach($cities as $city)
                                                                @if(request('city_id'))
                                                                    @php
                                                                        $check_city = \App\Client\City::where('id',$city->id)->whereIn('id',request('city_id'))->get();
                                                                    @endphp
                                                                    @if(count($check_city)>0)
                                                                        <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                            <input title="{{$city->name}}" type="checkbox" checked class="custom-control-input" id="example-wp-cat-{{$city->id}}" name="city_id[]" value="{{$city->id}}"  onchange="javascript:this.form.submit();">
                                                                            <label title="{{$city->name}}" class="custom-control-label" for="example-wp-cat-{{$city->id}}">{{$city->name}}</label>
                                                                        </div>
                                                                    @else
                                                                        <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                            <input title="{{$city->name}}" type="checkbox" class="custom-control-input" id="example-wp-cat-{{$city->id}}" name="city_id[]" value="{{$city->id}}"  onchange="javascript:this.form.submit();">
                                                                            <label title="{{$city->name}}" class="custom-control-label" for="example-wp-cat-{{$city->id}}">{{$city->name}}</label>
                                                                        </div>
                                                                    @endif
                                                                @else
                                                                    <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                        <input title="{{$city->name}}" type="checkbox" class="custom-control-input" id="example-wp-cat-{{$city->id}}" name="city_id[]" value="{{$city->id}}"  onchange="javascript:this.form.submit();">
                                                                        <label title="{{$city->name}}" class="custom-control-label" for="example-wp-cat-{{$city->id}}">{{$city->name}}</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_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_h3">
                                                    <a class="font-w600 d-block w-100 p-2" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_q3" aria-expanded="true" aria-controls="accordion2_q3" id="listRightSe">Courses</a>
                                                </div>
                                                <div id="accordion2_q3" class="collapse show" role="tabpanel" aria-labelledby="accordion2_h3">
                                                    <div class="block-content" id="sermarto">
                                                        <div class="form-group">
                                                            @foreach($courses as $course)
                                                                @if(request('course_id'))
                                                                    @php
                                                                        $check_courses = \App\Client\Course::where('id',$course->id)->whereIn('id',request('course_id'))->get();
                                                                    @endphp
                                                                    @if(count($check_courses)>0)
                                                                        <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                            <input title="{{$course->name}}" type="checkbox" class="custom-control-input" checked id="example-wp-cat-{{$course->id}}" name="course_id[]" value="{{$course->id}}"  onchange="javascript:this.form.submit();">
                                                                            <label title="{{$course->name}}" class="custom-control-label" for="example-wp-cat-{{$course->id}}">{{$course->name}}</label>
                                                                        </div>
                                                                    @else
                                                                        <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                            <input title="{{$course->name}}" type="checkbox" class="custom-control-input" id="example-wp-cat-{{$course->id}}" name="course_id[]" value="{{$course->id}}"  onchange="javascript:this.form.submit();">
                                                                            <label title="{{$course->name}}" class="custom-control-label" for="example-wp-cat-{{$course->id}}">{{$course->name}}</label>
                                                                        </div>
                                                                    @endif
                                                                @else
                                                                    <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                        <input title="{{$course->name}}" type="checkbox" class="custom-control-input" id="example-wp-cat-{{$course->id}}" name="course_id[]" value="{{$course->id}}"  onchange="javascript:this.form.submit();">
                                                                        <label title="{{$course->name}}" class="custom-control-label" for="example-wp-cat-{{$course->id}}">{{$course->name}}</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 class="block block-rounded mb-0">
                                                <div class="block-header block-header-default p-0" role="tab" id="accordion2_h6">
                                                    <a class="font-w600 d-block w-100 p-2" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_q6" aria-expanded="true" aria-controls="accordion2_q6" id="listRightSe">Colleges Type</a>
                                                </div>
                                                <div id="accordion2_q6" class="collapse show" role="tabpanel" aria-labelledby="accordion2_h6">
                                                    <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-company_type" name="company_type" value=""  onchange="javascript:this.form.submit();">
                                                                <label title="" class="custom-control-label" for="example-wp-cat-company_type">All</label>
                                                            </div>

                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Private" @if(request('company_type')=='Private') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-duration_private" name="company_type" value="Private"  onchange="javascript:this.form.submit();">
                                                                <label title="Private" class="custom-control-label" for="example-wp-cat-duration_private">Private</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Public" @if(request('company_type')=='Public') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-duration_Public" name="company_type" value="Public"  onchange="javascript:this.form.submit();">
                                                                <label title="Public" class="custom-control-label" for="example-wp-cat-duration_Public">Public</label>
                                                            </div>
                                                            <div class="custom-control custom-checkbox custom-control-primary mb-1">
                                                                <input title="Government" @if(request('company_type')=='Government') checked @endif type="radio" class="custom-control-input" id="example-wp-cat-duration_Government" name="company_type" value="Government"  onchange="javascript:this.form.submit();">
                                                                <label title="Government" class="custom-control-label" for="example-wp-cat-duration_Government">Government</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <!-- END Settings -->
                            </div>
                            <!-- END Search -->
                            {{----}}
                        {{----}}

                        <!-- END About -->
                        </div>
                    </div>
                    <div class="col-xl-9">
                        <!-- Story -->
                        @foreach($clients as $client)
                            <div class="block block-rounded">
                                <div class="block-content p-0 overflow-hidden">
                                    <div class="row no-gutters">
                                        <div class="col-md-4 col-lg-4 overflow-hidden d-flex align-items-center">
                                            <a href="{{url(''.'/'.$client->user->name)}}">
                                                @if(isset($client->featured_image))
                                                @php
                                                    $college = $client;
                                                    $url = config('filesystems.asset').'/'.'clients'.'/'.$college->user->name.'/featured_image'.'/'.$college->featured_image;
                                                    $uploadedFile = pathinfo($url);
                                                    $old_filename = $uploadedFile['filename'];
                                                    $extension = $uploadedFile['extension'];
                                                    $imageLink = config('filesystems.asset').'/'.'clients'.'/'.$college->user->name.'/featured_image'.'/'.$old_filename.'.webp';
                                                @endphp
                                                <picture>
                                                    <source type="image/webp" srcset="{{$imageLink}}">
                                                    <source type="image/{{$extension}}" srcset="{{$url}}">
                                                    <img class="img-fluid img-link" src="{{$url}}" alt="{{$college->company_name}}">
                                                </picture>
                                                @else
                                                    <img class="img-fluid img-link" id="collegeLid" src="{{asset('public/uploads/company-default.png')}}" alt="">
                                                @endif
                                            </a>
                                        </div>
                                        <div class="col-md-8 col-lg-8 d-flex align-items-center">
                                            <div class="px-4 py-3" id="collegeF">
                                                <h2 class="mb-0">
                                                    <a class="link-fx h4 mb-2 d-inline-block text-dark" href="{{url(''.'/'.$client->user->name)}}">
                                                        {{$client->company_name}}
                                                    </a>
                                                </h2>
                                                <li><i class="fa fa-map-marked-alt"></i> @if(isset($client->location)){{$client->location}}@endif @if(isset($client->district->name)), {{$client->district->name}} @endif</li>
                                                <li><a href="{{url()->current().'?company_type='.$client->type}}"><i class="fa fa-building"></i> {{$client->type}}</a></li>
                                                <li>
                                                    @foreach($client->courses()->limit(4)->get() as $course)
                                                        @if(isset($course->course->name))
                                                            <a href="#" class="badge badge-primary badge-pill">{{$course->course->name}}</a>
                                                        @endif
                                                    @endforeach
                                                </li>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                        <!-- END Story -->

                        <!-- Pagination -->
                        <nav aria-label="Page navigation">
                            {{ $clients->withQueryString()->links() }}
                        </nav>
                        <!-- END Pagination -->
                    </div>
                </div>
            </div>
        </div>
        <!-- Page Content -->
        <div class="ts-blog section-bg">
            <div class="content p-0">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="py-3 pt-5 text-center" id="heading_ti_adn">
                            <h1 class="font-w700 mb-2" id="f_ad_ne_main_title">
                                Featured College
                            </h1>
                        </div>
                    </div>
                </div>
                <div class="row">
                    @foreach($platinums as $platinum)
                        <div class="col-lg-4 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="400ms" style="visibility: visible; animation-duration: 1.5s; animation-delay: 400ms; animation-name: fadeInUp;">
                            <div class="post">
                                <div class="post-media post-image">
                                    <a href="{{url(''.'/'.$platinum->user->name)}}">
                                        @if(isset($platinum->featured_image))
                                            @php
                                                $college = $platinum;
                                                $url = config('filesystems.asset').'/'.'clients'.'/'.$college->user->name.'/featured_image'.'/'.$college->featured_image;
                                                $uploadedFile = pathinfo($url);
                                                $old_filename = $uploadedFile['filename'];
                                                $extension = $uploadedFile['extension'];
                                                $imageLink = config('filesystems.asset').'/'.'clients'.'/'.$college->user->name.'/featured_image'.'/'.$old_filename.'.webp';
                                            @endphp
                                            <picture>
                                                <source type="image/webp" srcset="{{$imageLink}}">
                                                <source type="image/{{$extension}}" srcset="{{$url}}">
                                                <img class="img-fluid" src="{{$url}}" alt="{{$college->company_name}}">
                                            </picture>
                                        @else
                                            <img class="img-fluid" src="{{asset('public/uploads/company-default.png')}}" alt="">
                                        @endif
                                    </a>
                                </div>

                                <div class="post-body">
                                    <div class="post-meta">
                                        <span><i class="fa fa-map-marked-alt"></i> @if(isset($platinum->location)){{$platinum->location}}@endif @if(isset($platinum->district->name)), {{$platinum->district->name}} @endif</span>
                                    </div>
                                    <div class="entry-header">
                                        <h2 class="entry-title">
                                            <a href="{{url(''.'/'.$platinum->user->name)}}">{{$platinum->company_name}}</a>
                                        </h2>
                                    </div><!-- header end -->

                                    <div class="post-footer">
                                        <span>
                                            @foreach($platinum->courses()->limit(3)->get() as $course)
                                                @if(isset($course->course->name))
                                                    <a href="#" class="badge badge-primary badge-pill">{{$course->course->name}}</a>
                                                @endif
                                            @endforeach
                                        </span>
                                    </div>

                                </div><!-- post-body end -->
                            </div><!-- post end-->
                        </div><!-- col end-->
                    @endforeach
                </div><!-- row end-->
            </div><!-- container end-->
        </div>

@endsection