@extends('layouts.default')
@section('title'){!! trans('contact.meta_title') !!}@stop
@section('description'){!! trans('contact.meta_desc') !!}@stop
@section('canonical'){{ request()->url() }}@stop
@section('styles')
    <link rel="stylesheet" type="text/css" href="{{ url('css/contact.css') }}?v={{ env('ASSET_VERSION') }}">
    <style type="text/css">
        #map {
            height: 100%;
        }

        /* Optional: Makes the sample page fill the window. */
        html,
        body {
            height: 100%;
            margin: 0;
            padding: 0;
        }
    </style>
@stop
@section('content')
    <main>
        <section>
            <div class="container">
                <div class="contact_page">
                    <div class="contact_content">
                        <h1 class="heading">{{ trans('contact.title') }}</h1>
                        <div class="contact_block">
                            <h2 class="subheading">@lang('contact.subheading')</h2>
                            <div class="contact_wrap">
                                <h3>{{ trans('contact.salerent') }}</h3>
                                <ul>
                                    <li>
                                        <img src="{{ url('/images/Phone_Icon.svg') }}" alt="phone">
                                        <a href="tel:02 736 67 92">02 736 67 92</a>
                                    </li>
                                    <li>
                                        <img src="{{ url('/images/House_Icon.svg') }}" alt="House_Icon">
                                        <span>@lang('contact.vente_address')</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="contact_wrap">
                                <h3>{{ trans('contact.form.gestion_loc') }}</h3>
                                <ul>
                                    <li>
                                        <img src="{{ url('/images/Phone_Icon.svg') }}" alt="phone">
                                        <a href="tel:02 736 67 92">02 736 67 92</a>
                                    </li>
                                    <li>
                                        <img src="{{ url('/images/House_Icon.svg') }}" alt="House_Icon">
                                        <span>@lang('contact.location_address')</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="contact_block">
                            <h2 class="subheading">{{ trans('contact.wol_saint_pierre') }}</h2>
                            <div class="contact_wrap">
                                <h3>{{ trans('common.salerent') }}</h3>
                                <ul>
                                    <li>
                                        <img src="{{ url('/images/Phone_Icon.svg') }}" alt="phone">
                                        <a href="tel:02 732 17 10">02 732 17 10</a>
                                    </li>
                                    <li>
                                        <img src="{{ url('/images/House_Icon.svg') }}" alt="House_Icon">
                                        <span>@lang('common.salerental_address')</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="contact_block {{ app()->getLocale() }}">
                            <h2 class="subheading">{{ trans('contact.evre') }}</h2>
                            <div class="contact_wrap">
                                <h3>{{ trans('contact.salerent') }}</h3>
                                <ul>
                                    <li>
                                        <img src="{{ url('/images/Phone_Icon.svg') }}" alt="phone">
                                        <a href="tel:02 733 76 26">02 733 76 26</a>
                                    </li>
                                    <li>
                                        <img src="{{ url('/images/House_Icon.svg') }}" alt="House_Icon">
                                        <span>@lang('contact.salerent_address')</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="contact_form">
                        <div class="contact_form_inner">
                            <form method="post" id="contacts" action="{{ LaravelLocalization::localizeUrl('/submit') }}">
                                @csrf
                                <input type="hidden" name="language" id="contacts_language"
                                    value="{{ app()->getLocale() }}" class="valid">
                                <input type="hidden" name="contact_type_id" value="" id="contacts_contact_type_id"
                                    class="valid">
                                <input type="hidden" id="contacts_g-recaptcha-response" name="g-recaptcha-response"
                                    class="valid">
                                <input type="hidden" name="action" value="validate_captcha" class="valid"
                                    id="contacts_action">
                                <div class="loader">
                                    <img src="{{ url('/images/loader.gif') }}" alt="loader">
                                </div>
                                <div class="form_control">
                                    <div class="form_block form_select_item">
                                        <label>Mr/Mrs</label>
                                        <div class="contacts_types_dropdown select-dropdown">
                                            <div class="type_txt">
                                                <input type="hidden" name="gender" class="gender select dropdown"
                                                    id="contacts_gender">
                                                <p>Select</p>
                                            </div>
                                            <div class="dropdown_box">
                                                <ul>
                                                    <li>Mr.</li>
                                                    <li>Mrs.</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form_column">
                                        <label>
                                            {{ trans('contact.form.name') }}
                                        </label>
                                        <input type="text" class="fullname" name="name" id="contacts_name">
                                    </div>
                                    <div class="form_column_inner">
                                        <label>
                                            {{ trans('contact.form.number') }}
                                        </label>
                                        <input type="number" name="telephone" class="telephone" id="contacts_telephone">
                                    </div>
                                </div>
                                <div class="form_control">
                                    <div class="form_block">
                                        <label>
                                            {{ trans('contact.form.subject') }}
                                        </label>
                                        <div class="contacts_types_dropdown select-dropdown">
                                            <div class="type_txt">
                                                <input type="hidden" name="subject" class="subject select dropdown"
                                                    id="contacts_subject">
                                                <p>{{ trans('contact.form.select') }}</p>
                                            </div>
                                            <div class="dropdown_box">
                                                <ul>
                                                    <li>{{ trans('contact.form.evaluation') }}</li>
                                                    <li>{{ trans('contact.form.vente') }}</li>
                                                    <li>{{ trans('contact.form.location') }}</li>
                                                    <li>{{ trans('contact.form.gestion_loc') }}</li>
                                                    <li>{{ trans('contact.form.other') }}</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form_block">
                                        <label>
                                            {{ trans('contact.form.email') }}
                                        </label>
                                        <input type="email" name="email" class="email" id="contacts_email">
                                    </div>
                                </div>
                                <div class="form_control">
                                    <div class="form_wrap">
                                        <label>
                                            {{ trans('contact.form.message') }}
                                        </label>
                                        <textarea name="message" class="message" id="contacts_message"></textarea>
                                    </div>
                                </div>
                                <div class="checkbox_wrap">
                                    <div class="checkbox_grid">
                                        <label>
                                            <input type="checkbox" class="accept" name="accept" id="contacts_accept">
                                            <span></span>
                                            <p>{{ trans('contact.form.accept_info') }}</p>
                                        </label>
                                    </div>
                                    <div class="checkbox_grid">
                                        <label>
                                            <input type="checkbox" name="terms" id="contacts_terms" class="terms">
                                            <span></span>
                                            <p>{{ trans('contact.form.terms_1') }}<a
                                                    href="{{ url('/pdf/Expertissimmo Privacy.docx') }}"
                                                    target="_blank">{{ trans('contact.form.terms.privacy') }}</a>{{ trans('contact.form.terms_2') }}<a
                                                    href="{{ url('/pdf/Expertissimmo Terms of use.docx') }}"
                                                    target="_blank">{{ trans('contact.form.conditions') }}</a>{{ trans('contact.form.terms_3') }}<a
                                                    href="{{ url('/pdf/Expertissimmo Cookie.docx') }}"
                                                    target="_blank">{{ trans('contact.form.terms.cookies') }}</a>{{ trans('contact.form.terms_4') }}
                                            </p>
                                        </label>
                                    </div>
                                    <div class="checkbox_grid">
                                        <label>
                                            <input type="checkbox" class="newsletter" name="newsletter"
                                                id="contacts_newsletter">
                                            <span></span>
                                            <p>{{ trans('contact.form.newsletter') }}</p>
                                        </label>
                                    </div>
                                </div>
                                <center class="btn_warp contact_button">
                                    <button class="btn_block">{{ trans('contact.form.submit') }}</button>
                                </center>
                                <div class="messages">
                                    <p class="success">{{ trans('contact.form.successmsg') }} </p>
                                    <p class="error">{{ trans('contact.form.errormsg') }} </p>
                                    <p class="recaptcha">{{ trans('contact.form.recaptcha') }} </p>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="contact_map" id="contact_map" data-icon="{{ url('/images/location_icon.svg') }}">
                <!-- <img src="{{ url('/images/map_img.png') }}" alt="map"> -->
                <div id="map"></div>
            </div>
        </section>
        @include('sections.commitment')
    </main>
@stop
@section('scripts')

    <script async type="text/javascript" src="{{ url('./js/contact.min.js') }}?v={{ env('ASSET_VERSION') }}" defer>
    </script>
    <script>
        setTimeout(function() {
            var head = document.getElementsByTagName('footer')[0];
            var script = document.createElement('script');
            script.type = 'text/javascript';
            script.async = 'async';
            script.src =
                "https://maps.googleapis.com/maps/api/js?key=AIzaSyASGuJdL2QoExIs5yBgswwGBQA-h-R2hkA&callback=initMap";
            script.defer = 'defer';
            head.appendChild(script);
        }, 500);
    </script>
    <script src="{{ url('/js/jquery.map.js') }}"></script>


@stop