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

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

@section('content')

    <div class="u-reset-header-offset  l-contain  o-block">

        <div class="o-contact">

            <div class="o-contact__info">

                <div class="o-contact__business">
                    <h5 class="o-contact__heading">
                        @if(request()->input('department') !== null)
                            {{ config('vacancy.departments.'. request()->input('department'). '.name') }}
                        @else
                            {{ config('site.company.name') }}
                        @endif
                    </h5>
                    <p>
                        {{ config('site.company.address') }}<br>
                        {{ config('site.company.postal_code') }} {{ config('site.company.city') }}
                    </p>
                    <p class="o-contact__actions">
                        <a class="o-contact__link" href="tel:{{ config('site.company.phone.call')}}">
                            <span class="o-contact__icon" data-icon="phone">@include('components.icons.phone')</span>
                            <span class="" title="@lang('site/global.phoneNumber')" >
                                {{ config('site.company.phone.display')}}
                            </span>
                        </a>
                        <a class="o-contact__link" href="mailto:{{ config('site.company.email') }}">
                            <span class="o-contact__icon" data-icon="mail">@include('components.icons.contact')</span>
                            <span class="" title="{{__('site/global.emailAddress')}}">
                                @if(request()->input('department') !== null)
                                    {{ config('vacancy.departments.'. request()->input('department'). '.email') }}
                                @else
                                    {{ config('site.company.name') }}
                                @endif
                            </span>
                        </a>
                    </p>
                    <dl class="o-contact__commercial">
                        <dt>@lang('company.chamber_of_commerce'):</dt><dd>{{ config('site.company.chamber_of_commerce') }}</dd>
                        <dt>@lang('company.vat_number'):</dt><dd>{{ config('site.company.vat') }}</dd>
                    </dl>

                    <div class="o-contact__persons">
                        @include('components.contactPerson', [
                            'imagePath' => '/img/contactperson-patrick-van-meijl.jpg',
                            'name' => 'Patrick van Meijl',
                            'function' => 'Eigenaar',
                            'mailAddress' => 'p.vanmeijl@csbinstallatietechniek.nl',
                        ])
                        @include('components.contactPerson', [
                            'imagePath' => '/img/contactperson-peter-stevens.jpg',
                            'name' => 'Peter Stevens',
                            'function' => 'Projectleider',
                            'mailAddress' => 'p.stevens@csbinstallatietechniek.nl',
                        ])
                        @include('components.contactPerson', [
                            'imagePath' => '/img/contactperson-jan-van-der-putten.jpg',
                            'name' => 'Jan van der Putten',
                            'function' => 'Projectleider',
                            'mailAddress' => 'j.vd.putten@csbinstallatietechniek.nl',
                        ])
                        @include('components.contactPerson', [
                            'imagePath' => '/img/contactperson-peter-de-win.png',
                            'name' => 'Peter de Win',
                            'function' => 'Senior werkvoorbereider',
                            'mailAddress' => 'p.d.win@csbinstallatietechniek.nl',
                        ])
                    </div>
                </div>
            </div>

            <div class="o-contact__form">
                @include('organisms.forms.contact')
            </div>

        </div>

    </div>

@endsection