@extends('site.master')

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')
    <div class="o-body">

        <div class="o-hero  o-hero--small">
            <div class="u-bg-triangle-primary"></div>
            <div class="o-hero__main">
                <div class="o-hero__figure">
                    @if(isset($page->images) && $page->images->count() != 0)
                        <div class="c-hex-shape">

                            <figure class="c-hero-slider">
                                <div class="c-hero-slider__frame">
                                    <picture class="c-hero-slider__picture  is-active">
                                        <img class="c-hero-slider__image"
                                             src="{{$page->images->first()['large_image_url']}}"
                                             alt="{{$page->images->first()['name']}}" />
                                    </picture>
                                </div>
                            </figure>

                        </div>
                    @endif
                </div>
                <div class="o-hero__content  o-hero__content--wide">
                    <p class="o-hero__title">{{ $page->translation->name }}</p>
                    <h1 class="o-hero__header">{{ $page->translation->hero_title }}</h1>
                    <p class="o-hero__text">{{$page->translation->hero_description}}</p>
                </div>
            </div>
        </div>

        <div class="u-bg-wrapper  u-bg-neutral--100">
            <div class="u-ornament-triangle"></div>
            <div class="u-bg-triangle-neutral"></div>

            <div class="l-newsgrid  l-contain  o-block">

                @if($events->count() >= 1)
                    <div class="l-newsgrid__list  l-newsgrid__list--no-images">
                        @foreach($events as $model)
                            <div class="l-newsgrid__item">
                                @include('site.organisms.eventcard', ['parentRoute' => $links->events->route])
                            </div>
                        @endforeach
                    </div>
                @else
                    <div class="c-newscard  o-block">
                        <article class="c-newscard__frame  u-spacing-pv">
                            <div class="c-newscard__content  c-newscard__content--message">
                                <h2 class="u-fs-m  u-color-primary--500">@lang('site/posts.noPosts')</h2>
                            </div>
                        </article>
                    </div>
                @endif

            </div>

            @if (isset($events) && $events->hasPages())
                @include('site.components.pagination.list', ['paginator' => $events])
            @endif
        </div>




    @include('site.organisms.calloutBar', ['showCalloutBarOrnament' => true])

@endsection