@extends('site.master')

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

@section('meta_information')
    <meta property="og:url" content="{{\Request::url()}}"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title"
          content="{{$mmh->translation->meta_title }}"/>
    <meta property="og:description" content="{{$mmh->translation->meta_description}}"/>

    @if(isset($mmh->images) && $mmh->images->count() != 0)
        <meta property="og:image" content="{{\Request::root().$mmh->images->first()->medium_image_url}}"/>
    @endif
@endsection

@section('content')

    <article class="o-article">
        <div class="l-contain">

            <div class="o-article__main">

{{--                <div class="o-article__back">--}}
{{--                    @include('site.components.textButton', [--}}
{{--                        'textButtonLink' => $previousRoute,--}}
{{--                        'textButtonText' => __('site/posts.back_to_overview'),--}}
{{--                        'modifiers' => ['icon', 'icon-back'],--}}
{{--                    ])--}}
{{--                </div>--}}

                <h1 class="o-article__title">{{$mmh->translation->name}}</h1>

                @if(isset($mmh->images) && $mmh->images->count() != 0)
                    <picture class="o-article__image">
                        @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="{{ $mmh->images->first()->{$imageSize.'_image_url'} }}">
                            @else
                                <img src="{{ $mmh->images->first()->{$imageSize.'_image_url'} }}"
                                     alt="{{$mmh->images->first()->name}}">
                            @endif
                        @endforeach
                    </picture>
                @endif

                <div class="o-article__content">
                    @include('site.organisms.components', ['componentLayout' => 'article'])
                </div>

            </div>

        </div>
    </article>

    <div class="o-article__mmh-footer">
        @include('site.organisms.latestPosts', [
            'latestPostsTitle' => __('site/global.follow_our_blog')
        ])
    </div>

    @include('site.organisms.cta')

@endsection