@extends("app.layout.base") @section("title") Aktiviteter @endsection @section("content") <style> div.card { margin-top: 1rem; margin-bottom: 30px; width: auto; heigt: auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } div.header { background-color: #00788a; color: white; padding: 8px; font-size: 10px; text-align: center; } div.container { padding: 8px; text-align: justify; line-height: 1.5; } ol { padding-right: 8px; } </style> <main> <h1 class="text-center sde-blue mb-0" style="margin-bottom: auto">{{ __('msg.aktiviteter') }}</h1> @if(!$events->isEmpty()) @foreach($events as $event) <form method="get" action="{{ route("userevents.create") }}" id="form{{$event->id}}"> <div class="card"> <div class="header"> <h3>{{ $event->name }}</h3> <p class="text-center mt-0">Af: {{ $event->accountable }}</p> <p class="text-center mt-0">{{ \Illuminate\Support\Facades\Date::createFromTimeStamp(strtotime($event->date))->format('d/m/Y \k\l\. H:i') }}</p> </div> <div class="container"> {!! $event->description !!} <input type="hidden" name="event_id" value="{{ $event->id }}"> {!! session()->get('error#' . $event->id) !!} {!! session()->get('signup#' . $event->id) !!} <div class="row"> <a style="width: 50%; margin: 0; padding: 0; text-align: start; font-weight: 700;" class="sde-blue" href="javascript:;" onclick="document.getElementById('form{{$event->id}}').submit();" >Tilmeld</a> <a style="width: 50%; margin: 0; padding: 0; text-align: end; font-weight: 700;" class="sde-blue" href="{{route("events.show", ["event" => $event->id ])}}">Læs mere</a> </div> </div> </div> </form> @endforeach @else <p class="text-center" style="margin-bottom: auto">{{__('msg.dereringenaktiviteter')}}!</p> @endif <a href="{{ route("userevents.index") }}" style="margin-top: auto" class="mt-2 btn text-center btn-sde-blue" id="tilmeld">{{__('msg.setilmeldteaktiviteter')}}</a> </main> @endsection