@extends('site.master')

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

@section('content')

    <section class="grid-row full-row intro">
        <div class="grid-col">
            <div class="grid-row">
                <div class="grid-col left">

                    <div class="latest-post">

                        @if(isset($posts->first()->images) && $posts->first()->images->isNotEmpty() )
                            <a class="c-post-item" href="/{{$links->{$page->code_name}->route}}/{{$posts->first()->translation->slug}}">
                                <figure class="c-post-item__image">
                                    <img alt="{{$posts->first()->images->first()->name}}" src="{{ $posts->first()->images->first()->medium_image_url }}">
                                </figure>
                            </a>
                        @endif

                    </div>
                    <div class="red_triangle"></div>
                    @if($page->code_name != 'offerte')
                        <a class="mouse scroll-to-target" href="#content">
                            <svg width="22px" height="36px" viewBox="0 0 22 36" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
                                <title>mouse_white</title>
                                <desc>Created with Sketch.</desc>
                                <defs></defs>
                                <g id="mouse_white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
                                   stroke-linecap="round" stroke-linejoin="round">
                                    <g id="Icon/Mouse" stroke="#FFFFFF" stroke-width="1.5">
                                        <path d="M10.9014,35.3115 C5.3184,35.3115 0.7504,30.7445 0.7504,25.1615 L0.7504,10.9015 C0.7504,5.3185 5.3184,0.7495 10.9014,0.7495 C16.4844,0.7495 21.0514,5.3185 21.0514,10.9015 L21.0514,25.1615 C21.0514,30.7445 16.4844,35.3115 10.9014,35.3115 Z"
                                              id="Stroke-1"></path>
                                        <path d="M10.9014,7.6455 L10.9014,13.3325" id="Stroke-3"></path>
                                    </g>
                                </g>
                            </svg>
                            <span class="vertical-line"></span>
                            <span class="text">Naar beneden</span>
                        </a>
                    @endif
                </div>
                <div class="grid-col right">
                    <h1>{{$page->translation->name}}</h1>

                    @if($posts->count() != 0)
                        <a class="c-post-item  c-post-item__indent" href="/{{$links->{$page->code_name}->route}}/{{$posts->first()->translation->slug}}">

                            <div class="c-post-item__body">

                                <h2 class="c-post-item__title">{{ $posts->first()->translation->name }}</h2>
                                <div class="c-post-item__date">{{ $posts->first()->date->format('d-m-Y') }}</div>

                                <span class="c-post-item__button">Lees meer</span>
                            </div>

                        </a>

                    @endif

                    <div class="diagonal-line blue second"></div>
                    <div class="diagonal-line blue third"></div>
                </div>
            </div>
        </div>
    </section>


    <section class="c-posts-row">

        <div class="grid-row">

            <div class="c-posts-row__grid">

                @foreach($posts as $post)
                    @continue($loop->iteration == 1)

                    <div class="c-posts-row__item">
                        @include('site.partials.posts.item')
                    </div>
                @endforeach

            </div>

            <div class="c-posts-row__paginator">
                {{$posts->links('site.partials.pagination7')}}
            </div>

        </div>

    </section>

@endsection