@extends('layouts.app')
@section('content')
    <section class="section is-fullheight">
        <h1 class="font-bold text-5xl text-center">Nos partenaires</h1>
        @if(count($partners) === 0)
            <p class="text-base text-center mt-10">
                Nous n'avons pas de partenaires
            </p>
        @endif
        <div class="mt-12">
            <div class="partners">
                @foreach($partners as $partner)
                    <img src="{{ $partner->image_url }}" alt="Logo de notre partenaire « {{ $partner->name }} »" class="partner-logo">
                @endforeach
            </div>
        </div>
    </section>
@endsection

@push('scripts')
    <script src="{{ asset('src/jquery.min.js') }}" defer></script>
    <script src="{{ asset('src/slick.min.js') }}" defer></script>
    @vite('resources/js/partner.js')
@endpush