@extends('layouts.site')

@section('content')

<section id="contato">
  <div class="container">
      <h1 class="titulo-padrao-azul ">Contato</h1>

    <div class="row">
      <div class="col">
        <div class="box-formulario-contato">
          <h1>Preencha o formulário abaixo para entrar em contato conosco:</h1>

          @if ($errors->any())
              <div class="alert alert-danger">
                  <ul>
                      @foreach ($errors->all() as $error)
                          <li>{{ $error }}</li>
                      @endforeach
                  </ul>
              </div>
          @endif

          <div class="box-form">
            <form action="{{ route('contato') }}" method="post" class="formValidate">
              @csrf
              <div class="box-1">
                <div class="form-group campo-nome">
                  <label for="nome">Nome</label>
                  <input type="text" class="form-control" id="nome" name="nome" placeholder="Digite seu nome" required="required" autofocus>
                </div>

                <div class="form-group campo-email">
                  <label for="email">E-mail</label>
                  <input type="email" class="form-control" id="email" name="email" required="required" placeholder="name@example.com">
                </div>
              </div>

              <div class="box-2">
                <div class="form-group">
                  <label for="telefone">Telefone</label>
                  <input type="text" class="form-control fone" id="telefone" name="telefone" required="required" placeholder="(xx) xxxxx-xxxx">
                </div>

                <div class="form-group">
                  <label for="bairro">Bairro</label>
                  <input type="text" class="form-control" id="bairro" name="bairro" required="required" placeholder="Digite o bairro">
                </div>

                <div class="form-group">
                  <label for="cidade">Cidade</label>
                  <input type="text" class="form-control" id="cidade" name="cidade" required="required" placeholder="Digite a cidade">
                </div>
              </div>

              <div class="form-group">
                <label for="mensagem">Mensagem</label>
                <textarea class="form-control" id="mensagem" name="mensagem" required="required" rows="3" placeholder="Digite a sua mensagem aqui"></textarea>
              </div>

              <button type="submit" class="btn-enviar-solicitacao">Enviar</button>
            </form>
          </div>
          <hr>
          <div class="box-dados-contato">
            <article class="endereco">
              <h1>ENDEREÇO:</h1>
              <ul>
                <li>Confederação Nacional de Municípios</li>
                <li></li>
                <li>SGAN 601 Módulo N</li>
                <li>Brasília/DF | CEP: 70.830-010</li>
                <li>(61) 2101-6000</li>
                <li>Fax: (61) 2101-6080</li>
              </ul>
            </article>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

@endsection