@extends('layouts/app')
    @section('content')

    @include('includes.menu')

    <div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px;">
        <div class="row py-5">
            <div class="col-12 pt-lg-5 mt-lg-5 text-center">
                <h1 class="display-4 text-white animated zoomIn">Fale Conosco</h1>
                <a href="/" class="h5 text-white">Home</a>
                <i class="far fa-circle text-white px-2"></i>
                <a href="{{ route('fale-conosco') }}" class="h5 text-white">Contato</a>
            </div>
        </div>
    </div>

    <div class="container pt-3">

    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <h1><strong>Fale Conosco <i class="fa fa-angle-double-right"></i></strong></h1> 
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 conteudo mt-5">
            <div class="alert alert-primary" style="text-align: justify;">
                <strong>Atenção:</strong><br>
                    A <strong>Acessohost</strong> sabe o quanto é importante sua privacidade e a adequada utilização dos seus dados pessoais. Neste sentido, em atendimento à <span><a href="https://pt.wikipedia.org/wiki/Lei_Geral_de_Prote%C3%A7%C3%A3o_de_Dados_Pessoais" target="_blank">Lei 13.709/18 (Lei Geral de Proteção de Dados Pessoais)</a></span>, os dados pessoais aqui informados serão utilizados com a única finalidade de atender à sua demanda.
            </div>
        </div>
    </div>
    </div>

    <div class="container mt-5 mb-5">

        @if(session('success'))
            <script>
                document.addEventListener('DOMContentLoaded', () => {
                    Swal.fire('Pronto!', "{{ session('success') }}", 'success');
                })
            </script>
        @endif

        <form id="form" method="post" action="{{ route('sendmail.store') }}">

            @csrf

            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                    
                    <div class="form-group">
                        <label for="name">*Empresa</label>
                        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" placeholder="Digite o nome da empresa..." id="nome" value="{{ old('name') }}">
                        @error('name')
                            <div class="invalid-feedback">
                                 {{ $message }} 
                            </div>
                        @enderror
                    </div>
                </div>       
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">        
                    <div class="form-group">
                        <label for="email">*E-mail</label>
                        <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" placeholder="Digite o E-mail..." id="email" value="{{ old('email') }}">
                        @error('email')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pt-2">
                    <div class="form-group">
                        <label for="telefone">*Telefone</label>
                        <input type="text" name="phone" class="form-control telefone @error('phone') is-invalid @enderror" placeholder="Digite o telefone..." id="phone" value="{{ old('phone') }}">
                        @error('phone')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>  
                </div>
                
                
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pt-2">
                    <div class="form-group">
                        <label for="assunto">*Assunto</label>
                        <input type="text" name="subject" class="form-control @error('subject') is-invalid @enderror" placeholder="Digite o assunto..." id="assunto" value="{{ old('subject') }}">
                        @error('subject')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pt-2">
                    <div class="form-group">
                        <label for="mensagem">*Mensagem</label>
                        <textarea  name="message" class="form-control @error('message') is-invalid @enderror" rows="5" placeholder="Deixe uma mensagem para nós...">{{ old('message') }}</textarea>
                        @error('message')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
            </div>

            <!-- Adicione o campo do reCAPTCHA -->
            <div class="row pt-3">
                <div class="g-recaptcha" data-sitekey="{{ env('RECAPTCHA_SITE_KEY') }}"></div>
                @error('g-recaptcha-response')
                    <div class="invalid-feedback" style="display: block;">
                        {{ $message }}
                    </div>
                @enderror
            </div>

            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pt-2">
                    <p><input id="optin" name="" type="checkbox" value="ok" required="" checked="" /> Li e concordo com os termos da <a href="{{ route('politica-privacidade') }}" title="Leia nossa Política de Privacidade">Política de Privacidade</a> deste site.</p>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="modal-footer">
                        <button type="submit" name="submit"  class="btn btn-success btnSubmit">Enviar mensagem</button>
                    </div>
                </div>
            </div>
        </form>

    </div>
@stop