@extends('master', [ 'headerIsLight' => true ])

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

@section('content')
    <div class="c-body">
        <div class="l-contain  o-block">

            <section class="t-blog">


                <div class="t-blog__content">

                    @if($posts->count() != 0)
                        <div class="l-matrix">
                            @foreach($posts as $post)
                                @if($post->translation)
                                    <article class="l-matrix__item  c-thumbnail">
                                        <a class="c-thumbnail__link"
                                           href="{{$links->posts->route}}/{{$post->translation->slug}}">

                                            <div class="c-thumbnail__frame  has-hover-effect">
                                                <span class="c-thumbnail__image" @if(isset($post->images) && $post->images->count() != 0) style="background-image: url('{{ $post->images->first()->small_image_url }}');"  @endif ></span>
                                            </div>


                                            <div class="c-thumbnail__content">
                                                <p class="c-thumbnail__caption">{{ $post->translation->name }}</p>
                                            </div>
                                        </a>
                                    </article>
                                @endif
                            @endforeach
                        </div>

                    @else

                        <div class="u-text-align-center">
                            <h3 class="u-color-secondary">@lang('posts.no_posts')</h3>
                        </div>

                    @endif

                </div>

                <div class="t-blog__footer">
                    {{-- Default Komma Pagination 1 ... 2 c 2 .. 1 =  7 --}}
                    @include('components.pagination.list', ['paginator' => $posts])

                    {{-- Default Laravel Pagination 2 ... 3 c 3 ... 2 = 11 --}}
                    {{--        {{$posts->links()}}--}}
                </div>

            </section>

        </div>

    </div>
@endsection