@extends('site.master')

@section('title', $page->translation->meta_title)
@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-ornament-triangle"></div>
            <div class="u-bg-triangle-neutral"></div>

            @include('site.organisms.components')

            @if(!empty($children))
            <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/projects.buttonLabel')</h3>
                    </div>
                    <div class="o-card-grid__list">
                        @foreach($children as $model)
                            <div class="o-card-grid__item">
                                <a class="c-card" href="{{$links->logibin->route . '/' . $model->translation->slug}}">
                                    <div class="c-card__image">
                                        @if($model->images->count() > 0)
                                            <img class=""
                                                 src="{{$model->images->first()->medium_image_url}}"
                                                 alt="{{$model->images->first()->name}}">
                                        @endif
                                    </div>
                                    <div class="c-card__content">
                                        {{--                                        <p class="c-card__label">@lang('site/projects.project')</p>--}}
                                        <h4 class="c-card__title">{{$model->translation->name}}</h4>
                                        <div class="c-card__action">
                                            @include('site.components.button', [
                                                'buttonText' => __('site/projects.buttonLabel'),
                                                'type' => 'text',
                                                'modifiers' => ['icon'],
                                                'tagName' => 'div'
                                            ])
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endforeach

                    </div>
                </div>
            </div>
            @endif

            @include('site.organisms.logibinCalloutBar')

        </div>
    </div>
@endsection