@extends('site.master')

@section('title', !empty($post->translation->meta_title) ? $post->translation->meta_title : $post->translation->name . ' | ' .$page->translation->meta_title )
@section('meta_description', $post->translation->meta_description)

@section('content')

    <div class="l-contain">

        <article class="o-article">

            <div class="o-article__back">
                @include('site.components.textButton', ['textButtonText' => __('site/blog.backToOverview'), 'textButtonLink' => $previousRoute, 'modifiers' => ['icon', 'icon-inverted']])
            </div>

            <div class="o-article__heading">
                <h1>{{ $post->translation->name }}</h1>
            </div>

            <div class="o-article__author">
                @include('site.components.author', ['modifiers' => 'with-image', 'contactPerson' => $post->author()])
            </div>

            @if(isset($post->images) && $post->images->count() != 0)
                <picture class="o-article__hero">
                    @foreach(['large', 'medium', 'small'] as $imageSize)
                        @if(!$loop->last)
                            <source
                                    @switch($imageSize)
                                    @case('medium')
                                    media="(min-width: 425px)"
                                    @break
                                    @case('large')
                                    media="(min-width: 820px)"
                                    @break
                                    @endswitch
                                    srcset="{{ $post->images->first()->{$imageSize.'_image_url'} }}">
                        @else
                            <img src="{{ $post->images->first()->{$imageSize.'_image_url'} }}" alt="{{ $post->images->first()->name }}">
                        @endif
                    @endforeach
                </picture>


            @endif

            <div class="o-article__content">

                @include('site.organisms.components', ['layoutType' => 'article'])

            </div>

            <div class="o-article__back-bottom">
                @include('site.components.button', ['buttonText' => __('site/blog.backToOverview'), 'buttonLink' => $previousRoute, 'modifiers' => ['ghost', 'icon', 'icon-inverted']])
            </div>

        </article>

    </div>

    <div class="o-block  o-article__discover  l-contain">
        @include('site.organisms.discoverRow')
    </div>

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

@endsection