@extends('layouts.app')

@section('content')

<div class="page-header">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h1>Contato</h1>
            </div>
        </div>
    </div>
</div>

<div class="contact-page-wrap">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-5">
                <div class="entry-content">
                    <h2>Entre em contato conosco</h2>
                    <p>Marque uma reunião, tire alguma dúvida ou nos deixe uma sugestão. Estamos te esperando.</p>
                    <ul class="contact-info p-0">
                        <li><i class="fa fa-phone"></i><span>(34) 3312-7576 | (34) 99105-7077</span></li>
                        <li><i class="fa fa-envelope"></i><span><a href="mailito:financeiro@gcontrol.pro">financeiro@gcontrol.pro</a></span></li>
                        <li><i class="fa fa-map-marker"></i><span>Rua Antônio Borges de Araújo, 139 - Mercês | Uberaba, MG | CEP: 38060-100 </span></li>
                        <li><i class="fa fa-facebook"></i><span><a href="https://www.facebook.com/gcontrolcontabilidade" target="_blank">gcontrolcontabilidade</a> </span></li>
                    </ul>
                </div>
            </div>

            <div class="col-12 col-lg-7">
                <form class="contact-form" action="/send-contact" method="post">
                    {{ csrf_field() }}
                    
                    <div class="form-group {{ $errors->has('nome') ? 'has-error' : '' }}">
                        <input type="text" name="nome" placeholder="Nome..." value="{{ old('nome') }}">
                    </div>

                    <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                        <input type="email" name="email" placeholder="E-mail..." value="{{ old('email') }}">
                    </div>

                    <div class="form-group {{ $errors->has('mensagem') ? 'has-error' : '' }}">
                        <textarea rows="15" cols="6" name="mensagem" placeholder="Mensagem...">{{ old('mensagem') }}</textarea>
                    </div>

                    <span>
                        <input class="btn gradient-bg" type="submit" value="Enviar Mensagem">
                    </span>

                    <input type="hidden" value="{{ Session('success') }}" id="successVerification">
                    <input type="hidden" value="{{ $errors->first('exception') }}" id="exception" />
                </form>
            </div>

            <div class="col-12">
                <div class="contact-gmap">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3755.319451925967!2d-47.94750734985713!3d-19.741577737509676!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94bad1b718abcaab%3A0xa3245eb30e7ac464!2sGcontrol+Gest%C3%A3o+Cont%C3%A1bil!5e0!3m2!1spt-BR!2sbr!4v1556052790713!5m2!1spt-BR!2sbr" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    jQuery(document).ready(function() {
        jQuery('body').addClass('single-page').addClass('contact-page');
        jQuery('#menu-item-contact').addClass('current-menu-item');

        if (jQuery("#successVerification").val() !== undefined && jQuery("#successVerification").val().length > 0) {
            notie.alert({ type: 'success', text: jQuery("#successVerification").val(), time: 6 });
        }

        if (jQuery("#exception").val() !== undefined && jQuery("#exception").val().length > 0) {
            notie.alert({ type: 'error', text: jQuery("#exception").val(), time: 10 });
        }
    });
</script>

@endsection