<div>
    <div class="c-heroV2__text">
        <div>
            <h1 class="c-heroV2__label">
                {!! !empty($model->translation->hero_label) ? $model->translation->hero_label : '' !!}
            </h1>
        </div>
        <div class="c-heroV2__mw">
            {!! !empty($model->translation->hero_description) ? $model->translation->hero_description : '' !!}
        </div>

        @if(!empty($model->translation->hero_button_1_label) || !empty($model->translation->hero_button_2_label))
            <div class="c-hero__buttons">
                @if(!empty($model->translation->hero_button_1_label) && !empty($model->translation->hero_button_1_link))
                    @include('site.components.buttonLink', [ 'modifiers' => 'filled', 'buttonText' => $model->translation->hero_button_1_label, 'buttonLink' => $model->translation->hero_button_1_link])
                @endif
                @if($model->translation->use_video == 1 && isset($model->translation->video_id))
                    <div class="c-hero__button">
                        <button class="c-button c-button--video-icon js-youtube-modal-button" data-youtube="{{$model->translation->video_id}}">
                            <span class="c-button__text">{{$model->translation->video_button_text}}</span>
                        </button>
                    </div>
                @else
                    @if(!empty($model->translation->hero_button_2_label) && !empty($model->translation->hero_button_2_link))
                        @include('site.components.buttonLink', ['buttonText' => $model->translation->hero_button_2_label, 'buttonLink' => $model->translation->hero_button_2_link])
                    @endif
                @endif
            </div>
        @endif

        @if(isset($model->translation->image_fullwidth) && !$model->translation->image_fullwidth)
            <div class="c-heroV2__column c-heroV2__column--contained">
                @include('site.components.imageNoLazy', ['images' => $model->documents->filter(function ($document) {return $document->key === 'Documents-hero_image-'.\App::getLocale(); }), 'imageId' => 'hero-slider' ])
            </div>
        @endif

    </div>

    {{--    <div class="c-heroV2__column c-heroV2__column--contained">--}}
    @if(isset($model->translation->image_fullwidth) && $model->translation->image_fullwidth)
        <div class="c-heroV2__column c-heroV2__column--top">
            @include('site.components.imageNoLazy', ['images' => $model->documents->filter(function ($document) {return $document->key === 'Documents-hero_image-'.\App::getLocale(); }), 'imageId' => 'hero-slider' ])
        </div>
    @endif
</div>