@extends('site.master', [ 'view' => 't-gradient-bg', 'headerIsPartial' => $product->hero_layout === 2])

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

@if(!empty($product->translation->hero_description))

@section('hero-body')

    @if($product->hero_layout === 1)
        @include('site.components.heroTextImage', ['model' => $product, 'images' => $images, 'additionalCol' => true])
    @elseif($product->hero_layout === 3)
        @include('site.components.heroTextV2', ['model' => $product])
    @else
        @include('site.components.heroText', ['model' => $product])
    @endif

@endsection

@endif

@section('content')


    @switch($product->hero_layout)
        @case(0)
            @include('site.components.hero', ['heroImages' => $images, 'modifiers' => ['tight'], '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' => $images, 'modifiers' => ['small-text']])
            @break
        @case(3)
            @include('site.components.hero', ['heroImages' => $images, 'modifiers' => ['tight'], 'isSwirlGrey' => ((isset($components) && $components->isNotEmpty()) ? $components->first()->grey_background : 0)])
            @break

    @endswitch


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

    @include('site.components.youtubeModalOverlay')

@endsection