@extends('site.master')

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

@section('content')
    <section class="content">
        @if(!empty($page->translation->intro))
            @include('site.partials.intro', [ 'block' => $page->translation->intro, 'buttonbar' => true ])
        @endif

        @if(!empty($page->translation->steps))
            <section class="grid-row full-row steps" id="steps">
                <div class="grid-col" id="content">
                    <div class="grid-row">
                        <div class="grid-col">
                            <h2>{{$page->translation->steps->typeName}}</h2>
                            <div class="grid-col content">
                                <div class="description">
                                    {!! $page->translation->steps->description  !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @endif
        @if(!empty($page->translation->projectholder))
            <section class="grid-row full-row projectholder" id="content">
                <div class="grid-col">
                    <div class="grid-row">
                        <div class="top-triangle">@include('svg.triangle_filled')</div>
                        <div class="grid-col left kms-content">
                            <div class="description">
                                {!! $page->translation->projectholder->description  !!}
                            </div>
                        </div>
                        <div class="grid-col right">
                            @if(isset($homeProject) && isset($homeProject->translation))
                                <figure class="medium"
                                        @if(isset($homeProject->images[0]))
                                            style="background-image: url('{{$homeProject->images[0]->medium_image_url}}')"
                                        @endif
                                ></figure>
                                <div class="content">
                                    <h4>{{$homeProject->translation->subtitle}}</h4>
                                    <h2>{{$homeProject->translation->name}}</h2>
                                    {!! $homeProject->translation->project_description !!}
                                    @if(isset($links->projects))
                                        <a class="button arrow filled blue arrow" href="/{{$links->projects->route}}/{{$homeProject->translation->slug}}">@lang('site/global.show_product')</a>
                                    @endif
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </section>
        @endif

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