@extends('layouts.front.app')

@section('content')

<section>
  
  <div class="container my-4">
    
    <nav>
      <ol class="breadcrumb justify-content-start 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="active fosco-text">Fale conosco </li>
      </ol>
    </nav>
    
  </div>
  
</section>

<section>
  
  <div class="container my-4">
    
    <div class="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" name="name" class="form-control" value="{!! (auth()->check()) ? auth()->user()->name : '' !!}" required>
                  <input type="hidden" name="id_customer" value="{!! (auth()->check()) ? auth()->user()->id : '' !!}">
                  <label for="name" class="">Seu nome</label>
                </div>
              </div>
              
              <div class="col-md-6">
                <div class="md-form mb-0">
                  <input type="text" id="email" name="email" class="form-control" value="{!! (auth()->check()) ? auth()->user()->email : '' !!}" required>
                  <label for="email">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" required>
                  <label for="subject">Assunto <span class="text-danger">*</span></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" required></textarea>
                  <label for="message">Sua mensagem <span class="text-danger">*</span></label>
                </div>
                
              </div>
            </div>
            
            <div class="">
              {!! htmlFormSnippet() !!}
            </div>
            
            <button type="submit" class="btn btn-lg float-right box-green">
              Enviar <i class="fas fa-check ml-1"></i>
            </button>
            
          </form>
          
          <div class="status"></div>
          
        </div>
        
        <div class="col-md text-left">
          <h5 class="font-weight-bold mt-3 mb-4 fosco-text">Atendimento</h5>
          
          <ul class="list-unstyled">
            <li class="my-2">
              <a href="#!" class="fosco-text font-weight-normal">
                <i class="fas fa-headset mr-1"></i> SAC 41 99693-1464
              </a>
            </li>
            <li class="my-2">
              <a href="#!" class="fosco-text font-weight-normal">
                <i class="fas fa-landmark mr-1"></i> Loja (41) 99803-0294 - 3039-8089
              </a>
            </li>
            <li class="my-2">
              <a href="#!" class="fosco-text font-weight-normal">
                <i class="fas fa-hand-holding-usd mr-1"></i> Financeiro 41 99693-1561
              </a>
            </li>
            <li class="my-2">
              <a href="#!" class="fosco-text font-weight-normal">
                <i class="fas fa-gifts"></i> StrobPlus 3122-8008
              </a>
            </li>
            <li class="my-2">
              <a href="#!" class="fosco-text font-weight-normal">
                <i class="fas fa-file-invoice-dollar mr-2"></i> Nota Fiscal-Fiscal 41 99637-1336
              </a>
            </li>
            <li class="my-2">
              <a href="mailto:vendasonline@strobeletro.com.br"  class="fosco-text font-weight-normal">
                <i class="fas fa-at fosco-text mr-1"></i> vendasonline@strobeletro.com.br
              </a>
            </li>
            <li class="my-2">
              <a href="https://goo.gl/maps/wq6ac3LRobh2AEnV7" target="_blank" class="fosco-text font-weight-normal">
                <i class="fas fa-map-marker-alt fosco-text mr-2"></i> Av. Mal. Floriano Peixoto, 9169 
              </a>
            </li>
            <li class="my-2">
              <a  class="fosco-text font-weight-normal">
                <i class="fas fa-clock fosco-text mr-1"></i> Seg à Sex das 08:00 às 18:00 
              </a>
            </li>
          </ul>
          
        </div>
        
      </div>
    </div>
  </div>
  
</section>

@endsection