@extends('site.master', ['view' => 'default'])

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

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

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

@endsection

@section('content')

    @if(isset($page->images) && $page->images->count() != 0)
        <section class="impression-image grid-row">
            <div class="placeholder">
                <figure>
                    @foreach(['large', 'medium', 'small'] as $size)
                        <span class="{{$size}}"
                              style="background-image: url('{{ $page->images->first()->{$size} }}');"></span>
                    @endforeach
                </figure>

                <div class="branding-logos">
                    @foreach(\Config::get('site.brandings') as $branding => $route)
                        <a target="_blank" class="{{$branding}}" href="{{$route}}"></a>
                    @endforeach
                </div>
            </div>
        </section>
    @endif

    <div class="page-title full-text-row @if(!isset($page->images) || $page->images->count() == 0) no-margin-top @endif">
        <div class="grid-row">
            <div class="grid-col kms-content">
                <h1>{{$page->translation->name}}</h1>

                @if(isset($page->translation) && $page->translation->meta_description != '')
                    <p>{{$page->translation->meta_description}}</p>
                @endif
            </div>
        </div>
    </div>


    <section class="grid-row dynamic-content">
        @include('site.partials.dynamic.dynamicBlocks', [ 'dynamicContent' => $page->translation->description ])
    </section>

    @include('site.partials.howItWorks.ctaRow')

    <section class="models-overview posts-overview posts-row">
        <div class="grid-row">
            <div class="title">
                <div class="title-wrapper">
                    <span class="icon"></span>
                    <h3>
                        Artikelen over Corona
                    </h3>
                </div>
                <a href="/{{$links->blog->route}}" class="button">
                    @lang('site/global.morePosts')
                    <span class="double-arrow"></span>
                </a>
            </div>
        </div>
    </section>

    @include('site.partials.posts.categoryOverview', [ 'disablePagination' => true ])

    <p>&nbsp;</p>

    <div id="properties">
        @include('site.partials.properties.faqRow', ['faqRowTitle' => 'Meestgestelde vragen over Corona'])
    </div>

@endsection