@extends('layouts.front.app')

@section('content')

<section>
  <div class="container mt-3">
    
    <nav>
      <ol class="breadcrumb grey lighten-3">
        <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 fosco-text">
            <i class="fas fa-user-check"></i> Minha Conta
          </a>
          <i class="fas fa-angle-double-right mx-2"></i>
        </li>
        <li class="active font-weight-bolder fosco-text"> Deixar um depoimento</li>
      </ol>
    </nav>
  </div>
</section>

<section>
  <div class="container my-3">
    <div class="card">
      
      <h5 class="card-header elegant-color white-text text-center py-4">
        <strong>NOVO DEPOIMENTO</strong><i class="far fa-comments ml-2"></i>
      </h5>
      
      <div class="card-body px-lg-5 rounded">
        
        <form action="{{ route('customer.testimony.store', $customer->id) }}" method="post" enctype="multipart/form-data">
          {{ csrf_field() }}
          
          <div class="my-2">
            <label for="nome" class="font-weight-bolder h4-responsive">Nome:</label>
            <input type="text" name="nome" id="nome" class="form-control form-control-lg" value="{{ (old('nome')) ?? $customer->name }}" required>
          </div>
          
          <div class="my-2">
            <label for="msg" class="font-weight-bolder h4-responsive">Depoimento:</label>
            <textarea type="text" name="msg" id="msg" rows="5" class="form-control form-control-lg" placeholder="Seu Depoimento" required></textarea>
          </div>        
          
          <div class="custom-control custom-checkbox text-left my-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 white-text font-weight-bold btn-block" type="submit">Enviar</button>
          
        </form>
        
      </div>
      
    </div>
  </div>
</section>

@endsection