@extends('master', ['pullUpFooter'=> true])

@section('title', $page->translation->meta_title != '' ? $page->translation->meta_title : $page->translation->name .' | '. config('site.company_name'))
@section('meta_description', $page->translation->meta_description)

@section('content')

    <div class="l-contain">
        @include('components.breadcrumb')
        @include('components.pageTitle')
    </div>

    <div class="l-block  l-contain">

        <div class="t-form">
            <div class="t-form__right">
                <div data-kal="slide-left">
                    <h3>@lang('contact.address_title'):</h3>

                    <ul class="u-list  u-spacing-mt1">
                        <li>{{config('site.company_name')}}</li>
                        <li>{{config('site.company_address')}}</li>
                        <li>{{config('site.company_zip')}} {{config('site.company_city')}}</li>
                    </ul>

                    @include('components.textButton', [
                        'modifiers' => ['secondary', 'icon-after'],
                        'textButtonText' => 'Plan je route',
                        'textButtonLink' => 'https://www.google.nl/maps/dir//'.urlencode(config('site.company_address') . ',' . config('site.company_zip') . ',' . config('site.company_city')),
                    ])

                    <div class="u-spacing-mt4">
                        <h4>Openingstijden:</h4>
                        <p>We zijn het hele jaar door geopend!</p>
                    </div>

                </div>

                <ul class="u-list  u-spacing-mt4" data-kal="slide-left" style="--kal-delay: 0.2s">
                    <li><a class="c-text-link" data-icon="phone" href="tel:{{ config('site.company_phone_call') }}">{{ config('site.company_phone_display') }}</a></li>
                    <li><a class="c-text-link" data-icon="mobile" href="tel:{{ config('site.company_mobile_call') }}">{{ config('site.company_mobile_display') }}</a></li>
                    <li><a class="c-text-link" data-icon="email" href="mailto:{{ config('site.company_email') }}">{{ config('site.company_email') }}</a></li>
                </ul>

                <p class="u-spacing-mt3" data-kal="slide-left" style="--kal-delay: 0.4s">BTW nummer: BE0847.478.805</p>

                <div class="u-spacing-mt7" data-kal="slide-left" style="--kal-delay: 0.6s">
                    @include('components.servicePoint', [
                        'servicePoint' => config('site.servicePoints.luc_nouwen'),
                        'servicePointHeading' => 'Vragen?',
                        'servicePointDesc' => 'Bel me op <a href="tel:'.config('site.servicePoints.luc_nouwen.phone.call').'">'.config('site.servicePoints.luc_nouwen.phone.display').'</a> <br> of bekijk de <a href="'. $links->faq->route .'">veelgestelde vragen</a>',
                    ])
                </div>

            </div>
            <div class="t-form__left" data-kal="slide-right" style="--kal-delay: 0.3s">
                @if(isset($send))
                    <h3 class="c-heading">@lang('contact.send.title')</h3>
                    <p>@lang('contact.send.description')</p>
                @else
                    @include('organisms.forms.contact')
                @endif
            </div>
        </div>
    </div>


@endsection