@extends("layouts.public")
@section("meta")
    @include('includes.seo-meta', [
        'slug' => 'past-events',
        'path' => '/past-events/' . $pastEvent->id,
        'defaults' => [
            'title' => ___($pastEvent, 'title') . ' - ' . config('app.name'),
            'description' => \Illuminate\Support\Str::limit(trim(strip_tags(___($pastEvent, 'description') ?: '')), 160),
        ],
    ])
    @push('json_ld')
        @include('includes.json-ld-graphs', [
            'graphs' => [
                schema_breadcrumb([
                    ['name' => __('public.breadcrumb.home'), 'url' => schema_absolute_url('/')],
                    ['name' => __('public.breadcrumb.past_events'), 'url' => schema_absolute_url('/past-events')],
                    ['name' => ___($pastEvent, 'title'), 'url' => schema_absolute_url('/past-events/' . $pastEvent->id)],
                ]),
            ],
        ])
    @endpush
@endsection

@section("content")
    @php
        $poster = $pastEvent->thumbnailUrl();
        $mediaItems = $pastEvent->media ?? collect();
    @endphp
    @include('includes.corano-breadcrumb', [
        'crumbs' => [
            ['label' => __('public.breadcrumb.past_events'), 'url' => __url('/past-events')],
            ['label' => ___($pastEvent, 'title')],
        ],
    ])

    <section class="past-event-single section-padding">
        <div class="container">
            <div class="section-title text-center">
                <p class="sub-title">{{ $pastEvent->event_date ? $pastEvent->event_date->format('d/m/Y') : __('public.home.past_events_title') }}</p>
                <h1 class="title">{{ ___($pastEvent, 'title') }}</h1>
            </div>

            @if($poster)
                <figure class="past-event-hero">
                    <img src="{{ $poster }}" alt="{{ ___($pastEvent, 'title') }}">
                </figure>
            @endif

            @if(___($pastEvent, 'description'))
                <div class="past-event-body rich-content">
                    {!! rich_html(___($pastEvent, 'description')) !!}
                </div>
            @endif

            @if($mediaItems->count())
                <div class="past-event-gallery">
                    @foreach($mediaItems as $item)
                        @php
                            $mediaUrl = $item->publicUrl();
                            $isVideo = $item->isVideo();
                            $videoJson = $isVideo
                                ? json_encode([
                                    'source' => [['src' => $mediaUrl, 'type' => 'video/mp4']],
                                    'attributes' => ['preload' => false, 'controls' => true],
                                ], JSON_UNESCAPED_SLASHES)
                                : null;
                        @endphp
                        @if($mediaUrl)
                            @if($isVideo)
                                <a
                                    class="past-event-media past-event-media-video gallery-item"
                                    data-video="{{ $videoJson }}"
                                    @if($poster) data-poster="{{ $poster }}" @endif
                                >
                                    <video src="{{ $mediaUrl }}" muted playsinline preload="metadata"></video>
                                    <span class="past-event-play" aria-hidden="true"><i class="fas fa-play"></i></span>
                                </a>
                            @else
                                <a class="past-event-media gallery-item" href="{{ $mediaUrl }}">
                                    <img src="{{ $mediaUrl }}" alt="{{ ___($pastEvent, 'title') }}">
                                </a>
                            @endif
                        @endif
                    @endforeach
                </div>
            @endif

            <div class="text-center">
                <a href="{{ __url('/past-events') }}" class="btn btn-hero">{{ __('public.home.past_events_all') }}</a>
            </div>
        </div>
    </section>
@endsection