@php
    $partners = app('Webkul\Core\Repositories\PartnerRepository')
        ->where('company_id', core()->getCurrentChannel()->company_id)
        ->where('status', 1)
        ->get();
@endphp

@if (count($partners) && $velocityMetaData['partners'] === 1)

    <div class="container p-4">
        {{-- <h4>{{ __('admin::app.settings.partners.title') }}</h4> --}}
        <section class="customer-logos slider" >
            @foreach ($partners as $partner)
                <a href="{{ $partner->url }}" alt=" {{ $partner->url }}" target="_blank">
                    <div class="slide">
                        <img src="{{ $partner->image_url }}" width="125px" height="125px">
                    </div>
                </a>
            @endforeach
        </section>
    </div>

@endif


@push('scripts')
{{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js" integrity="sha512-HGOnQO9+SP1V92SrtZfjqxxtLmVzqZpjFFekvzZVWoiASSQgSr4cw9Kqd2+l8Llp4Gm0G8GIFJ4ddwZilcdb8A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> --}}
<script type="text/javascript" src="@version('assets/vendor/slick-carousel/slick.min.js')"></script>
<script>
    @if(count($partners) > 1)
        $(document).ready(function(){
            setTimeout(() => {
                $('.customer-logos').slick({
                    slidesToShow: 6,
                    slidesToScroll: 1,
                    autoplay: true,
                    autoplaySpeed: 1500,
                    arrows: false,
                    dots: false,
                    pauseOnHover: false,
                    responsive: [{
                        breakpoint: 1300,
                        settings: {
                            slidesToShow: 6
                        }
                    }, {
                        breakpoint: 800,
                        settings: {
                            slidesToShow: 2
                        }
                    }, {
                        breakpoint: 520,
                        settings: {
                            slidesToShow: 2
                        }
                    }, {
                        breakpoint: 400,
                        settings: {
                            slidesToShow: 1
                        }
                    }
                ]
                });
            }, 2000);
        });
    @endif
</script>
@endpush