@extends('layout.app')

@section('title', $page->title)
@section('description', $page->description)

@section('body')
    @include('partials.navbar')
    <div class="favorites-page_header">
        <div class="container">
            <h1 class="favorites-page_header_h1">Localização e Contato</h1>
        </div>
    </div>
    <div class="location-contact_section">
        <div class="container">
            <div class="location-contact_section_content">
                <div class="location-contact_section_content_map-box">
                    <div class="location-contact_section_content_map w-widget google-maps">
                        <iframe
                            width="500"
                            height="500"
                            frameborder="0" style="border:0"
                            src="https://www.google.com/maps/embed/v1/place?key={{ setting('contato.api') }}
                                &q=Mapa do imovel" allowfullscreen>
                        </iframe>
                    </div>
                    <div class="immobile-page_form-block_subtitle">{{ setting('contato.endereco') }}</div>
                </div>
                <div class="immobile-page_form-block location-contact_form-block">
                    <div class="immobile-page_form-block_title">Entre em contato para tirar suas dúvidas!</div>
                    <div class="immobile-page_form-block_subtitle">Nossa equipe está pronta para lhe atender, envie sua mensagem</div>
                    <div class="immobile-page_form-block_form-block w-form">
                        <form id="email-form-2" name="formulario_contato" data-name="Email Form 2" class="immobile-page_form-block_form" method="post" action="{{ route('contact.form') }}">
                            @csrf
                            @honeypot
                            <div class="immobile-page_form-block_form_row">
                                <input type="text" class="immobile-page_form-block_input w-input" maxlength="256" name="name" data-name="Name" placeholder="Digite seu nome" id="name" required="">
                                <input type="tel" class="immobile-page_form-block_input w-input" maxlength="256" name="phone" data-name="Phone" placeholder="Digite seu telefone" id="phone" required="">
                                <input type="text" style="display: none" maxlength="256" name="surname" data-name="surname" id="surname" required="" value="humano">
                            </div>
                            <input type="email" class="immobile-page_form-block_input w-input" maxlength="256" name="email" data-name="Email" placeholder="Digite seu e-mail" id="email" required="">
                            <textarea id="message" name="message" placeholder="Digite sua mensagem..." maxlength="5000" data-name="Message" required="" class="immobile-page_form-block_input textarea w-input"></textarea>
                            <button type="submit" class="immobile-page_form-block_button links-button w-inline-block botao-form">
                                <img src="/images/icone-email-branco.svg" width="23" alt="email" class="immobile-page_form-block_button_icon">
                                <div class="immobile-page_form-block_button_text links-button-text">Enviar Mensagem</div>
                            </button>
                        </form>
                        @foreach ($errors->all() as $error)
                            <div class="w-form-fail">
                                <div>{{ $error }}</div>
                            </div>
                        @endforeach
                        @if(Session::has('messageError'))
                            <div class="w-form-fail">
                                <div>{{Session::get('messageError')}}</div>
                            </div>
                        @endif
                        @if(Session::has('messageOk'))
                            <div class="w-form-done">
                                <div>{{Session::get('messageOk')}}</div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('partials.testimonies')
    @include('partials.brokers')
@endsection

@section('extra_scripts')
    <script type="text/javascript">
        $("#email-form-2").submit(function(event){
            gtag('event', 'conversion', {'send_to': 'AW-1017024146/QChVCP2FrckBEJKd-uQD'});
        });
    </script>
@endsection