@extends('layouts.app')

@section('content')
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{-- __('Dashboard') --}}
        </h2>
    </x-slot>


<div class="d-flex justify-content-center ">
    <hr style="height: 2px; width:900px;"  class="text-danger shadow-lg">
</div>

    <div class="row d-flex justify-content-center ">
        <div class="text-wrap">
            <h1>Eventos</h1>
        </div>
    </div>
    <div class="row  d-flex justify-content-center p-3">

        <table class="d-flex justify-content-center p-5">
            @foreach($eventos_futuros as $e)
                <tr>
                    <button onclick="location.href='/verEvento/{{$e->id}}'" type="button" name="forum_id" value="{{$e->id}}" class="form-control-file  btn btn-primary mt-2">
                        {{$e->titulo}} &emsp;&emsp;&emsp;&emsp;&emsp;&emsp; {{$e->data}}
                    </button>
                </tr>
            @endforeach
        </table>

    </div>

    <div class="row d-flex justify-content-center ">
        <div class="text-wrap">
            <h1>Eventos Passados</h1>
        </div>
    </div>

    <div class="row  d-flex justify-content-center p-3">

        <table class="d-flex justify-content-center p-5">
            @foreach($eventos_passados as $e)
                <tr>
                    <button onclick="location.href='/verEvento/{{$e->id}}'" type="button" name="forum_id" value="{{$e->id}}" class="form-control-file  btn btn-primary mt-2">
                        {{$e->titulo}} &emsp;&emsp;&emsp;&emsp;&emsp;&emsp; {{$e->data}}
                    </button>
                </tr>
            @endforeach
        </table>

    </div>

@endsection