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

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

@section('content')

    <div class="o-body">

        <section class="o-block  l-contain">
            <div class="o-contact  l-double">
                <div class="l-double__start">

                    <div class="c-heading">
                        <h1 class="c-heading__title">@lang('site/contact.heading')</h1>
                        <p class="c-heading__subtitle">@lang('site/contact.subheading')</p>
                        <div class="s-text">
                            <p>@lang('site/contact.intro.text')</p>
                        </div>
                    </div>
{{--                    <a class="o-contact__whatsapp" target="_blank" href="https://wa.me/{{config('site.company.phone.call')}}">@lang('site/contact.whatsapp')<br>--}}
{{--                        {{config('site.company.phone.display')}}--}}
{{--                    </a>--}}

                    <div class="u-spacing-mt6">
                        <h3 class="u-fs-m  u-fw-bold">{{ config('site.company.fullName') }}</h3>
                        <dl class="o-contact__list">

                            <dt class="o-contact__label">@lang('company.address'):</dt>
                            <dd class="o-contact__data">
                                {{ config('site.company.address') }} <br>
                                {{ config('site.company.postal_code') }} {{ config('site.company.city') }} <br>
                                {{ config('site.company.country') }} <br>
                                <div class="u-spacing-mt2  u-spacing-mb3">
                                    @include('site.components.button', [
                                       'modifiers'=> ['icon', 'small'],
                                       'icon' => 'arrowhead',
                                       'buttonText' => 'Plan route',
                                       'buttonLink' => 'https://www.google.com/maps/dir//'. urlencode(config('site.company.address') . ' '. config('site.company.postal_code').' '. config('site.company.city'))
                                    ])
                                </div>
                            </dd>

                            <dt class="o-contact__label">@lang('company.tel'):</dt>
                            <dd class="o-contact__data"><a class="o-contact__link" href="tel:{{ config('site.company.phone.display') }}">{{ config('site.company.phone.display') }}</a></dd>

                            <dt class="o-contact__label">@lang('company.email'):</dt>
                            <dd class="o-contact__data  u-spacing-mb2"><a class="o-contact__link" href="mailto:{{ config('site.company.email') }}">{{ config('site.company.email') }}</a></dd>

                            <dt class="o-contact__label">@lang('company.vat_number'):</dt>
                            <dd class="o-contact__data">{{ config('site.company.vat') }}</dd>

                            <dt class="o-contact__label">@lang('company.iban_number'):</dt>
                            <dd class="o-contact__data">{{ config('site.company.iban') }}</dd>
                        </dl>
                    </div>
                </div>

                <div class="l-double__end">
                    <div class="o-contact__map">
                        @include('site.components.googleMaps')
                    </div>
                </div>
            </div>
        </section>

        <section class="o-block  u-bg-paper  u-vspacing-pt-l  u-vspacing-pb-l" id="contact-submited-hook">
            <div class="l-double  l-double--switch  l-contain">
                <div class="l-double__start">
                    <h2 class="c-subheading  u-spacing-mb5">{{ __('site/faq.title') }}</h2>
                    @foreach($composedQuestionsByCategories as $composedQuestionsByCategory)
                        @continue($composedQuestionsByCategory->code_name != 'contact')
                        <div class="@if($loop->first) is-active @endif" data-faq-category="{{ $composedQuestionsByCategory->id }}">
                            @include('site.components.faq', [
                                'faqQuestions' => $composedQuestionsByCategory->questions
                            ])
                        </div>
                    @endforeach
                    <div class="u-spacing-mt5">
                        @include('site.components.button', [
                           'buttonType' => 'text',
                           'modifiers'=> ['icon'],
                           'icon' => 'arrowhead',
                           'buttonText' => __('site/faq.all_questions'),
                           'buttonLink' => $links->faq->route
                        ])
                    </div>
                </div>
                <div class="l-double__end">
                    <div class="o-contact__form">
                        @if(isset($send) && $send)
                            <h2 class="c-subheading  u-spacing-mb3">@lang('site/contact.thanks.title')</h2>
                            <p>@lang('site/contact.thanks.description')</p>
                        @else
                            @include('site.organisms.forms.contact')
                        @endif
                    </div>
                </div>
            </div>
        </section>

        @include('site.organisms.favorites')

    </div>

@endsection