@extends('layouts.app')

@section('content')
    <div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" aria-label="Slide 1" class="active" aria-current="true"></button>
            <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2" class=""></button>
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active text-center col-12 col-md-12">
                <img src="assets/img/banner-1.jpeg" class="bd-placeholder-img" width="100%">
            </div>
            <div class="carousel-item text-center col-12 col-md-12">
                <img src="assets/img/banner-2.jpeg" class="bd-placeholder-img" width="100%">
            </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>
    <h1><strong></strong></h1>
    <h2></h2>
    </div>
    <div class="container">
        <h1>Eventos</h1>
        <hr>
        <div class="row">
            @foreach ($events as $event)
                <div class="card text-left col-12 col-md-6">
                    <img class="card-img-top" src="{{$event->path_img_event}}" alt="{{$event->title_event}}" style="width: 100%">
                    <div class="card-body text-center">
                        <h4 class="card-title"><strong style="font-size: 25px;">{{$event->title_event}}</strong></h4>
                        <p class="card-text"><strong style="color: rgb(255, 0, 0);font-size: 18px">{{$event->bairro_event}} - {{$event->city_country_event}}</strong></p>
                        @if(strtotime($event->date_time_event) > strtotime(date("Y-m-d H:i:s")) && $event->inscricao_finalizada == 0)
                            <a href="/orientationevents/{{ $event->id }}"><button class="btn btn-primary" style="color: #ffffff">INSCREVA-SE<br>LISTA INSCRITOS</button></a>
                        @elseif($event->inscricao_finalizada == 1)
                            <a href="/orientationevents/{{ $event->id }}"><button class="btn btn-warning" style="color: #ffffff">INSCRIÇÕES ENCERRADAS</button></a>
                        @else
                            <a href="/orientationevents/{{ $event->id }}"><button class="btn btn-warning" style="color: #ffffff">INSCRIÇÕES ENCERRADAS<br>VEJA O RESULTADO</button></a>
                        @endif
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection