@extends('layouts.master', ['view' => 'post-detail'])

@section('meta')
    <title>{{ $post->translation->name }} | {{ $page->translation->meta_title }}</title>
    <meta name="description" content="{{ $post->translation->meta_description }}">

    @if(isset($post->routeInOtherLanguages))
        @foreach($post->routeInOtherLanguages as $routeInOtherLanguage)
            <link rel="alternate" hreflang="{{$routeInOtherLanguage->iso_2}}"
                  href="{{ \URL::to($routeInOtherLanguage->route->route) }}"/>
        @endforeach
    @endif

@endsection

@section('editable_content')

    <section class="post-content grid-row">

        <div class="placeholder">

            {{--Post Header--}}
            <div class="post-header">
                <div class="return-to-overview">
                    <a class="button" href="/{{$links->posts->route}}">
                        @lang('translations.backToOverview')
                    </a>
                </div>

                <div class="title">
                    <h1>{{$post->translation->name}}</h1>
                    <a class="internalLink arrow-button down centered" href="#scrollToBlock"></a>
                </div>

                <div class="post-date">
                    <div class="placeholder">
                        <p>@lang('translations.articlePostDate')</p>
                        <time>
                            {{ $post->date->format('d / m / Y') }}
                        </time>
                    </div>
                </div>

            </div>

            {{-- Dynamic Content --}}
            <div class="post-dynamic" id="scrollToBlock">
                @include('layouts.partials.dynamic.dynamicBlocks', ['dynamicContent' => $post->translation->description])
            </div>
        </div>

    </section>

    {{-- Relative posts --}}
    <section class="relative-posts">
        <div class="grid-row">
            <div class="placeholder">
                @foreach($post->relativePosts as $post)
                    @include('layouts.partials.posts.indexPost')
                @endforeach
            </div>
            <a class="button" href="/{{$links->posts->route}}">
                @lang('translations.backToOverview')
            </a>
        </div>
    </section>

    {{-- Buttons row --}}
    <div class="main-buttons-row">
        <p>@lang('translations.moreAbout')</p>
        @include('layouts.partials.mainButtons')
        <div class="background"></div>
    </div>

    @include('layouts.partials.contactRow')

@endsection