@extends('layouts.site')

@section('title', 'Gens - Contato')

@section('content')

<section class="page-header">
</section>

<section class="section-header">
    <div class="container container-header">
        <h2>Contato</h2>
        @component('components.site.breadbrumb', ["itens" => ["Contato" => ""]])
        @endcomponent
    </div>
</section>

<section class="contact-info-one">
    <div class="container">
        <img src="{{asset('assets/images/shapes/contact-info-shape-1-1.png')}}" class="contact-info-one__bg-shape-1" alt="">
        <div class="block-title text-center">
            <div class="block-title__line"></div>
            <h3>Fale Conosco</h3>
            <p>Abaixo você encontra todos os nossos canais de atendimento<br>
                para tirar suas dúvidas ou apresentar sugestões.</p>
        </div>
        {{--<div class="row">
            <div class="col-lg-4">
                <div class="contact-info-one__single">
                    <div class="contact-info-one__icon">
                        <i class="fa fa-phone btn-gensino-01"></i>
                    </div>
                    <div class="contact-info-one__content">
                        <h3>Call us now:</h3>
                        <h4><a href="tel:421-887-8822">(421) 887 8822</a></h4>
                        <p>Lorem ipsum dolor sit amet, contop sectetur adipisicing elit, sed.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="contact-info-one__single">
                    <div class="contact-info-one__icon">
                        <i class="fa fa-envelope btn-gensino-01"></i>
                    </div>
                    <div class="contact-info-one__content">
                        <h3>Mail for any help:</h3>
                        <h4><a href="mailto:info@seolight.com">info@seolight.com</a></h4>
                        <p>Lorem ipsum dolor sit amet, contop sectetur adipisicing elit, sed do eius mod tempor incididunt.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="contact-info-one__single">
                    <div class="contact-info-one__icon">
                        <i class="fa fa-map-marker-alt btn-gensino-01"></i>
                    </div>
                    <div class="contact-info-one__content">
                        <h3>Location:</h3>
                        <h4>530 Hunk Road, Newyork</h4>
                        <p>Lorem ipsum dolor sit amet, contop sectetur adipisicing elit, sed do eius mod tempor incididunt.</p>
                    </div>
                </div>
            </div>
        </div>--}}
    </div>
</section>

<section class="contact-one">
    <div class="container">
        <div class="row no-gutters">
            {{--<div class="col-lg-6">
                <iframe
                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4562.753041141002!2d-118.80123790098536!3d34.152323469614075!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80e82469c2162619%3A0xba03efb7998eef6d!2sCostco+Wholesale!5e0!3m2!1sbn!2sbd!4v1562518641290!5m2!1sbn!2sbd"
                    class="google-map__contact" allowfullscreen></iframe>
            </div>--}}
            <div class="col-lg-4" style="padding: 20px 20px 0px 0px;">
                <div class="contact-info-one__single">
                    <div class="contact-info-one__icon">
                        <i class="fa fa-phone btn-gensino-01"></i>
                    </div>
                    <div class="contact-info-one__content">
                        <h3>Nosso telefone:</h3>
                        <h4><a href="tel:421-887-8822">(421) 887 8822</a></h4><br>
                        {{--<p>Lorem ipsum dolor sit amet, contop sectetur adipisicing elit, sed.</p>--}}
                    </div>
                </div>
                <div class="contact-info-one__single">
                    <div class="contact-info-one__icon">
                        <i class="fa fa-envelope btn-gensino-01"></i>
                    </div>
                    <div class="contact-info-one__content">
                        <h3>Nosso e-mail:</h3>
                        <h4><a href="mailto:info@seolight.com">contato@gensino.com</a></h4><br>
                        {{--<p>Lorem ipsum dolor sit amet, contop sectetur adipisicing elit, sed do eius mod tempor incididunt.</p>--}}
                    </div>
                </div>
                <div class="contact-info-one__single">
                    <div class="contact-info-one__icon">
                        <i class="fa fa-map-marker-alt btn-gensino-01"></i>
                    </div>
                    <div class="contact-info-one__content">
                        <h3>Nossa Localização:</h3>
                        <h4>Av. Marechal Floriano Peixoto,7073
                        <br>Loja 04, Boqueirão
                        <br>CURITIBA/PR</h4>
                        {{--<p>Lorem ipsum dolor sit amet, contop sectetur adipisicing elit, sed do eius mod tempor incididunt.</p>--}}
                    </div>
                </div>
            </div>
            <div class="col-lg-8">
                <form action="{{route('contato.store')}}" method="post" class="contact-one__form" id="contact-form">
                    @if ($errors->any())
                    <div class="col-md-12" style="padding:0px;">
                        <div class="alert alert-danger col-md-12">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            @foreach ($errors->all() as $error)
                            <p style="margin:auto;"><strong class="msg-info">Atenção! </strong>{!! $error !!}</p>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <label>Nome <span class="required">*</span></label>
                            <input type="text" placeholder="Ex: João" name="nome_contato" min="3" maxlength="45" value="{{old('nome_contato')}}" required>
                        </div>
                        <div class="col-md-6">
                            <label>Celular <span class="required">*</span></label>
                            <input type="tel" class="celular" placeholder="Ex: (99) 99999-9999" name="celular_contato" maxlength="20" value="{{old('celular_contato')}}" required>
                        </div>
                        <div class="col-md-12">
                            <label>E-mail <span class="required">*</span></label>
                            <input type="email" placeholder="Ex: joao@mail.com" name="email_contato" maxlength="80" value="{{old('email_contato')}}" required>
                        </div>
                        <div class="col-md-12">
                            <label>Mensagem <span class="required">*</span></label>
                            <textarea placeholder="Sua mensagem.." name="observacao" value="{{old('observacao')}}" required>{{old('observacao')}}</textarea>
                        </div>
                        <div class="col-md-12">
                            {!! NoCaptcha::renderJs() !!}
                        </div>
                        <div class="col-md-12">
                            <button type="submit" class="thm-btn contact-one__btn btn-gensino-01">Enviar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

@endsection