@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">
                    <div class="courses section bg-white" id="directory_section">
                        <div class="content">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="py-5 pt-5 text-center" id="heading_ti_adn">
                                        <h1 class="font-w700 mb-2" id="f_ad_ne_main_title">
                                            Progressive Schools
                                        </h1>
                                    </div>
                                </div><!-- col end-->
                            </div><!-- row end-->

                            <!-- 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('public/ajax/homepage.js')}}"></script>
    <!--video -->
            <script src="{{url('public/theme/assets/js/dashmix.app.min.js')}}"></script>
{{--            <script src="{{url('public/theme/assets/js/plugins/vide/jquery.vide.min.js')}}"></script>--}}
        <!--slider -->
        <script src="{{url('public/theme/assets/js/plugins/slick-carousel/slick.min.js')}}"></script>
        <script src="{{url('public/theme/assets/js/plugins/slick-carousel/slick.min.js')}}"></script>
@endsection