@extends('site.master', ['view' => 't-bumperball'])

@section('title', $product->translation->meta_title . ' | ' . $location->city. ' | ' . $page->translation->meta_title)
@section('meta_description', $product->translation->meta_description)

@section('content')

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

    @if(isset($links->page_28))
        @include('site.organisms.productDetail', ['linkToButton' => $links->page_28->route])
    @endif

    @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-book">
        <div class="o-book__top-slant  u-overflow-hidden">
            @include('site.components.slant')
        </div>

        @if(isset($links->page_28))
            <div class="o-book__main">
                <div class="o-book__content" id="bumperForm">
                    <h2 class="o-book__title  u-text-align-center  u-spacing-mt2  u-spacing-mb4">@lang('site/products.bumperball.formTitle')</h2>
                    @include('site.components.button',[
                        'modifiers' => ['wide'],
                        'buttonLink' => $links->page_28->route,
                        'buttonText' => 'Vraag nu je reservering aan',
                    ])
                </div>
            </div>
        @else
            <div class="o-book__main  o-book__main--form">
                <div class="o-book__content" id="bumperForm">
                    <h2 class="o-book__title  u-text-align-center  u-spacing-mt4">@lang('site/products.bumperball.formTitle')</h2>
                    <p class="o-book__subtitle  u-text-align-center">Je aanvraag is pas definitief na onze bevestiging via e-mail</p>
                    <div class="u-spacing-mt6">
                        @include('site.organisms.forms.bumperball')
                    </div>
                </div>
            </div>
        @endif
    </div>

    @if(isset($otherAvailableResults) && $otherAvailableResults->hasAnyResults())
        @include('site.organisms.otherPosters', [
            'postals' => $otherAvailableResults->getAllResults(),
            'otherPostersTitle' => __('site/availability.other_posters_title', ['location' => $location->city]),
            'otherPostersHideButton' => false
        ])
    @endif

    @include('site.organisms.uspRow')


@endsection