@extends('site.master', ['view' => 'project-sub'])

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

@section('content')

    <section class="content">
        {{--@include('site.partials.production-header', [ 'block' => $page->translation->header, 'subpage' => true ])--}}
        <div class="grid-row full-row production-header">
            <div class="grid-col">
                <div class="grid-row">
                    <div class="grid-col left">
                        <a href="#projects" class="scroll-to-target">
                            <div class="back-button">
                                @include('svg.arrow')
                            </div>
                        </a>
                    </div>

                    <div class="grid-col right">
                        <div class="white-block">
                            <div class="header-content">
                                {!! $page->translation->header->description  !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid-row full-row project-overview" id="projects">
            <div class="grid-col">
                <div class="grid-row">
                    <div class="grid-col left">
                        @if(isset($links->projects) && isset($projects))
                            @foreach( $projects as $projectdetail)
                                <article>
                                    <a href="/{{$links->projects->route}}/{{$projectdetail->translation->slug}}">
                                        <h2>{{ $projectdetail->translation->name }}</h2>
                                        <h3>{{ $projectdetail->translation->subtitle }}</h3>
                                    </a>
                                </article>
                            @endforeach
                        @endif
                    </div>
                    <div class="project-overview__paginator">
                        {{$projects->links('site.partials.pagination7')}}
                    </div>
                    <div class="grid-col right">
                        <figure class="medium"
                                @if(isset($page->images[0]))
                                style="background-image: url('{{$page->images[0]->large_image_url}}')"
                                @endif
                        >
                            @if(isset($page->images[0]))
                                <img alt="impression" src="{{$page->images[0]->medium_image_url}}"/>
                            @endif
                        </figure>
                    </div>
                </div>
            </div>

        </div>
    </section>
    @include('site.partials.CTA-bottom')

@endsection