@extends('website.layout')
@section('title',  'Evento '.$event->designacao.' - '. config('app.name'))
@section('banner')
    <div class="banner-2">
        <div class="fundo">
            <div class="container animacao text-center">
                <h1>{{ $event->designacao }}</h1>
                <p>Fique a par de tudo que aconteceu neste evento</p>
            </div>
        </div>
    </div>
@endsection
@section('content')
    <section class="bg-white py-5">
        <div class="container"> 
           <div class="row">
                <div class="col-lg-8 col-sm-12 mb-5 mb-lg-0">
                    <div class="card">
                        <img src="{{ asset('storage/eventos/'.$event->capa) }}" class="card-img-top" alt="...">
                        <div class="card-body">
                            <h4 class="card-title">{{ $event->designacao }} </h4>
                            <p class="card-text m-0">
                                <small><i class="bi bi-calendar"></i> {{ date('d/m/Y', strtotime($event->data_evento)) }}</small><br><br>
                                {!! $event->descricao !!}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-12 mb-3 mb-lg-0 servicos">
                    <h5 class="mb-3 fw-bold">Outros eventos</h5>
                    <div class="row">
                        @foreach ($events as $event)
                            <div class="col-lg-12 col-sm-12 mb-3">
                                <a href="{{ route('website.event', ['event' => $event, 'slug' => $event->slug]) }}">
                                    <div class="card h-100 border">
                                        <div class="card-body pb-2">                                                                            
                                            <small><i class="bi bi-calendar"></i> {{ date('d/m/Y', strtotime($event->data_evento)) }}</small><br>
                                            <h5 class="card-title">{{ $event->designacao }} </h5>                                        
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endforeach                    
                    </div>
                    <div class="mt-5">
                        {{ $events->appends(request()->query())->links() }}
                    </div>
                </div>
           </div>
        </div>
    </section>    
@endsection