@extends('site.master', ['hasModal' => true])

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

@section('content')

    <div class="u-cow-spot" data-pos="left right"></div>

    @include('site.organisms.productDetail')

    @include('site.organisms.uspRow', ['modifiers' => ['blue-background', 'slant-reversed']])


{{--    <div class="u-bg-neutral--0  u-color-neutral--100  u-overflow-hidden">--}}
{{--        @include('site.components.slant')--}}
{{--    </div>--}}

{{--    @include('site.organisms.statsRow')--}}

    @include('site.organisms.quote', [
        'quoteImage' => (!empty($product->quoteImage)) ? $product->quoteImage : null,
        'quoteContent' => $product->translation->quote_description,
        'quoteAuthor' => $product->translation->quote_author,
        'quoteFunction' => $product->translation->quote_function,
    ])

    <div class="o-booking-widget">
        <div class="o-booking-widget__inner">
            <div class="o-booking-widget__content">
                <h2 class="">{{$product->translation->name}}</h2>
                <button class="c-button  c-button--wide  js-plan-popup"  data-product-id="{{ $product->id }}">
                    <span class="c-button__text">@lang('site/global.add_to_planning')</span>
                </button>
            </div>
        </div>
    </div>


    @include('site.organisms.otherPosters', [
        'modifiers' => 'no-slant',
        'postals' => $otherProducts,
        'otherPostersTitle' => __('site/products.other_posters_title'),
        'otherPostersHideButton' => false
    ])


    @include('site.organisms.contactImage')

    @include('site.organisms.locations', ['noSlant' => false])

@endsection