@extends('layouts.front.app')

@section('content')

<section>
  <div class="container my-4">
    
    <nav>
      <ol class="breadcrumb grey lighten-4">
        <li>
          <a href="{{ route('home') }}" class="font-weight-bold fosco-text"> 
            <i class="fa fa-home"></i> Home
          </a>
          <i class="fas fa-angle-double-right mx-2"></i>
        </li>
        <li> 
          <a href="{{ route('accounts', ['tab' => 'testimony']) }}" class="font-weight-bolder black-text">
            <i class="fas fa-user-check"></i> Minha Conta
          </a>
          <i class="fas fa-angle-double-right mx-2"></i>
        </li>
        <li class="font-weight-bolder black-text">
          <i class="far fa-comments"></i> Deixar um depoimento
        </li>
      </ol>
    </nav>
    
  </div>
</section>

<section>
  <div class="container mb-5">
    <div class="card">
      
      <h5 class="card-header fosco-text text-center py-4">
        <strong>Novo Depoimento</strong>
      </h5>
      
      <div class="card-body rounded">
        
        <form action="{{ route('customer.testimony.store', $customer->id) }}" method="post" class="border p-3" enctype="multipart/form-data">
          {{ csrf_field() }}
          {{--  Identificação  --}}
          
          <div class="my-2">     
            <label for="nome">Nome</label>
            <input type="text" id="nome" name="nome" class="form-control" placeholder="Nome que irá aparecer no depoimento" value="{{ (old('nome')) ?? $customer->name }}" required />
          </div>
          
          <div class="my-2">     
            <label for="msg">Depoimento</label>
            <textarea type="text" id="msg" name="msg" rows="5" class="form-control" placeholder="Seu Depoimento"></textarea>
          </div>        
          
          <div class="custom-control custom-checkbox mb-4">
            <input type="checkbox" class="custom-control-input" id="envie_copia">
            <label class="custom-control-label" for="envie_copia">Me envie uma cópia deste depoimento</label>
          </div>
          
          <button class="btn box-green btn-block" type="submit">Enviar</button>
          
        </form>
        
      </div>
    </div>
  </div>
</section>

@endsection