@extends('site.master')

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

@section('content')

    <div class="l-main  u-bg-neutral--100">

        @if(isset($send) && $send)

            <div class="u-wrapper">
                <div class="l-contain  o-block">

                    <div class="l-double">

                        <div class="l-double__left">
                            <img class="o-duplex__image  u-clip-path" data-id="clip-path-image-1"
                                 src="/img/contact/impression.jpg" alt="Impression farmfun">
                        </div>

                        <div class="l-double__right  s-text">

                            <h1>{{ $page->translation->visual_name }}</h1>
                            <p>Bedankt voor je offerte aanvraag.</p>

                            <p>We nemen binnen 48 uur contact met je op (werkdagen).</p>

                            <h3 class="o-contact__subheader">{{ config('site.company.name') }}</h3>

                            <div class="o-contact__datagrid">

                                <div data-pos="left">
                                    <a href="tel:{{ site_config('phone.call') }}"
                                       class="o-contact__link  o-contact__phone">{{ site_config('phone.display') }}</a>
                                    <a href="mailto:{{ site_config('email') }}"
                                       class="o-contact__link  o-contact__mail">{{ site_config('email') }}</a>
                                    <p class="u-spacing-mt4">
                                        @lang('company.vat_number') {{ site_config('vat') }}
                                    </p>
                                </div>

                                <div data-pos="right">
                                    <p>Volg ons hier voor koe-le evenementen en nieuws</p>

                                    <ul class="o-contact__social">
                                        @foreach(site_config('social') as $channelName => $channelLink)
                                            <li class="o-contact__channel  {{$channelName}}">
                                                <a class="o-contact__icon" target="_blank"
                                                   title="{{ ucfirst($channelName) }}" href="{{$channelLink}}">
                                                    <svg width="22" height="22">
                                                        <use href="/img/social/{{ $channelName }}.svg#{{ $channelName }}"></use>
                                                    </svg>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>

                            </div>

                        </div>
                    </div> {{-- End l-double--}}

                </div>
            </div>

        @else

            <div class="o-process  o-process--quotation">
                <div class="o-process__grid">

                    <div class="o-process__intro">
                        <h1 class="o-process__heading">{{ $page->translation->visual_name }}</h1>
                        <p class="o-process__subheading">Voor groepen vanaf 40 personen</p>

                        @if(session()->has('flashMessages'))
                            <div class="o-process__notes">
                                @foreach(session('flashMessages')->getMessages() as $flashMessage)
                                    @include('site.components.note', [
                                        'modifiers' => $flashMessage['type'],
                                        'noteContent' => $flashMessage['message'],
                                    ])
                                @endforeach
                            </div>
                        @endif

                        <div class="o-process__description  s-text">
                            {!! $page->translation->description !!}
                        </div>
                    </div>
                    <div class="o-process__main">
                        @include('site.organisms.forms.quotation')
                    </div>

                    <div class="o-process__cta">
                        @include('site.components.servicepoint')
                    </div>

                    <div class="o-process__aside">
                        <h4>Met minder dan 40 toekomstige<br/>Funablievable Friends?</h4>
                        <p class="u-spacing-mt1">Kom naar FarmFun en word een Funablievable Friend! Is je groep kleiner dan veertig personen? Plan dan snel en eenvoudig zelf je activiteit.</p>
                        @include('site.components.button', [
                            'buttonIcon' => 'arrowRight',
                            'buttonText' => 'Plan je activiteit',
                            'buttonClasses' => 'u-spacing-mt2',
                            'buttonLink' => $links->products->route
                        ])
                    </div>

                </div>
            </div>

        @endif

        @include('site.organisms.uspRow')
    </div>

@endsection