@extends('layouts.front.app')

@section('content')

  <section>
    <div class="container mt-4">

      <nav>
        <ul 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 class="font-weight-bolder black-text">Reenvio de senha</li>
        </ul>

      </nav>

    </div>
  </section>

  <section>
    <div class="container">

      <div class="card mb-4">
        <h5 class="card-header {{config('site.cor_bootstrap1')}} white-text text-center py-4">
          <strong>Informe os dados de sua conta</strong>
        </h5>

        <div class="card-body">

          <form class="form-horizontal" role="form" method="POST" action="{{ route('password.ressetar-senha') }}">
            {{ csrf_field() }}

            <div class="input-group mb-3">

              @if ( (intval(config('site.login.ativa_cpf')) === 1 ) || (intval(config('site.login.ativa_email')) === 1 ) )
                <div class="input-group-prepend">
                  <span class="input-group-text" id="cnpj">CPF / CNPJ *</span>
                </div>
                <input type="text" name="cliente_cnpj" class="form-control form-control-lg cliente_cnpj" placeholder="999.999.999-99" required>
              @else
                <div class="input-group-prepend">
                  <span class="input-group-text" id="cnpj">CNPJ *</span>
                </div>
                <input type="text" name="cliente_cnpj" class="form-control form-control-lg cliente_cnpj" placeholder="99.999.999/9999-99" required>
              @endif

              <div class="input-group-prepend">
                <span class="input-group-text" id="basic-addon1">Informe o e-mail *</span>
              </div>
              <input type="email" name="cliente_email" class="form-control form-control-lg" placeholder="email@dominio.com" required>

            </div>
            <button class="btn box-green font-weight-bolder float-right mr-0" type="submit">Reenviar a senha</button>
          </form>

        </div>
      </div>

    </div>
  </section>
@endsection
@section('js')
  <script src = "{{ mix('js/jquery.mask.js') }}"></script>
  <script src = "{{ mix('js/jquery-ui.min.js') }}"></script>
  <script src = "{{ mix('js/axios.js') }}"></script>
  <script src = "{{ mix('js/valida_cpf_cnpj.js') }}"></script>
  <script type="text/javascript">
  var token = document.head.querySelector('meta[name="csrf-token"]')
  axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content
  $(document).ready(function () {
    $('#adicionandoCarrinho').attr('data-backdrop', 'true').modal( 'hide' )
    $('button[type=submit]').removeClass('disabled')

    let ativa_cpf = "{!! config('site.login.ativa_cpf') !!}"
    let ativa_email = "{!!config('site.login.ativa_email') !!}"
    console.log(parseInt(ativa_cpf))

    let options = {
      onKeyPress: function (cpf, ev, el, op) {
        var masks = ['000.000.000-000', '00.000.000/0000-00'];
        $('.cliente_cnpj').mask((cpf.length > 14) ? masks[1] : masks[0], op);
      }
    }

    $('.cliente_cnpj').length > 14 ? $('.cliente_cnpj').mask('00.000.000/0000-00', options) : $('.cliente_cnpj').mask('000.000.000-00#', options)

    $('button[type=submit]').on('click', function(){
      $("#adicionandoCarrinho").on('show.bs.modal', function() {
        $('#modalAviso').attr('data-backdrop', 'true')
        $('.modal-title').empty()
        $('.modal-title').html('Enviando solicitação...')
      })
      $("#adicionandoCarrinho").modal('show')
      $('button[type=submit]').addClass('disabled')
    })
  })
</script>
@endsection