@extends('site.master')

@section('title', $page->translation->meta_title != '' ? $page->translation->meta_title : $page->translation->name .' | '. $page->translation->name .' | '. config('site.company_name'))
@section('meta_description', $page->translation->meta_description)

@section('content')
    <div class="o-body">

        @include('site.organisms.hero', [
            'heroImages' => $page->documents->toArray(),
            'heroHeader' => $page->translation->hero_title,
            'heroText' => $page->translation->hero_description,
            'heroActionButtonLabel' => !empty($heroButton) ? $heroButton->translation->label : null,
            'heroActionButtonLink' => !empty($heroButton) ? $heroButton->translation->url : null,
        ])

        <div class="u-bg-wrapper">
            <div class="u-bg-triangle-neutral"></div>

            <div class="o-card-grid">
                <div class="o-card-grid__main">
                    <div class="o-card-grid__header">
                        <h3 class="o-card-grid__title  u-color-text--800  u-text-align-center">@lang('site/assortment.header')</h3>
                    </div>
                    <div class="o-card-grid__list  o-card-grid__list--deluxe">
                        @foreach($assortment as $model)
                            <div class="o-card-grid__item">
                                <a class="c-card" href="{{$model->translation->link}}" @if(\Str::startsWith($model->translation->link, ['http://', 'https://'])) target="_blank" @endif>
                                    <div class="c-card__image">
                                        <div class="c-card__image">
                                            @if($model->images->count() > 0)
                                                <img src="{{$model->images->first()->medium_image_url}}" alt="{{$model->images->first()->name}}">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="c-card__content">
                                        <p class="c-card__label">@lang('site/assortment.webshop')</p>
                                        <h4 class="c-card__title">{{$model->translation->title}}</h4>
                                        <div class="c-card__action">
                                            @include('site.components.button', [
                                                'buttonText' => __('site/assortment.toWebshopLabel'),
                                                'type' => 'text',
                                                'modifiers' => ['icon'],
                                                'tagName' => 'div'
                                            ])
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endforeach

                            {{-- Extra card with cta --}}
                            <div class="o-card-grid__item  o-card-grid__item--cta">

                                <div class="c-cta-card" href="{{$links->contact->route}}">
                                    <div class="c-cta-card__content">
                                        <p class="c-cta-card__lead">@lang('site/assortment.extraCard.leadText')</p>
                                        <div class="c-cta-card__action">
                                            @include('site.components.button', [
                                                'buttonText' => __('site/assortment.extraCard.buttonLabel'),
                                                'buttonLink' => $links->contact->route,
                                                'type' => 'text',
                                                'modifiers' => ['icon', 'on-dark'],
                                            ])
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
            </div>

        </div>


        @include('site.organisms.cardGrid', [
            'headerTitle' => __('site/global.featured.cardGrid.title'),
            'headerLinkLabel' => __('site/global.featured.cardGrid.linkToAllLabel'),
            'parentLink' => $links->projects->route,
            'cards' => $featuredProjects,
            'showOrnament' => true
        ])

        @include('site.organisms.calloutBar', ['showCalloutBarOrnament' => false])

    </div>
@endsection