@extends('site.master')

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

@section('content')

    @if(\Input::get('page', 1) == 1)
        <div class="spotlight-row">
            <div class="grid-row">

                <h1>{{$page->translation->name}}</h1>

                <article class="first-post">
                    <a href="/{{$links->blog->route}}/{{$firstPost->translation->slug}}">
                        <figure>
                            <div class="placeholder">
                                @if($firstPost->images->count() != 0)
                                    <span class="medium"
                                          style="background-image: url('{{$firstPost->images->first()->medium}}');"></span>
                                    <span class="small"
                                          style="background-image: url('{{$firstPost->images->first()->small}}');"></span>
                                @endif
                            </div>
                        </figure>
                        <div class="kms-content">
                            <h3>{{$firstPost->translation->name}}</h3>
                            @if(isset($firstPost->translation) && $firstPost->translation->meta_description != '')
                                <p>{{$firstPost->translation->meta_description}}</p>
                            @endif

                            <span class="button light-blue read-more">
                        @lang('site/global.readMore')
                                <span class="double-arrow"></span>
                    </span>

                            <div class="post-meta">
                                <figure class="author-image">
                                    @if(isset($firstPost->author->images) && $firstPost->author->images->count() != 0)
                                        <span style="background-image: url('{{$firstPost->author->images->first()->small}}');"></span>
                                    @endif
                                </figure>
                                <span class="author-name">{{$firstPost->author->name}}</span>
                                <span class="date">{{ $firstPost->getHumanDateLong() }}</span>
                            </div>
                        </div>
                    </a>
                </article>
            </div>
        </div>

        <div class="most-recent-row">
            <div class="grid-row">
                @include('site.partials.posts.mostRecentPosts')
                <div class="feedback-company-placeholder">
                    @include('site.partials.feedbackCompanyReview', ['style' => 'grey-blue'])
                </div>
            </div>
        </div>
    @else
        <div class="grid-row post-category-title">
            <h1>{{$page->translation->name}}</h1>
        </div>
    @endif

    @include('site.partials.posts.categoryFiltersRow')

    @include('site.partials.posts.indexOverview')

@endsection