@extends("app.layout.base")
@extends("app.layout.header")
@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="post" action="{{ route("userevents.update", ['user' => Auth::user()], ['event' => $event->id]) }}">
                    <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>
                    <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
    </main>
@endsection