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

@section("content")
    <main>
        <h1 class="text-center sde-blue mb-0">Aktiviteter</h1>
        {!! session()->get('eventunsubscribed') !!}
        @if(!$userevents->isEmpty())
            @foreach($userevents as $userevent)
                <form method="post" action="{{ route("userevents.destroy", $userevent) }}">
                    @csrf
                    @method("delete")
                    <h3 class="sde-blue bold text-center mb-0">{{$userevent->name}}</h3>
                    <p class="text-center mt-0">{{$userevent->date}}</p>
                    <p class="text-center">{{$userevent->description}}</p>
                    <button type="submit" class="btn text-center btn-sde-blue" onclick="return confirm('Are you sure you want to remove this event?');">Afmeld</button>
                </form>
            @endforeach
        @else
            <p class="text-center">Du har ikke tilmeldt dig nogen aktiviteter!</p>
        @endif
        <a href="{{ route("events.index") }}" type="submit" class="mt-2 btn text-center btn-sde-blue">Tilbage</a>
    </main>
@endsection