@extends('site.master')

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

@section('additional-main-content')

    <div class="contact-information">

        <div class="location">
            <span>@include('svg.place')</span>
            <p>
                <strong>{{config('site.company.name')}}</strong><br/>
                {{config('site.company.address')}}<br/>
                {{config('site.company.zip')}} {{config('site.company.city')}}<br/>
                <br/>
                KvK {{ config('site.company.kvk') }}
            </p>
        </div>
        <div class="contact-ways">
            <a class="phone" href="tel:{{config('site.company.phone.call')}}">
                <span>@include('svg.phone')</span>
                <p>{{config('site.company.phone.display')}}</p>
            </a>
            <a class="mail" href="mailto:{{config('site.company.email')}}">
                <span>@include('svg.mail')</span>
                <p>{{config('site.company.email')}}</p>
            </a>
        </div>

    </div>

    <div class="about-contact-persons">
        @each('site.elements.personCircle', config('site.contact-persons'), 'person')
    </div>

    <p class="socials-title">@lang('site/global.followUs.socialMedia')</p>
    @include('site.elements.socials', ['style' => 'circles'])

@endsection


@section('content')

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

        @php
            $successBlock = (object)[
                'images' => $page->translation->main->images,
                'description' => __('site/contact.thanksMessage')
            ];
        @endphp

        @include('site.partials.main', ['block' => $successBlock])

    @else

        @if(isset($page->translation->main))
            @include('site.partials.main', ['block' => $page->translation->main])
        @endif

        <div class="contact-form-content-row">
            <div class="grid-row">

                <section class="contact-form-block">

                    @include('site.elements.labelTitle', [
                            'tag' => 'h2',
                            'name' => __('site/contact.form'),
                            'icon' => 'mail'
                        ])

                    @include('site.forms.contact')

                </section>

                <section class="content">

                    <div class="kms-content">
                        @if(isset($page->translation->sub))
                            {!! $page->translation->sub->description !!}
                        @else
                            <h2>Vul de juiste content</h2>
                            <p>
                                Bij de contact pagina zou een dynamic blok 'tekstkolom' met code naam 'sub' gevuld moeten zijn.
                            </p>
                        @endif
                    </div>

                    @auth('siteUser')
                        @include('site.partials.advertiseInMagazine')
                    @endauth

                    @guest('siteUser')
                        @include('site.partials.becomeMember')
                    @endguest

                </section>
            </div>
        </div>

    @endif

@endsection