@extends('layouts.front.app')

@section('content')

<section>
  <div class="container my-2">
    
    <nav>
      <ol class="breadcrumb grey lighten-3 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-2">
    
    <div class="">
      
      @include('layouts.errors-and-messages')
      
      <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="my-3">          
              <label for="nome">Nome completo <span class="red-text">*</span></label>
              <input type="text" id="name" name="name" class="form-control" value="{!! (auth()->check()) ? auth()->user()->name : '' !!}" required>
              <input type="hidden" name="id_customer" value="{!! (auth()->check()) ? auth()->user()->id : '' !!}">
            </div>
            
            <div class="my-3">
              <label for="email">Email <span class="red-text">*</span></label>
              <input type="email" id="email" name="email" class="form-control" value="{!! (auth()->check()) ? auth()->user()->email : '' !!}" required>
            </div>          
            
            <div class="my-3">
              <label for="subject">Assunto <span class="red-text">*</span></label>
              <input type="text" id="subject" name="subject" class="form-control" required>
            </div>            
            
            <div class="my-3">
              <label for="message">Mensagem <span class="red-text">*</span></label>
              <textarea type="text" name="message" id="message" rows="4" class="form-control" required></textarea>
            </div>          
            
            <div>              
              {!! htmlFormSnippet() !!}              
            </div>
            
            <div class="text-center text-md-right">
              <button type="submit" class="btn btn-lg box-green">
                Enviar <i class="fas fa-check ml-1"></i>
              </button>
            </div>
            
          </form>
          
          <div class="status"></div>
          
        </div>
        
        <div class="col-md-3 text-center pr-0">
          <ul class="list-unstyled mb-0">
            
            <h4 class="font-weight-bolder font-abeezee red-text">Matriz</h4>            
            
            <li>
              <a href="https://goo.gl/maps/ffmt4dPxuQvXVw7n8" class="fosco-text" target="_blank">
                <i class="fas fa-map-marker-alt fa-2x"></i>
                <p>Rua Amador Bueno 44 , Cajuru<br> Curitiba - PR, 82590-300</p>
              </a>
            </li>
            
            <li>
              <a href="tel:+554130166055" class="fosco-text">
                <i class="fas fa-phone mt-4 fa-2x"></i>
                <p>+55 41 3016-6055</p>
              </a>
            </li>
            
            <li>
              <a href="mailto:contato@tulipaessencias.com.br" class="fosco-text">
                <i class="fas fa-envelope mt-4 fa-2x"></i>
                <p>contato@tulipaessencias.com.br</p>
              </a>
            </li>
            
            <hr>
            
            <h4 class="font-weight-bolder font-abeezee red-text">Filial</h4>
            
            <li>
              <a href="https://goo.gl/maps/ffmt4dPxuQvXVw7n8" class="fosco-text" target="_blank">
                <i class="fas fa-map-marker-alt fa-2x"></i>
                <p>Rua Nilo Cairo 176 , Centro<br> Curitiba - PR, 82590-300</p>
              </a>
            </li>
            
            <li>
              <a href="tel:+554132252246" class="fosco-text">
                <i class="fas fa-phone mt-4 fa-2x"></i>
                <p>+55 41 3225-2246</p>
              </a>
            </li>
            
            <li>
              <a href="mailto:filial1.tulipa@hotmail.com" class="fosco-text">
                <i class="fas fa-envelope mt-4 fa-2x"></i>
                <p>filial1.tulipa@hotmail.com</p>
              </a>
            </li>
            
          </ul>
        </div>
        
      </div>
    </div>
  </div>
  
</section>

@endsection