@extends('layouts.base')

@section('header')
    @include('layouts.partials.header')
    @include('layouts.partials.mobileNavigation')
@endsection

@section('content')
    <div class="main-content row zero-slider">
        <section class="row contact-row">
            <div class="contact-text grid4 noPadding">
                <div class="block">
                    <h4 id="contact-info">{{$data->contact['company']}}</h4>
                </div>

                <div class="block">
                    <div class="location">
                        <div class="icon-container extra"><span></span></div>
                        <p>{{$data->contact['adres']}}<br/>{{$data->contact['zip']}}</p>
                    </div>
                    <div class="phone">
                        <div class="icon-container extra"><span></span></div>
                        <p>{{$data->contact['phone']}}<br/>{{$data->contact['mobile']}}</p>
                    </div>
                    <div class="mail">
                        <div class="icon-container extra"><span></span></div>
                        <a href="mailto:{{$data->contact['mail']}}">{{$data->contact['mail']}}</a>
                    </div>
                    <div class="kvk">
                        <div class="icon-container extra"><span></span></div>
                        <p>{{$data->contact['kvk']}}</p>
                    </div>
                </div>

                <a href="/disclaimer" class="disclaimer">
                    <div class="block">
                        <div class="border-top border-hover"></div>
                        <div class="border-right border-hover"></div>
                        <div class="border-bottom border-hover"></div>
                        <div class="border-left border-hover"></div>
                        <div class="hover-block"></div>
                        <div>
                            <div class="icon-container"><span></span></div>
                            <p><span class="arrow"></span>{{$data->contact['disclaimer']}}</p>
                        </div>
                    </div>
                </a>

                <a href="/algemene-voorwaarden" class="av">
                    <div class="block">
                        <div class="border-top border-hover"></div>
                        <div class="border-right border-hover"></div>
                        <div class="border-bottom border-hover"></div>
                        <div class="border-left border-hover"></div>
                        <div class="hover-block"></div>
                        <div>
                            <div class="icon-container"><span></span></div>
                            <p><span class="arrow"></span>{{$data->contact['algemeneVoorwaarde']}}</p>
                        </div>
                    </div>
                </a>

            </div>
            <div class="contact-form grid4 noPadding">
                <h2 id="contact">Bedankt!</h2>

                <p>Bedankt voor het invullen van het contactformulier.<br/>We proberen zo snel mogelijk contact met u op te nemen.<br/><br/>
                Ga terug naar <a href="/" class="special-link"> de homepagina</a>.</p>


            </div>
        </section>
    </div>
@endsection

@section('footer')
    @include('layouts.partials.footer')
@endsection