@extends('site.master', ['headerIsPartial' => $page->hero_layout === 2])

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

@section('hero-description')
    <div class="c-hero__text">
        <h1>{{  !empty($page->translation->visual_name) ? $page->translation->visual_name : $page->translation->name }}</h1>
        {!! nl2br($page->translation->description) !!}
    </div>
@endsection

@section('hero-body')

    @if($page->hero_layout === 0)
        @include('site.components.heroHeading', [
                   'heroHeadingTitle' => ( !empty($page->translation->visual_name) ? $page->translation->visual_name : $page->translation->name),
                   'heroHeadingSubTitle' => $page->translation->description,
               ])
    @elseif($page->hero_layout === 1)
        @include('site.components.heroTextImage', [
            'model' => $page,
            'images' => $images,
            'headerIsLight' => true
        ])
    @elseif($page->hero_layout === 2)
        <div class="c-hero__text">
            <h1>{{  !empty($page->translation->visual_name) ? $page->translation->visual_name : $page->translation->name }}</h1>
            <p class="u-margin-top-32">{!! nl2br($page->translation->description) !!}</p>

            @if($page->code_name === 'rentmanapp')
                @include('site.components.cta.appButtons', ['withCta' => false])
            @endif
        </div>
    @endif

@endsection

@section('content')

    @switch($page->hero_layout)
        @case(0)
            @if(in_array($page->code_name, ['contact-sales', 'promo']))
                @include('site.components.hero', ['heroImages' => $images, 'modifiers' => ['tight', 'light-bg']])
            @else
                @include('site.components.hero', ['heroImages' => $images, 'modifiers' => ['tight']])
            @endif
            @break

        @case(1)
            @include('site.components.hero', ['modifiers' => ['tight', 'small-text']])
            @break

        @case(2)
            @include('site.components.heroPartial', [ 'heroImages' => $images, 'modifiers' => ['small-text'] ])
            @break
    @endswitch

{{--    @include('site.components.hero',['isSwirlGrey' => ((isset($components) && $components->isNotEmpty()) ? $components->first()->grey_background : 0)])--}}

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

@endsection