@extends('layouts.front.app')

@section('content')

<section>
  <div class="container my-2">

    <nav>
      <ol class="breadcrumb mt-3">
        <li>
          <a href="{{ route('home') }}" class="fosco-text font-weight-bold">
            <i class="fa fa-home"></i> Home
          </a>
          <i class="fas fa-angle-double-right mx-2"></i>
        </li>
        <li class="font-weight-bolder fosco-text">Fale conosco </li>
      </ol>
    </nav>

  </div>
</section>

<section>
  <div class="container my-3">

    <div class="shadow-0 p-3">
      <h2 class="font-abeezee font-weight-bold text-center my-4">Fale conosco</h2>

      <p class="text-center w-responsive mx-auto mb-5">
        Você tem alguma pergunta? Por favor, não hesite em nos contatar diretamente. Nossa equipe irá lhe responder
        dentro de alguns instantes.
      </p>

      <div class="row">

        <div class="col-md-8 ml-2 mb-md-0 mb-5">
          <form id="contact-form" name="contact-form" action="{{ route('envie.contato') }}" method="POST">
            {{ csrf_field() }}

            <input type="hidden" name="_method" value="post">

            <div class="row">

              <div class="col-md-6">
                <div class="md-form mb-0">
                  <input type="text" id="name-user" name="name" class="form-control"
                    value="{!! (auth()->check()) ? auth()->user()->name : '' !!}">
                  <input type="hidden" name="id_customer" value="{!! (auth()->check()) ? auth()->user()->id : '' !!}">
                  <label for="name-user" class="">Seu nome</label>
                </div>
              </div>

              <div class="col-md-6">
                <div class="md-form mb-0">
                  <input type="text" id="email-user" name="email" class="form-control"
                    value="{!! (auth()->check()) ? auth()->user()->email : '' !!}" require>
                  <label for="email-user">Seu email <span class="text-danger">*</span></label>
                </div>
              </div>

            </div>

            <div class="row">

              <div class="col-md-12">
                <div class="md-form mb-0">
                  <input type="text" id="subject" name="subject" class="form-control">
                  <label for="subject">Assunto</label>
                </div>
              </div>

            </div>

            <div class="row">

              <div class="col-md-12">

                <div class="md-form">
                  <textarea type="text" id="message" name="message" rows="2" class="form-control md-textarea"
                    require></textarea>
                  <label for="message">Sua mensagem <span class="text-danger">*</span></label>
                </div>

              </div>
            </div>

            <div class="row">

              {!! htmlFormSnippet() !!}

            </div>
          </form>

          <div class="text-center text-md-right">
            <a class="btn btn-xs box-green" onclick="document.getElementById('contact-form').submit();">Enviar</a>
          </div>

          <div class="status"></div>

        </div>

        <div class="col-md-3 text-center">
          <ul class="list-unstyled mb-0">

            <li>
              <a href="https://goo.gl/maps/ZaJ755pjS1qz2EVB8" class="fosco-text" target="_blank">
                <i class="fas fa-map-marker-alt fa-2x"></i>
                <p>Rua Filósofo Huberto Rohden, n° 2410 <br> Curitiba - PR</p>
              </a>
            </li>

            <li>
              <a href="tel:+554131556723" class="fosco-text">
                <i class="fas fa-phone mt-4 fa-2x"></i>
                <p>+55 41 3155-6723</p>
              </a>
            </li>

            <li>
              <a href="https://wa.me/{{ config('shop.whatsapp_link') }}" target="_blank" class="fosco-text">
                <i class="fab fa-whatsapp mt-4 fa-2x"></i> {{ config('shop.whatsapp') }}
              </a>
            </li>

            <li>
              <a href="mailto:vendas@nativuspesca.com.br" class="fosco-text">
                <i class="fas fa-envelope mt-4 fa-2x"></i>
                <p>vendas@nativuspesca.com.br</p>
              </a>
            </li>

          </ul>
        </div>

      </div>
    </div>
  </div>

</section>

@endsection

@section("js")
<script src='https://www.google.com/recaptcha/api.js?hl=pt-BR'></script>
@endsection