@extends("app.layout.base")

@section("title")
    Event
@endsection

@section("content")
    <style>
        iframe, .ql-video {
            width: 100%;
        }

        h2, h3, h4 {
            margin-top: 0;
        }
    </style>
    <main>
        <h1 style="margin-bottom: 2rem" class="text-center sde-blue mt-0">{{__('msg.aktiviteter')}}</h1>
        <div style="padding: 4px; margin-top: .25rem; text-align: justify; ">
            <h2 class="text-center sde-blue mt-0 mb-1">{{ $event->name }}</h2>
            <p class="text-center mt-0">{{__('msg.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>
        {!!$event->description!!}
        </div>
        <button style="margin-top: auto" onclick="window.history.back()" class="btn btn-sde-blue text-white mb-1 mt-1" >{{__('msg.tilbage')}}</button>
    </main>
@endsection