@extends('layouts.master')

@section('editable_content')

    <div class="header-background">

        <div class="content-container">

            @include('layouts.partials.contactPerson')

            <div class="base-breadcrumb">
                @include('layouts.partials.breadcrumb')
            </div>

            <div class="reference-intro-text portfolio-intro-text">
                <h1>{{$page->content->projects_introduction->translation->name}}</h1>
                {{ $page->content->projects_introduction->translation->description }}
            </div>


            <div class="latest-posts">
                @foreach($projects as $project)
                    <div class="post-block button-linking" data-href="/{{$project->translation->route->route}}">

                        <div class="post-image" style=" @if($project->images->count() != 0) background-image: url('{{$project->images->first()->medium_image_url}}') @endif">
                        </div>

                        <div class="post-intro">

                            <h2>{{$project->translation->name}}</h2>
                            <h4>{{$project->translation->sub_title}}</h4>

                        </div>

                    </div>
                @endforeach
            </div>

        </div>

    </div>

    @include('layouts.partials.cta')

@endsection