@extends('layouts.master')


@section('editable_content')

    <div class=" contact-container">
        <div class="content-container">
            <div class="content">
                <div class="information">
                    <h1>{{$data->content->translation->name}}</h1>
                    <p>
                        @lang('translations.questionsTechnicalIssues')
                    </p>
                    <a class="button" target="_blank" href="@lang('translations.contactSupportLink')">
                        @lang('translations.visitOurSupport')
                    </a>

                    <div class="contact-support">
                        <p>
                            <strong>@lang('translations.orContactSupport')</strong><br/>
                            <a href="mailto:@lang('translations.supportEmail')">@lang('translations.supportEmail')</a>
                            <br/>
                            @if(App::getLocale() =='nl')
                                <a href="tel:{{\Config::get('business.phone_nl_support_call')}}">{{\Config::get('business.phone_nl_support_display')}}</a>
                            @elseif(App::getLocale() =='en')
                                <a href="tel:{{\Config::get('business.phone_en_support_call')}}">{{\Config::get('business.phone_en_support_display')}}</a>
                            @else
                                <a href="tel:{{\Config::get('business.phone_'.App::getLocale().'_call')}}">{{\Config::get('business.phone_'.App::getLocale().'_display')}}</a>
                            @endif
                        </p>

                        @include('layouts.partials.statusPage')

                    </div>

                </div>

                <div class="business-info">

                    <h4>@if(App::getLocale() == 'de')
                            Rentman Vermietungssoftware
                        @else
                            {{\Config::get('business.full_name')}}
                        @endif
                    </h4>

                    <div class="offices">

                        <div class="main-office office">
                            <p>
                                <strong>@lang('translations.mainOffice')</strong><br/>

                                {{\Config::get('business.address')}}<br/>
                                {{\Config::get('business.zip')}} {{\Config::get('business.city')}}<br/>
                                @lang('translations.netherlands')
                            </p>

                            <p>
                                <a href="mailto:@lang('translations.salesEmail')">@lang('translations.salesEmail')</a><br/>
                                <a href="tel:{{\Config::get('business.phone_'.App::getLocale().'_call')}}">{{\Config::get('business.phone_'.App::getLocale().'_display')}}</a>
                            </p>
                        </div>

                        <div class="side-office office">
                            <p>
                                <strong>@lang('translations.canada_usa')</strong><br/>
                                {{\Config::get('business.canada_address')}}, {{\Config::get('business.canada_city')}}
                                <br/>
                                {{\Config::get('business.canada_zip')}}<br/>
                                @lang('translations.canada')
                            </p>

                            @if(App::getLocale() == 'en')
                                <p>
                                    <a href="tel:{{\Config::get('business.phone_can_us_support_call')}}">{{\Config::get('business.phone_can_us_support_display')}}</a>
                                </p>
                            @endif
                        </div>

                    </div>

                    <p class="commercial-info">
                        @if(App::getLocale() == 'de')
                            <span>@lang('translations.ustldnr'):</span>{{\Config::get('business.ustldnr')}}<br/>
                        @else
                            <span>@lang('translations.kvk'):</span>{{\Config::get('business.kvk')}}<br/>
                        @endif

                        <span>@lang('translations.bank'):</span>{{\Config::get('business.iban')}}<br/>
                        <span>@lang('translations.btw'):</span>{{\Config::get('business.btw')}}
                    </p>
                </div>
            </div>


            @include('forms.contact')
        </div>
        <div id="map" data-googlex="{{\Config::get('business.google_maps_x')}}"
             data-googley="{{\Config::get('business.google_maps_y')}}"></div>
    </div>

    @include('layouts.partials.dataSecurityRow')

@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/contact.js?v=3"></script>
    <script type="text/javascript" src="/js/selectric.min.js"></script>

    <script type="text/javascript" src="/js/googleMaps.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBbqF_8gcFAkSYusr2dxHWwdKWDUjebCM0&callback=initMap"
            type="text/javascript"></script>

@endsection