@extends('master')

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

@section('content')

    @include('organisms.hero', [
        'modifiers' => ['has-ornament'],
        'heroImage' => "/img/header-field.jpg"
    ])

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

            <div class="o-contact__content">
                <h1 class="o-contact__heading">{{ $page->translation->name }}</h1>
                <p class="o-contact__intro">{{__('site/contact.description')}}</p>

                <h2 class="o-contact__subtitle">{{ config('site.company.full_name') }}</h2>
                <div class="o-contact__info  u-spacing-mt1  u-spacing-pb3">
                    <ul class="o-contact__infolist">
                        <li>{{ config('site.company.address') }}</li>
                        <li>{{ config('site.company.postal_code') }} {{ config('site.company.city') }}</li>
                        <li>{{ __('site/global.companyCountry') }}</li>
                    </ul>
                    <ul class="o-contact__infolist">
                        @if(config('site.company.chamber_of_commerce') !== null)
                            <li>@lang('company.chamber_of_commerce'): &nbsp;&nbsp; {{ config('site.company.chamber_of_commerce') }}</li>
                        @endif
                        @if(config('site.company.vat') !== null)
                            <li>@lang('company.vat_number'): &nbsp;&nbsp; {{ config('site.company.vat') }}</li>
                        @endif
                    </ul>
                </div>

                <hr>

                <div class="u-spacing-pt2  u-spacing-pb2">
                    <a class="c-text-icon" data-icon="phone" href="tel:{{config('site.company.phone.call')}}">{{ config('site.company.phone.display') }}</a>
                </div>

                <hr>

                <dl class="o-contact__datalist  u-spacing-mt3">
                    @foreach(__('site/contact.departments') as $key => $department)
                        <dt class="c-text-icon" data-icon="@if($key == 'general') mail @endif">{{$department}}</dt>
                        <dd><a href="mailto:{{config('site.company.email.'.$key)}}">{{ config('site.company.email.'.$key) }}</a></dd>
                    @endforeach
                </dl>

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

    @include('organisms.shortQuestionList')

@endsection