@extends('edufair.layouts.master')
@section('content')
    <main id="main-container">
        <div class="courses section bg-white pt-7">
            <div class="content">
                <div class="py-4">
                    <div class="d-flex bd-highlight">
                        <div class="p-2 flex-grow-1 bd-highlight">
                            <h2 class="font-w700 mb-2 text-uppercase text-left text-primary">
                                Featured Listing <span class="text-danger"> Schools </span>
                            </h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content p-lg-0">
                <div class="row">
                    <div class="col-md-4 col-lg-5 col-xl-4">
                        <div class="content block border p-lg-0">
                            <!-- Logo -->
                            <div class="text-center d-lg-none push">
                                <a class="link-fx font-size-lg text-dark font-w600" href="/">
                                    <span class="text-muted">Virtual</span>Edufair
                                </a>
                            </div>
                            <!-- END Logo -->

                            <!-- Toggle Side Content -->
                            <div class="row gutters-tiny d-lg-none push">
                                <div class="col-6">
                                    <!-- Toggle Sidebar -->
                                    <!-- Layout API, functionality initialized in Template._uiApiLayout()-->
                                    <button type="button" class="btn btn-block btn-primary" data-toggle="layout" data-action="sidebar_toggle">
                                        <i class="fa fa-bars mr-1"></i> Menu
                                    </button>
                                </div>
                                <div class="col-6">
                                    <!-- Class Toggle, functionality initialized in Helpers.coreToggleClass() -->
                                    <button type="button" class="btn btn-block btn-alt-primary" data-toggle="class-toggle" data-target="#side-content" data-class="d-none">
                                        <i class="fa fa-flask mr-1"></i> Filters
                                    </button>
                                </div>
                            </div>
                            <!-- END Toggle Side Content -->

                            <!-- Search Travel -->
                            <form action="" method="get">
                                <!-- Side Content -->
                                <div id="side-content" class="d-none d-lg-block push">
                                    <!-- House Type -->
                                    <div class="block block-rounded @if(!request('association')) block-mode-hidden @endif">
                                        <div class="block-header block-header-default">
                                            <h3 class="block-title">
                                                <i class="fa fa-fw fa-home opacity-25 mr-1"></i> Association Type
                                            </h3>
                                            <div class="block-options">
                                                <button type="button" class="btn-block-option" data-toggle="block-option" data-action="content_toggle"></button>
                                            </div>
                                        </div>
                                        <div class="block-content">
                                            <div class="form-group row gutters-tiny items-push">
                                                <div class="col-12">
                                                    <div class="custom-control custom-block custom-control-primary">
                                                        <input type="radio" class="custom-control-input" id="association_all" value="all" @if(request('association')=='all') checked @endif name="association" onchange="javascript:this.form.submit();">
                                                        <label class="custom-control-label" for="association_all">
                                                            <span class="d-block text-left">
                                                                <span class="d-block">
                                                                    All
                                                                </span>
                                                            </span>
                                                        </label>
                                                        <span class="custom-block-indicator">
                                                            <i class="fa fa-check"></i>
                                                        </span>
                                                    </div>
                                                </div>
                                                {{-- <div class="col-12">
                                                    <div class="custom-control custom-block custom-control-primary">
                                                        <input type="radio" class="custom-control-input" id="association_c_s" value="community_school" @if(request('association')=='community_school') checked @endif name="association" onchange="javascript:this.form.submit();">
                                                        <label class="custom-control-label" for="association_c_s">
                                                            <span class="d-block text-left">
                                                                <span class="d-block">
                                                                    Community Schools (+2)
                                                                </span>
                                                            </span>
                                                        </label>
                                                        <span class="custom-block-indicator">
                                                            <i class="fa fa-check"></i>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <div class="custom-control custom-block custom-control-primary">
                                                        <input type="radio" class="custom-control-input" id="association_c_c" value="community_college" @if(request('association')=='community_college') checked @endif name="association" onchange="javascript:this.form.submit();">
                                                        <label class="custom-control-label" for="association_c_c">
                                                            <span class="d-block text-left">
                                                                Public Colleges (+2)
                                                            </span>
                                                        </label>
                                                        <span class="custom-block-indicator">
                                                            <i class="fa fa-check"></i>
                                                        </span>
                                                    </div>
                                                </div> --}}
                                                
                                                <div class="col-12">
                                                    <div class="custom-control custom-block custom-control-primary">
                                                        <input type="radio" class="custom-control-input" id="association_pabson" value="pabson" @if(request('association')=='pabson') checked @endif name="association" onchange="javascript:this.form.submit();">
                                                        <label class="custom-control-label" for="association_pabson">
                                                            <span class="d-block text-left text-uppercase">
                                                               Pabson
                                                            </span>
                                                        </label>
                                                        <span class="custom-block-indicator">
                                                            <i class="fa fa-check"></i>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <div class="custom-control custom-block custom-control-primary">
                                                        <input type="radio" class="custom-control-input" id="association_n_pabsan" value="n_pabson" @if(request('association')=='n_pabson') checked @endif name="association" onchange="javascript:this.form.submit();">
                                                        <label class="custom-control-label" for="association_n_pabsan">
                                                            <span class="d-block text-left text-uppercase">
                                                               N-Pabsan
                                                            </span>
                                                        </label>
                                                        <span class="custom-block-indicator">
                                                            <i class="fa fa-check"></i>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <div class="custom-control custom-block custom-control-primary">
                                                        <input type="radio" class="custom-control-input" id="association_trust" value="trust" @if(request('association')=='trust') checked @endif name="association" onchange="javascript:this.form.submit();">
                                                        <label class="custom-control-label" for="association_trust">
                                                            <span class="d-block text-left">
                                                               Trust
                                                            </span>
                                                        </label>
                                                        <span class="custom-block-indicator">
                                                            <i class="fa fa-check"></i>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END House Type -->
                                    <div class="block block-rounded @if(!request('board')) block-mode-hidden @endif">
                                        <div class="block-header block-header-default">
                                            <h3 class="block-title">
                                                <i class="fa fa-graduation-cap text-primary-lighter"></i> Board Type
                                            </h3>
                                            <div class="block-options">
                                                <button type="button" class="btn-block-option" data-toggle="block-option" data-action="content_toggle"></button>
                                            </div>
                                        </div>
                                        <div class="block-content">
                                            <div class="form-group row gutters-tiny items-push">
                                                <select class="form-control" name="board" onchange="javascript:this.form.submit();">
                                                    <option value="">All</option>
                                                    @foreach($boards as $board)
                                                        <option value="{{$board->id}}" @if(request('board')==$board->id) selected @endif>{{$board->company_name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Trip -->
                                    <div class="block block-rounded @if(!request('course_id')) block-mode-hidden @endif">
                                        <div class="block-header block-header-default">
                                            <h3 class="block-title">
                                                <i class="fa fa-graduation-cap text-primary-lighter"></i> Courses
                                            </h3>
                                            <div class="block-options">
                                                <button type="button" class="btn-block-option" data-toggle="block-option" data-action="content_toggle"></button>
                                            </div>
                                        </div>
                                        <div class="block-content">
                                            <div class="form-group row gutters-tiny items-push">
                                                @foreach($courses as $course)
                                                <div class="col-6">
                                                    <div class="custom-control custom-checkbox custom-checkbox-square custom-control-lg">
                                                        <input type="checkbox" class="custom-control-input" @if(request('course_id')) @if(\App\Client\Course::where('id',$course->id)->whereIn('id',request('course_id'))->first()) checked @endif @endif value="{{$course->id}}" id="course_{{$course->id}}" name="course_id[]" onchange="javascript:this.form.submit();">
                                                        <label class="custom-control-label font-w400" for="course_{{$course->id}}">{{$course->name}}</label>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END Trip -->
                                    <!-- Amenities -->
                                    <div class="block block-rounded @if(!request('state_id')) block-mode-hidden @endif">
                                        <div class="block-header block-header-default">
                                            <h3 class="block-title">
                                                <i class="fa fa-graduation-cap text-primary-lighter"></i> Province
                                            </h3>
                                            <div class="block-options">
                                                <button type="button" class="btn-block-option" data-toggle="block-option" data-action="content_toggle"></button>
                                            </div>
                                        </div>
                                        <div class="block-content">
                                            <div class="form-group row gutters-tiny items-push">
                                                <select class="form-control" name="state_id" onchange="javascript:this.form.submit();">
                                                    <option value="">All</option>
                                                    @foreach($states as $state)
                                                        <option value="{{$state->id}}" @if(request('state_id')==$state->id) selected @endif>{{$state->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END Amenities -->
                                     <!-- Amenities -->
                                     <div class="block block-rounded @if(!request('district_id')) block-mode-hidden @endif">
                                        <div class="block-header block-header-default">
                                            <h3 class="block-title">
                                                <i class="fa fa-graduation-cap text-primary-lighter"></i> District
                                            </h3>
                                            <div class="block-options">
                                                <button type="button" class="btn-block-option" data-toggle="block-option" data-action="content_toggle"></button>
                                            </div>
                                        </div>
                                        <div class="block-content">
                                            <div class="form-group row gutters-tiny items-push">
                                                @foreach($districts as $district)
                                                <div class="col-6">
                                                    <div class="custom-control custom-checkbox custom-checkbox-square custom-control-lg">
                                                        <input type="checkbox" class="custom-control-input" @if(request('district_id')) @if(\App\District::whereIn('id',request('district_id'))->where('id',$district->id)->first()) checked @endif @endif value="{{$district->id}}" id="district_{{$district->id}}" name="district_id[]" onchange="javascript:this.form.submit();">
                                                        <label class="custom-control-label font-w400" for="district_{{$district->id}}">{{$district->name}}</label>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END Amenities -->
                                     <!-- Amenities -->
                                     <div class="block block-rounded @if(!request('city_id')) block-mode-hidden @endif">
                                        <div class="block-header block-header-default">
                                            <h3 class="block-title">
                                                <i class="fa fa-graduation-cap text-primary-lighter"></i> Municipality
                                            </h3>
                                            <div class="block-options">
                                                <button type="button" class="btn-block-option" data-toggle="block-option" data-action="content_toggle"></button>
                                            </div>
                                        </div>
                                        <div class="block-content">
                                            <div class="form-group row gutters-tiny items-push">
                                                @foreach($cities as $city)
                                                <div class="col-6">
                                                    <div class="custom-control custom-checkbox custom-checkbox-square custom-control-lg">
                                                        <input type="checkbox" class="custom-control-input" @if(request('city_id')) @if(\App\Client\City::whereIn('id',request('city_id'))->where('id',$city->id)->first()) checked @endif @endif value="{{$city->id}}" id="municipality{{$city->id}}" name="city_id[]" onchange="javascript:this.form.submit();">
                                                        <label class="custom-control-label font-w400" for="municipality{{$city->id}}">{{$city->name}}</label>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END Amenities -->
                                </div>
                                <!-- END Side Content -->
                            </form>
                        </div>
                    </div>
                    <div class="col-8">
                        <div class="row justify-content-center">
                            @foreach($platinums as $college)
                                @if(!($college->user->name=='theedunepal' || $college->user->name=='virtualedufairnepal'))
                                    <div class="col-lg-6">
                                        <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 p-2">
                                                        <a href="/{{$college->user->name}}">
                                                            @if(isset($college->logo))

                                                                @php
                                                                    $url = config('filesystems.asset').'/'.'clients'.'/'.$college->user->name.'/logo'.'/'.$college->logo;
                                                                    $uploadedFile = pathinfo($url);
                                                                    $old_filename = $uploadedFile['filename'];
                                                                    $extension = $uploadedFile['extension'];
                                                                    $imageLink = config('filesystems.asset').'/'.'clients'.'/'.$college->user->name.'/logo'.'/'.$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>
                                                            @endif
                                                        </a>
                                                    </div>
                                                    <div class="col-md-8 col-lg-8 d-flex align-items-center">
                                                        <div class="px-2 py-2">
                                                            <p class="mb-1">
                                                                <a class="text-primary-dark font-w700" href="/{{$college->user->name}}">
                                                                    {{$college->company_name}}
                                                                </a>
                                                            </p>
                                                            <p class="mb-2">
                                                                @if(isset($college->district->name)){{$college->district->name}}, @endif @if(isset($college->city->name)){{$college->city->name}}, @endif {{$college->location}}
                                                            </p>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                            @foreach($golds as $college)
                                @if(!($college->user->name=='theedunepal' || $college->user->name=='virtualedufairnepal'))
                                    <div class="col-lg-6">
                                        <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 p-2">
                                                        <a href="/{{$college->user->name}}">
                                                            @if(isset($college->logo))

                                                                @php
                                                                    $url = config('filesystems.asset').'/'.'clients'.'/'.$college->user->name.'/logo'.'/'.$college->logo;
                                                                    $uploadedFile = pathinfo($url);
                                                                    $old_filename = $uploadedFile['filename'];
                                                                    $extension = $uploadedFile['extension'];
                                                                    $imageLink = config('filesystems.asset').'/'.'clients'.'/'.$college->user->name.'/logo'.'/'.$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>
                                                            @endif
                                                        </a>
                                                    </div>
                                                    <div class="col-md-8 col-lg-8 d-flex align-items-center">
                                                        <div class="px-2 py-2">
                                                            <p class="mb-1">
                                                                <a class="text-primary-dark font-w700" href="/{{$college->user->name}}">
                                                                    {{$college->company_name}}
                                                                </a>
                                                            </p>
                                                            <p class="mb-2">
                                                                @if(isset($college->district->name)){{$college->district->name}}, @endif @if(isset($college->city->name)){{$college->city->name}}, @endif {{$college->location}}
                                                            </p>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                            @foreach($silvers as $college)
                                @if(!($college->user->name=='theedunepal' || $college->user->name=='virtualedufairnepal'))
                                    <div class="col-lg-6">
                                        <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 p-2">
                                                        <a href="/{{$college->user->name}}">
                                                            @if(isset($college->logo))

                                                                @php
                                                                    $url = config('filesystems.asset').'/'.'clients'.'/'.$college->user->name.'/logo'.'/'.$college->logo;
                                                                    $uploadedFile = pathinfo($url);
                                                                    $old_filename = $uploadedFile['filename'];
                                                                    $extension = $uploadedFile['extension'];
                                                                    $imageLink = config('filesystems.asset').'/'.'clients'.'/'.$college->user->name.'/logo'.'/'.$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>
                                                            @endif
                                                        </a>
                                                    </div>
                                                    <div class="col-md-8 col-lg-8 d-flex align-items-center">
                                                        <div class="px-2 py-2">
                                                            <p class="mb-1">
                                                                <a class="text-primary-dark font-w700" href="/{{$college->user->name}}">
                                                                    {{$college->company_name}}
                                                                </a>
                                                            </p>
                                                            <p class="mb-2">
                                                                @if(isset($college->district->name)){{$college->district->name}}, @endif @if(isset($college->city->name)){{$college->city->name}}, @endif {{$college->location}}
                                                            </p>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                            @foreach($listing_colleges as $college)
                                @if(!($college->user->name=='theedunepal' || $college->user->name=='virtualedufairnepal'))
                                    <div class="col-lg-6">
                                        <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 p-2">
                                                        <a href="/{{$college->user->name}}">
                                                            @if(isset($college->logo))

                                                                @php
                                                                    $url = config('filesystems.asset').'/'.'clients'.'/'.$college->user->name.'/logo'.'/'.$college->logo;
                                                                    $uploadedFile = pathinfo($url);
                                                                    $old_filename = $uploadedFile['filename'];
                                                                    $extension = $uploadedFile['extension'];
                                                                    $imageLink = config('filesystems.asset').'/'.'clients'.'/'.$college->user->name.'/logo'.'/'.$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>
                                                            @endif
                                                        </a>
                                                    </div>
                                                    <div class="col-md-8 col-lg-8 d-flex align-items-center">
                                                        <div class="px-2 py-2">
                                                            <p class="mb-1">
                                                                <a class="text-primary-dark font-w700" href="/{{$college->user->name}}">
                                                                    {{$college->company_name}}
                                                                </a>
                                                            </p>
                                                            <p class="mb-2">
                                                                @if(isset($college->district->name)){{$college->district->name}}, @endif @if(isset($college->city->name)){{$college->city->name}}, @endif {{$college->location}}
                                                            </p>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection

    @section('after_js')
    @if(!(\Illuminate\Support\Facades\Auth::check()))
    <script type="text/javascript">
        $(window).on('load',function(){
            $('#myModal').modal('show');
        });
    </script>
    @endif
            <script src="{{url('/ajax/homepage.js')}}"></script>
    <!--video -->
            <script src="{{url('/theme/assets/js/dashmix.app.min.js')}}"></script>
{{--            <script src="{{url('theme/assets/js/plugins/vide/jquery.vide.min.js')}}"></script>--}}
        <!--slider -->
            <script>
                function updateTimer() {
                    future = Date.parse("july 16, 2021 16:40:00");
                    now = new Date();
                    diff = future - now;

                    days = Math.floor(diff / (1000 * 60 * 60 * 24));
                    hours = Math.floor(diff / (1000 * 60 * 60));
                    mins = Math.floor(diff / (1000 * 60));
                    secs = Math.floor(diff / 1000);

                    d = days;
                    h = hours - days * 24;
                    m = mins - hours * 60;
                    s = secs - mins * 60;

                    document.getElementById("timer")
                        .innerHTML =
                        '<div>' + d + '<span>DAYS</span></div>' +
                        '<div>' + h + '<span>HRS</span></div>' +
                        '<div>' + m + '<span>MIN</span></div>' +
                        '<div>' + s + '<span>SEC</span></div>';
                }
                setInterval('updateTimer()', 1000);

            </script>
        @endsection
        @section('logo_slider_css')
            <link rel="stylesheet" href="{{asset('/theme/assets/js/plugins/slick-carousel/slick.css')}}">
            <link rel="stylesheet" href="{{asset('/theme/assets/js/plugins/slick-carousel/slick-theme.css')}}">
            <style>
                ul.number li {
                    list-style: decimal;
                }

                #timer {
                    font-size: 3em;
                    font-weight: 700;
                    color: #fff;
                //   text-shadow: 0 0 20px #48c8ff;
                }

                #timer div {
                    display: inline-block;
                    min-width: 90px;
                    border: 2px dotted #ddd;
                    text-align: center;
                    padding: 0 5px;
                    border-radius: 10px;
                    margin: 0 5px;
                }

                #timer div span {
                    color: #fff;
                    display: block;
                    font-size: 1rem;
                    font-weight: 500;
                }

                .text-jobfair {
                    color: #c91015 !important;
                }

                // breadcomes
                   .bg-gd-white-op-rl {
                       background: linear-gradient(175deg, #bb0005 0%, rgba(158, 6, 6, 0.97) 30%, #c91015 70%, rgb(171 0 0) 100%);
                   }

                .q_sponsor_imgg img {
                    /* max-width: 100%; */
                    /* height: 120px; */
                    padding: 20px;
                    /* object-fit: cover; */
                }

                .q_sponsor_imgg {
                    border: 1px solid #ddd;
                }

            </style>

        @endsection