@extends('frontend-v3.pages.layout')

{{-- Admin-managed event page (App\Models\Event). Body HTML is sanitised on save (App\Support\HtmlSanitizer). --}}
@section('page')
    @include('frontend-v3.pages.events.styles')
    <div class="cultural-event-page" data-skip-entry-animation>
        <section class="cultural-event-hero" aria-labelledby="event-title">
            <div class="container">
                <nav class="cultural-event-breadcrumb" aria-label="Breadcrumb"><a href="{{ url('/') }}">Home</a><span>/</span><a href="{{ url('/events') }}">Events &amp; Media</a><span>/</span><span aria-current="page">{{ $eventTitle }}</span></nav>
                <div class="cultural-event-hero-grid">
                    <div class="cultural-event-copy" data-event-hero>
                        <span class="cultural-event-label">Event</span>
                        <h1 id="event-title">{{ $eventTitle }}</h1>
                        @if (filled($eventSummary))
                            <div class="cultural-event-divider" aria-hidden="true"><span></span><i></i><span></span></div>
                            <p>{{ $eventSummary }}</p>
                        @endif
                        @if (filled($eventBody))
                            <a class="cultural-event-discover" href="#event-story"><span class="cultural-event-arrow" aria-hidden="true">&#8595;</span><span>Discover the story</span></a>
                        @endif
                    </div>
                    <figure class="cultural-event-visual" data-event-hero><span class="cultural-event-visual-border" aria-hidden="true"></span><img src="{{ $eventImage }}" alt="{{ $eventImageAlt }}" fetchpriority="high"></figure>
                </div>
            </div>
        </section>
        @if (filled($eventBody))
            <section class="cultural-event-story" id="event-story" aria-label="Event story">
                <div class="container">
                    <div class="cultural-event-story-body" data-event-reveal>{!! $eventBody !!}</div>
                </div>
            </section>
        @endif
    </div>
    @include('frontend-v3.pages.events.scripts')
@endsection