@extends('edufair.layouts.master')
@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')}}">
@endsection
@section('content')
    {{-- <style>
        #page-container.page-header-glass.page-header-fixed #page-header{
            visibility: hidden;
        }
        #page-container.page-header-glass.page-header-fixed.page-header-scroll #page-header {
            visibility: visible;
            background-color: #0d3759;
            box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
        }
    </style> --}}
    <main id="main-container">
            <div class="findService bg-white">
                @if(count($platinums)>0)
                    <div class="platinum_sponsor bg-white py-4" id="platinum_section"></div>
                @endif
                @if(count($diamonds)>0)
                    <div class="gold_sponsor bg-white">
                        <div class="content">
                            <div class="py-3 text-center" id="heading_ti_adn">
                                <h1 class="font-w700 mb-2 text-uppercase" id="f_ad_ne_main_title">
                                    Diamond Sponsor
                                </h1>
                                <span>Connect schools with prospective students</span>
                            </div>
                            <div class="row justify-content-center" id="goldSl">
                                <div class="col-md-12">
                                    <div class="content pt-0">
                                        <div class="js-slider text-center" data-autoplay="true" data-autoplay-speed="1000" data-dots="false" data-arrows="true" data-slides-to-show="8">
                                            @foreach($diamonds as $diamond)
                                                @php
                                                    $college = $diamond;
                                                @endphp
                                                @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

                                                    <div class="py-3 col-md-6">
                                                        <div class="fS_logo">
                                                            <a href="{{url('edufair'.'/'.$college->user->name)}}" title="{{$college->company_name}}">
                                                                <picture>
                                                                    <source type="image/webp" loading="lazy" srcset="{{$imageLink}}">
                                                                    <source loading="lazy" type="image/{{$extension}}" srcset="{{$url}}">
                                                                    <img class="img-partners" loading="lazy" src="{{$url}}" alt="{{$college->company_name}}">
                                                                </picture>
                                                            </a>
                                                        </div>
                                                    </div>
                                                @endif

                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row justify-content-center" id="diamond_section">
                            </div>
                        </div>
                    </div>
                @endif
                @if(count($golds)>0)
                    <div class="gold_sponsor bg-white">
                        <div class="content">
                            <div class="py-3 text-center" id="heading_ti_adn">
                                <h1 class="font-w700 mb-2 text-uppercase" id="f_ad_ne_main_title">
                                    Gold Sponsor
                                </h1>
                                <span>Connect schools with prospective students</span>
                            </div>
                            <div class="row justify-content-center" id="goldSl">
                                <div class="col-md-12">
                                    <div class="content pt-0">
                                        <div class="js-slider text-center" data-autoplay="true" data-autoplay-speed="1000" data-dots="false" data-arrows="true" data-slides-to-show="8">
                                            @foreach($golds as $gold)
                                                @php
                                                    $college = $gold;
                                                @endphp
                                                @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

                                                    <div class="py-3 col-md-6">
                                                        <div class="fS_logo">
                                                            <a href="{{url('edufair'.'/'.$college->user->name)}}" title="{{$college->company_name}}">
                                                                <picture>
                                                                    <source type="image/webp" loading="lazy" srcset="{{$imageLink}}">
                                                                    <source loading="lazy" type="image/{{$extension}}" srcset="{{$url}}">
                                                                    <img class="img-partners" loading="lazy" src="{{$url}}" alt="{{$college->company_name}}">
                                                                </picture>
                                                            </a>
                                                        </div>
                                                    </div>
                                                @endif

                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row justify-content-center" id="gold_section">
                            </div>
                        </div>

                    </div>
                @endif

                @if(count($silvers)>0)
                        <div class="gold_sponsor bg-white">
                            <div class="content">
                                <div class="py-3 text-center" id="heading_ti_adn">
                                    <h1 class="font-w700 mb-2 text-uppercase" id="f_ad_ne_main_title">
                                        Silver Sponsor
                                    </h1>
                                    <span>Connect schools with prospective students</span>
                                </div>
                                <div class="row justify-content-center" id="goldSl">
                                    <div class="col-md-12">
                                        <div class="content pt-0">
                                            <div class="js-slider text-center" data-autoplay="true" data-autoplay-speed="1000" data-dots="false" data-arrows="true" data-slides-to-show="8">
                                                @foreach($silvers as $silver)
                                                    @php
                                                        $college = $silver;
                                                    @endphp
                                                    @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

                                                        <div class="py-3 col-md-6">
                                                            <div class="fS_logo">
                                                                <a href="{{url('edufair'.'/'.$college->user->name)}}" title="{{$college->company_name}}">
                                                                    <picture>
                                                                        <source type="image/webp" loading="lazy" srcset="{{$imageLink}}">
                                                                        <source loading="lazy" type="image/{{$extension}}" srcset="{{$url}}">
                                                                        <img class="img-partners" loading="lazy" src="{{$url}}" alt="{{$college->company_name}}">
                                                                    </picture>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    @endif
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row justify-content-center" id="silver_section">
                                </div>
                            </div>
                        </div>
                @endif


                @foreach($associations as $association)
                    <div class="courses section bg-white" id="directory_section">
                        <div class="content">
                            <div class="py-3 text-center" id="heading_ti_adn">
                                <h1 class="font-w700 mb-2 text-uppercase" id="f_ad_ne_main_title">
                                    {{$association->name}}
                                </h1>
                            </div>

                            <!-- Block Tabs Default Style -->
                            <div class="block shadow-none bg-transparent block-rounded">
                                <ul class="py-3 nav nav-tabs nav-tabs-block bg-transparent justify-content-center" id="listDAdN" data-toggle="tabs" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" href="#allS{{$association->id}}">All</a>
                                    </li>
                                    @foreach($states as $state)
                                        @if(count($state->verifiedActiveClients($association->id)->where('logo','!=',null)->get())>0)
                                            <li class="nav-item">
                                                <a class="nav-link" href="#province_{{$association->id}}_{{$state->id}}">{{$state->name}}</a>
                                            </li>
                                        @endif
                                    @endforeach
                                </ul>
                                <div class="row justify-content-center">
                                    <div class="col-md-12">
                                        <div class="content pt-3">
                                            <div class="js-slider text-center" data-autoplay="true" data-autoplay-speed="1000" data-dots="false" data-arrows="true" data-slides-to-show="8">
                                                @foreach($states as $state)
                                                    @php
                                                        $todayDate = date('d');
                                                        if($todayDate % 2 == 0){
                                                            $orderBy = 'ASC';
                                                        }
                                                        else{
                                                            $orderBy = 'DESC';
                                                        }

                                                    @endphp
                                                    @foreach($state->verifiedActiveClients($association->id)->where('logo','!=',null)->orderBy('company_name',$orderBy)->get() as $college)
                                                        @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

                                                        <div class="py-3 col-md-6">
                                                            <div class="fS_logo">
                                                                <a href="{{url('edufair'.'/'.$college->user->name)}}" title="{{$college->company_name}}">
                                                                    <picture>
                                                                        <source type="image/webp" loading="lazy" srcset="{{$imageLink}}">
                                                                        <so loading="lazy"urce type="image/{{$extension}}" srcset="{{$url}}">
                                                                            <img class="img-partners" src="{{$url}}" alt="{{$college->company_name}}"></so>
                                                                    </picture>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="block-content pt-4 bg-transparent tab-content">
                                    <div class="tab-pane active" id="allS{{$association->id}}" role="tabpanel">
                                        <div class="row">
                                            @foreach($association->clients as $client)
                                                @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

                                                    <div class="col-lg-6 col-md-6 col-12">
                                                        <div class="gold_sponsorIMG">
                                                            <a href="{{url('edufair'.'/'.$college->user->name)}}" title="{{$college->company_name}}">
                                                                <picture>
                                                                    <source type="image/webp" srcset="{{$imageLink}}">
                                                                    <source type="image/{{$extension}}" srcset="{{$url}}">
                                                                    <img class="img-fluid" src="{{$url}}" alt="{{$college->company_name}}">
                                                                </picture>
                                                            </a>
                                                        </div>
                                                    </div>

                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                    @foreach($states as $state)
                                        <div class="tab-pane" id="province_{{$association->id}}_{{$state->id}}" role="tabpanel">
                                            <div class="row">
                                                @php
                                                    $todayDate = date('d');
                                                    if($todayDate % 2 == 0){
                                                        $orderBy = 'ASC';
                                                    }
                                                    else{
                                                        $orderBy = 'DESC';
                                                    }

                                                @endphp
                                                @foreach($state->verifiedActiveClients($association->id)->where('featured_image','!=',null)->orderBy('company_name',$orderBy)->get() as $college)
                                                    @php
                                                        $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

                                                    <div class="col-lg-6 col-md-6 col-12">
                                                        <div class="gold_sponsorIMG">
                                                            <a href="{{url('edufair'.'/'.$college->user->name)}}" title="{{$college->company_name}}">
                                                                <picture>
                                                                    <source type="image/webp" srcset="{{$imageLink}}">
                                                                    <source type="image/{{$extension}}" srcset="{{$url}}">
                                                                    <img class="img-fluid" src="{{$url}}" alt="{{$college->company_name}}">
                                                                </picture>
                                                            </a>
                                                        </div>
                                                    </div>

                                                @endforeach
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <!-- END Block Tabs Default Style -->
                        </div>
                    </div>
                @endforeach

                    <div class="courses section bg-white" id="directory_section">
                        <div class="content">
                            <div class="py-3 text-center" id="heading_ti_adn">
                                <h1 class="font-w700 mb-2 text-uppercase" id="f_ad_ne_main_title">
                                    Progressive Schools
                                </h1>
                            </div>

                            <!-- Block Tabs Default Style -->
                            <div class="block shadow-none bg-transparent block-rounded">
                                <ul class="py-3 nav nav-tabs nav-tabs-block bg-transparent justify-content-center" id="listDAdN" data-toggle="tabs" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" href="#progressives">All</a>
                                    </li>
                                    @foreach($states as $state)
                                        @if(count($state->verifiedActiveProgressivesClients()->where('logo','!=',null)->get())>0)
                                            <li class="nav-item">
                                                <a class="nav-link" href="#province_progressives_{{$state->id}}">{{$state->name}}</a>
                                            </li>
                                        @endif
                                    @endforeach
                                </ul>
                                <div class="row justify-content-center">
                                    <div class="col-md-12">
                                        <div class="content pt-3">
                                            <div class="js-slider text-center" data-autoplay="true" data-autoplay-speed="1000" data-dots="false" data-arrows="true" data-slides-to-show="8">
                                                @foreach($states as $state)
                                                    @php
                                                        $todayDate = date('d');
                                                        if($todayDate % 2 == 0){
                                                            $orderBy = 'ASC';
                                                        }
                                                        else{
                                                            $orderBy = 'DESC';
                                                        }

                                                    @endphp
                                                    @foreach($state->verifiedActiveProgressivesClients()->where('logo','!=',null)->orderBy('company_name',$orderBy)->get() as $college)
                                                        @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

                                                        <div class="py-3 col-md-6">
                                                            <div class="fS_logo">
                                                                <a href="{{url('edufair'.'/'.$college->user->name)}}" title="{{$college->company_name}}">
                                                                    <picture>
                                                                        <source type="image/webp" loading="lazy" srcset="{{$imageLink}}">
                                                                        <so loading="lazy"urce type="image/{{$extension}}" srcset="{{$url}}">
                                                                            <img class="img-partners" src="{{$url}}" alt="{{$college->company_name}}"></so>
                                                                    </picture>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="block-content pt-4 bg-transparent tab-content">
                                    <div class="tab-pane active" id="progressives" role="tabpanel">
                                        <div class="row">
                                            @foreach($progressives as $client)
                                                @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

                                                    <div class="col-lg-6 col-md-6 col-12">
                                                        <div class="gold_sponsorIMG">
                                                            <a href="{{url('edufair'.'/'.$college->user->name)}}" title="{{$college->company_name}}">
                                                                <picture>
                                                                    <source type="image/webp" srcset="{{$imageLink}}">
                                                                    <source type="image/{{$extension}}" srcset="{{$url}}">
                                                                    <img class="img-fluid" src="{{$url}}" alt="{{$college->company_name}}">
                                                                </picture>
                                                            </a>
                                                        </div>
                                                    </div>

                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                    @foreach($states as $state)
                                        <div class="tab-pane" id="province_progressives_{{$state->id}}" role="tabpanel">
                                            <div class="row">
                                                @php
                                                    $todayDate = date('d');
                                                    if($todayDate % 2 == 0){
                                                        $orderBy = 'ASC';
                                                    }
                                                    else{
                                                        $orderBy = 'DESC';
                                                    }

                                                @endphp
                                                @foreach($state->verifiedActiveProgressivesClients()->where('featured_image','!=',null)->orderBy('company_name',$orderBy)->get() as $college)
                                                    @php
                                                        $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

                                                    <div class="col-lg-6 col-md-6 col-12">
                                                        <div class="gold_sponsorIMG">
                                                            <a href="{{url('edufair'.'/'.$college->user->name)}}" title="{{$college->company_name}}">
                                                                <picture>
                                                                    <source type="image/webp" srcset="{{$imageLink}}">
                                                                    <source type="image/{{$extension}}" srcset="{{$url}}">
                                                                    <img class="img-fluid" src="{{$url}}" alt="{{$college->company_name}}">
                                                                </picture>
                                                            </a>
                                                        </div>
                                                    </div>

                                                @endforeach
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <!-- END Block Tabs Default Style -->
                        </div>
                    </div>

            </div>

@endsection
@section('after_js')
            <script>
            $(document).ready(function () {

                $('#platinum_section').each(function (i,ls) {
                    $.ajax({
                        url: Laravel.url + "/edufair/getPlatinumClient",
                        method:"GET",
                        success: function (data, textStatus, request) {

                                    $('#platinum_section').html(data);
                                    // $("#"+data['id']).html(data['status']);
                                },
                                error: function (error) {
                                    debugger;
                                }
                    });
                });
                $('#diamond_section').each(function (i,ls) {
                    $.ajax({
                        url: Laravel.url + "/edufair/getDiamondClient",
                        method:"GET",
                        success: function (data, textStatus, request) {

                            $('#diamond_section').html(data);
                            // $("#"+data['id']).html(data['status']);
                        },
                        error: function (error) {
                            debugger;
                        }
                    });
                });

                $('#gold_section').each(function (i,ls) {
                    $.ajax({
                        url: Laravel.url + "/edufair/getGoldClient",
                        method:"GET",
                        success: function (data, textStatus, request) {

                                    $('#gold_section').html(data);
                                    // $("#"+data['id']).html(data['status']);
                                },
                                error: function (error) {
                                    debugger;
                                }
                    });
                });
                $('#silver_section').each(function (i,ls) {
                    $.ajax({
                        url: Laravel.url + "/edufair/getSilverClient",
                        method:"GET",
                        success: function (data, textStatus, request) {

                                    $('#silver_section').html(data);
                                    // $("#"+data['id']).html(data['status']);
                                },
                                error: function (error) {
                                    debugger;
                                }

                            });
                        });
            });

            </script>
            <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 src="{{url('theme/assets/js/plugins/slick-carousel/slick.min.js')}}"></script>
        <script src="{{url('theme/assets/js/plugins/slick-carousel/slick.min.js')}}"></script>
@endsection