@extends('site.master')

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

@section('content')
    @if(!empty($page->translation->experience) && $page->translation->experience->status)
        <div class="grid-row full-row experience" id="content">
            <div class="grid-col">
                <div class="grid-row dynamic-block content-block">
                    <div class="content kms-content">
                        {!! $page->translation->experience->description !!}


                        <a class="button arrow filled red" href="{{$page->translation->experience->link}}">
                            {{$page->translation->experience->link_text}}
                        </a>
                    </div>

                </div>
            </div>
            <div class="image">
                <figure class="medium"
                        @if(isset($page->translation->experience->images[0]))
                        style="background-image: url('{{$page->translation->experience->images[0]['medium']}}')"
                        @endif
                >
                    @if(isset($page->translation->experience->images[0]))
                        <img alt="impression" src="{{$page->translation->experience->images[0]['medium']}}" />
                    @endif
                </figure>
            </div>
        </div>
    @endif
    @if(!empty($page->translation->solutions) && $page->translation->solutions->status)
        <div class="grid-row solutions">
            <div class="grid-col">
                <div class="grid-row full-row dynamic-block two-text-columns">

                    <div class="content kms-content grid-col list">
                        {!! $page->translation->solutions->description->left !!}
                    </div>
                    <div class="content kms-content grid-col">
                        {!! $page->translation->solutions->description->right !!}

                        @if(isset($links->projects))
                            <a class="button arrow filled red" href="/{{$links->projects->route}}">
                                @lang('site/global.products')
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    @endif
    <div class="grid-row full-row product-icons">
        <div class="grid-col">
            <div class="grid-row">
                <div class="grid-col title-holder">
                    <h3>@lang('site/global.production')</h3>
                    <div class="diagonal-line white"></div>
                    <div class="diagonal-line white second"></div>
                </div>
                <div class="grid-col icon-holder">
                    <div class="grid-row">

                        {{-- Icon links --}}
                        @if(isset($links->production) && 1 == 2)
                            @foreach( $productionPages as $product)
                                @continue(!isset($links->{$product->code_name}))
                                <a class="{{$product->code_name}}" href="/{{$links->{$product->code_name}->route}}">
                                    <div class="icon">
                                        @includeIf('svg.'.$product->code_name)
                                    </div>
                                    <label>{{$links->{$product->code_name}->name}}</label>
                                </a>
                            @endforeach
                        @endif

                    </div>
                </div>
                <div class="floating-triangle">@include('svg.triangle_empty')</div>
            </div>
        </div>
    </div>

    <div class="grid-row full-row dual-display">
        <div class="grid-col">
            <div class="grid-row">
                @if(isset($links->jobs) && isset($homeJob) && isset($homeJob->translation) && app()->getLocale() != 'de')
                    <a class="grid-col job-holder" href="/{{$links->jobs->route}}">
                        <h3>Vacatures<span class="counter">{{!empty($jobCount) ? $jobCount : ''}}</span></h3>
                        <div class="job">
                            <figure class="medium">
                                @if(isset($homeJob->images[0]))
                                    <img alt="impression" src="{{$homeJob->images[0]->medium_image_url}}"/>
                                @endif
                            </figure>
                            <h4>{{$homeJob->translation->name}}</h4>
                            <p class="description">
                                {!! nl2br($homeJob->translation->meta_description) !!}
                            </p>
                        </div>
                        <span class="more">
                            <span class="more-button-placeholder">
                                @lang('site/global.more')
                                <span class="arrow-down"></span>
                            </span>
                        </span>
                    </a>
                @elseif(isset($links->projects))
                    <a class="grid-col project-holder" href="/{{$links->projects->route}}/{{$homeProject->translation->slug}}">
                        <h3>@lang('site/global.latest_product')</h3>
                        <div class="project">
                            <figure class="medium">
                                @if(isset($homeProject->images[0]))
                                    <img alt="impression" src="{{$homeProject->images[0]->medium_image_url}}"/>
                                @endif
                            </figure>
                            <h4>{{$homeProject->translation->name}}</h4>
                            <p class="description">
                                {!! $homeProject->translation->meta_description !!}
                            </p>
                        </div>
                        <span class="more">
                            <span class="more-button-placeholder">
                                @lang('site/global.more')
                                <span class="arrow-down"></span>
                            </span>
                        </span>
                    </a>
                @endif

                @if(isset($links->posts) && !empty($homePost))
                        <a class="grid-col project-holder" href="/{{$links->posts->route}}/{{$homePost->translation->slug}}">
                            <h3>@lang('site/global.latestNews')</h3>
                            <div class="project">
                                <figure class="medium">
                                    @if(isset($homePost->images) && $homePost->images->isNotEmpty())
                                        <img alt="impression" src="{{$homePost->images[0]->medium_image_url}}"/>
                                    @endif
                                </figure>
                                <h4>{{$homePost->translation->name}}</h4>
                                <p class="description  description--more">
                                    {{ $homePost->date->format('d-m-Y') }}
                                </p>
                            </div>
                            <span class="more">
                        <span class="more-button-placeholder">
                            @lang('site/global.more')
                            <span class="arrow-down"></span>
                        </span>
                    </span>
                        </a>
                @elseif(isset($links->projects))
                    <a class="grid-col project-holder" href="/{{$links->projects->route}}/{{$homeProject->translation->slug}}">
                        <h3>@lang('site/global.latest_product')</h3>
                        <div class="project">
                            <figure class="medium">
                                @if(isset($homeProject->images[0]))
                                    <img alt="impression" src="{{$homeProject->images[0]->medium_image_url}}"/>
                                @endif
                            </figure>
                            <h4>{{$homeProject->translation->name}}</h4>
                            <p class="description">
                                {!! $homeProject->translation->meta_description !!}
                            </p>
                        </div>
                        <span class="more">
                            <span class="more-button-placeholder">
                                @lang('site/global.more')
                                <span class="arrow-down"></span>
                            </span>
                        </span>
                    </a>
                @endif

            </div>
        </div>
    </div>

    @include('site.partials.CTA-bottom')

@endsection