@extends('layouts.app')

@section('seoheader')
    {!! $seo ?? '' !!}
@endsection


@section('content')

@include('utils.preloader')

@include('layouts.header')

<div class="breadcrumb-area">
    <div class="container-fluid custom-container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('web') }}">Inicio</a></li>
                <li class="breadcrumb-item active">Nuestros eventos</li>
            </ol>
        </nav>
    </div> <!-- recognitions -->
</div>

<section class="shop-area pt-20">
    <div class="container-fluid custom-container">
        <div class="row">
            @foreach ($events as $event)
                <div class="col-md-3">
                    <a href="{{ route('event', [$event->title]) }}">
                        <div class="card" >
                            <img class="card-img-top" src="{{ $event->image ?? '' }}" alt="{{ $event->title }}">
                            <div class="card-body">
                                <h5 class="card-title text-center">{{ $event->title }}</h5>
                            </div>
                        </div>
                    </a>
                </div>
            @endforeach
        </div>
    </div>
</section>


@include('layouts.footer')



@include('utils.backtop')

@endsection