@extends("app.layout.base")
@section("title")
    Aktiviteter
@endsection

@section("content")
    <main>
        <h1 class="text-center sde-blue mb-0">Aktiviteter</h1>
        @if(!$events->isEmpty())
            @foreach($events as $event)
                <form method="get" action="{{ route("userevents.create") }}">
                    <h3 class="sde-blue bold text-center mb-0">{{$event->name}}</h3>
                    <p class="text-center mt-0">{{$event->date}}</p>
                    <p class="text-center">{{$event->description}}</p>
                    <input type="hidden" name="event_id" value="{{ $event->id }}">
                    {!! session()->get('error#' . $event->id) !!}
                    {!! session()->get('signup#' . $event->id) !!}
                    <button type="submit" class="btn text-center btn-sde-blue" id="tilmeld">Tilmeld</button>
                </form>
            @endforeach
        @else
            <p class="text-center">Der er ingen aktiviteter!</p>
        @endif
        <a href="{{ route("userevents.index") }}" type="submit" class="mt-2 btn text-center btn-sde-blue" id="tilmeld">Se Tilmeldte Aktiviteter</a>
    </main>
@endsection