@extends('layouts.front.app')
@section('css')
@endsection
@section('content')
    <section>
        <div class="container dark-grey-text mt-5">
          <!-- Heading -->
          <nav aria-label="breadcrumb">
              <ol class="breadcrumb blue-grey lighten-4">
                  <li><a href="{{ route('home') }}"> <i class="fa fa-home"></i> Home</a><i class="fas fa-angle-double-right mx-2"
                      aria-hidden="true"></i></li>
                  <li> <a href="{{ route('accounts', ['tab' => 'testimony']) }}"><i class="fas fa-user-check"></i> Minha Conta</a><i class="fas fa-angle-double-right mx-2"
                      aria-hidden="true"></i></li>
                  <li class="active"> <i class="far fa-comments"></i> Deixar um depoimento</li>
              </ol>
          </nav>
          <div class="card">

            <h5 class="card-header red-opera white-text text-center py-4">
                <strong>Novo depoimento</strong>
            </h5>

            <div class="card-body px-lg-5 pt-0">
              <!-- Default form contact -->
              <form action="{{ route('customer.testimony.store', $customer->id) }}" method="post" class="text-center border border-light p-5" enctype="multipart/form-data">
                  {{ csrf_field() }}
                  {{--  Identificação  --}}
                  <div class="input-group input-group-sm mb-3">
                      <div class="input-group-prepend">
                          <span class="input-group-text" id="inputGroup-sizing-sm">Nome</span>
                      </div>
                      <input type="text" name="nome" id="nome" placeholder="Nome que deseja que apareça no depoimento" class="form-control" value="{{ (old('nome')) ?? $customer->name }}" required>
                  </div>

                  <div class="input-group">
                    <div class="input-group-prepend">
                      <span class="input-group-text">Depoimento</span>
                    </div>
                    <textarea class="form-control" name="msg" aria-label="Seu Depoimento" placeholder="Seu Depoimento"></textarea>
                  </div>

                  <!-- Copy -->

                  <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>

                  <!-- Send button -->
                  <button class="btn btn-info btn-block" type="submit">Enviar</button>

              </form>
              <!-- Default form contact -->
            </div>
          </div>
        </div>
    </section>
@endsection
@section('js')
    <script type="text/javascript">
        $(document).ready(function () {
        })
    </script>
@endsection