@extends('edufair.layouts.master')
@section('logo_slider_css')
    <link rel="stylesheet" href="{{asset('public/theme/assets/js/plugins/slick-carousel/slick.css')}}">
    <link rel="stylesheet" href="{{asset('public/theme/assets/js/plugins/slick-carousel/slick-theme.css')}}">
@endsection
@section('content')
    <!-- Main Container -->
    <main id="main-container">
        <div class="findService bg-white">
            <div class="bg_dark_sfa">
                <div class="content p-2">
                    <div class="py-4 text-left" id="heading_ti_adn">
                        <div class="row justify-content-center">
                            <div class="col-lg-7">
                                <div class="bg-white">
                                    <div class="row">
                                        <div class="col-4">
                                            <div class="dropdown">
                                                <button type="button" class="btn dropdown-toggle" id="dropdown-default-hero-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Province
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="dropdown-default-hero-light" style="">
                                                    <a class="dropdown-item" href="javascript:void(0)">Province 1</a>
                                                    <a class="dropdown-item" href="javascript:void(0)">Province 2</a>
                                                    <a class="dropdown-item" href="javascript:void(0)">Province 3</a>
                                                    <a class="dropdown-item" href="javascript:void(0)">Province 4</a>
                                                    <a class="dropdown-item" href="javascript:void(0)">Province 5</a>
                                                    <a class="dropdown-item" href="javascript:void(0)">Province 6</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="dropdown border_red">
                                                <button type="button" class="btn dropdown-toggle" id="dropdown-default-hero-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    City
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="dropdown-default-hero-light" style="">
                                                    <a class="dropdown-item" href="javascript:void(0)">Kathmandu</a>
                                                    <a class="dropdown-item" href="javascript:void(0)">Bhaktapur</a>
                                                    <a class="dropdown-item" href="javascript:void(0)">Pokhara</a>
                                                    <a class="dropdown-item" href="javascript:void(0)">Butwal</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="dropdown">
                                                <button type="button" class="btn dropdown-toggle" id="dropdown-default-hero-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    District
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="dropdown-default-hero-light" style="">
                                                    <a class="dropdown-item" href="javascript:void(0)">Kalanki </a>
                                                    <a class="dropdown-item" href="javascript:void(0)">Putalisadak</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>                           
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @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>
                        </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" srcset="{{$imageLink}}">
                                                                <source type="image/{{$extension}}" srcset="{{$url}}">
                                                                <img class="img-partners" 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
            @foreach($associations as $association)
                    @if(count($association->clients)>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">
                                    {{$association->name}}
                                </h1>
                            </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($association->clients as $top_college)
                                                @php
                                                    $college = $top_college;
                                                @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" srcset="{{$imageLink}}">
                                                                    <source type="image/{{$extension}}" srcset="{{$url}}">
                                                                    <img class="img-partners" src="{{$url}}" alt="{{$college->company_name}}">
                                                                </picture>
                                                            </a>
                                                        </div>
                                                    </div>
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row justify-content-center">
                                <div class="col-md-12">
                                    <!-- Slider with multiple images and center mode -->
                                    <div class="block shadow-none">
                                        <div class="row">
                                            @foreach($association->clients  as $top_college)
                                                @php
                                                    $college = $top_college;
                                                @endphp
                                                @if(isset($college->featured_image))
                                                    @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-md-6">
                                                        <div class="silverS">
                                                            <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>
                                    <!-- END Slider with multiple images and center mode -->
                                </div>
                            </div>
                        </div>

                    </div>
                    @endif
                @endforeach

        @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>
                        </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" srcset="{{$imageLink}}">
                                                                <source type="image/{{$extension}}" srcset="{{$url}}">
                                                                <img class="img-partners" 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>
                        </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" srcset="{{$imageLink}}">
                                                                <source type="image/{{$extension}}" srcset="{{$url}}">
                                                                <img class="img-partners" 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
                

            <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">
                            Province Sponsor
                        </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">All</a>
                            </li>
                            @foreach($states as $state)
                                @if(count($state->verifiedActiveProvinceClientsClients()->where('logo','!=',null)->get())>0)
                                    <li class="nav-item">
                                        <a class="nav-link" href="#province_{{$state->id}}">{{$state->name}}</a>
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                        <div class="row justify-content-center" id="goldSl">
                            <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->verifiedActiveProvinceClientsClients()->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" srcset="{{$imageLink}}">
                                                                <source type="image/{{$extension}}" srcset="{{$url}}">
                                                                <img class="img-partners" src="{{$url}}" alt="{{$college->company_name}}">
                                                            </picture>
                                                        </a>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="block-content pt-4 bg-transparent tab-content" id="province_section">
                        </div>
                    </div>
                    <!-- END Block Tabs Default Style -->
                </div>
            </div>
        </div>
@endsection

@section('after_js')
            <script>

                $(document).ready(function () {

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

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

                        });
                    });
                    $('#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;
                            }

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

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

                        });
                    });
                });
            </script>
            <script src="{{url('public/theme/assets/js/plugins/slick-carousel/slick.min.js')}}"></script>
            @if(!(\Illuminate\Support\Facades\Auth::check()))
            <script type="text/javascript">
                $(window).on('load',function(){
                    $('#myModal').modal('show');
                });
            </script>
            @endif
@endsection