@extends('website.layout')
@section('title', 'Eventos - ' . config('app.name'))
@section('banner')
    <div class="banner-2">
        <div class="fundo">
            <div class="container animacao text-center">
                <h1>Eventos</h1>
                <p>Reviva os nossos eventos</p>
            </div>
        </div>
    </div>
@endsection
@section('content')
    <section class="bg-white pb-3 servicos">
        <div class="container">             
            @if ($events->count() == 0)
                <div class="bg-light border rounded-3 p-3 animacao">
                    Nenhum outro evento disponível
                </div>
            @else
                <div class="row">
                    @foreach ($events as $event)
                        <div class="col-lg-4 col-sm-12 mb-3">
                            <div class="card h-100">
                                <img src="{{ asset('storage/eventos/'.$event->capa) }}" class="card-img-top" alt="...">
                                <div class="card-body">                                    
                                    <i class="bi bi-calendar"></i> {{ date('d/m/Y', strtotime($event->data_evento)) }}
                                    <h5 class="card-title">{{ $event->designacao }} </h5>
                                    <a href="{{ route('website.event', ['event'=> $event, 'slug' => $event->slug]) }}" class="badge bg-light py-2 border">Ver detalhes <i class="bi bi-eye"></i></a>                                    
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="mt-5">
                    {{ $events->appends(request()->query())->links() }}
                </div>
            @endif            
        </div>
    </section>
    
@endsection