@extends('site.master', [ 'view' => 't-gradient-bg', 'headerIsPartial' => $training->hero_layout === 2, 'headerIsLight' => ($training->hero_layout === 0 && count($training->images) > 0)])

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

@section('hero-body')

    @if($training->hero_layout === 1)
        @include('site.components.heroTextImage', ['model' => $training, 'images' => $training->images->where('key', 'Documents-trainings'), 'additionalCol' => true])
    @elseif($training->hero_layout === 0)
        @include('site.components.heroHeading', ['heroHeadingTitle' => $training->translation->name,])
    @else
        <div>
            <div class="c-hero__text">

                <h1 class="c-hero__title">{{ $training->translation->name }}</h1>

                {!! !empty($training->translation->hero_description) ? $training->translation->hero_description : '' !!}

                @if(!empty($training->translation->hero_button_1_label) || !empty($training->translation->hero_button_2_label))
                    <div class="s-buttongroup">
                        @if(!empty($training->translation->hero_button_1_label) && !empty($training->translation->hero_button_1_link))
                            @include('site.components.buttonLink', [ 'modifiers' => 'filled', 'buttonText' => $training->translation->hero_button_1_label, 'buttonLink' => $training->translation->hero_button_1_link])
                        @endif

                        @if(!empty($training->translation->hero_button_2_label) && !empty($training->translation->hero_button_2_link))
                            @include('site.components.buttonLink', ['buttonText' => $training->translation->hero_button_2_label, 'buttonLink' => $training->translation->hero_button_2_link])
                        @endif
                    </div>
                @endif

            </div>
        </div>
    @endif

@endsection

@section('content')

    @switch($training->hero_layout)
        @case(0)
        @include('site.components.hero', ['heroImages' => $training->images, 'modifiers' => ['tight', 'light-bg'], 'isSwirlGrey' => ((isset($components) && $components->isNotEmpty()) ? $components->first()->grey_background : 0)])
        @break

        @case(1)
        @include('site.components.hero', ['modifiers' => ['tight', 'small-text'], 'isSwirlGrey' => ((isset($components) && $components->isNotEmpty()) ? $components->first()->grey_background : 0)])
        @break
        @case(2)
        @include('site.components.heroPartial', [ 'heroImages' => $training->images, 'modifiers' => ['small-text'] ])
        @break
    @endswitch

    <div class="c-body  o-blocks">
        @include('site.organisms.components')
    </div>

{{--    @if($otherModels->count() != 0)--}}

{{--        <div class="l-grid o-block">--}}
{{--            <div>--}}
{{--                @include('site.organisms.otherModels', ['resourceRoute' => '/' . $links->trainings->route, 'otherModelTitle' => __('site/trainings.otherModelsTitle')])--}}
{{--            </div>--}}
{{--        </div>--}}

{{--    @endif--}}

@endsection