@extends('website.layouts.app')

@section('content')

    <section class="bg-light py-10" id="speakersSection">
        <div class="container">
            <h2 class="text-primary text-uppercase fs-38 fw-bold mb-7">
                {{ now()->year }} {{ __('app.Our speakers') }}
            </h2>

            <div class="row justify-content-center gx-4 gx-md-6 gy-5 gy-md-8 mb-8">
                @forelse ($eventSpeakers as $speaker)
                    <div class="col-6 col-xl-2 col-lg-3 col-md-4 col-sm-6 mx-auto">
                        @include('website.components.speaker-card-with-modal', ['speaker' => $speaker])
                    </div>
                @empty
                    <div class="col-12 mx-auto text-center">
                        <p class="lead my-16 fs-38">
                            Stay tuned
                        </p>
                    </div>
                @endforelse

                <div class="col-12 mt-3">
                    {{ $eventSpeakers->withQueryString()->links('website.layouts.pagination') }}
                    {{-- $eventSpeakers->onEachSide(1)->withQueryString()->links() --}}
                </div>
            </div>
        </div>
    </section>

    @include('website.sections.subscribe-form')

@endsection