@extends('../layouts.app')

@section('title', 'Adicionar Participante')
@section('content')
@include('../layouts.headers.cards_prod')

@include('../layouts.footers.auth')

<div class="container-fluid mt--7">
  <div class="row">
    <div class="col-xl-12 order-xl-1">
      <div class="card bg-secondary shadow">
        <div class="card-header bg-white border-0">
          <div class="row align-items-center">
            <div class="col-8">
              <h3 class="mb-0">{{ __('Cadastro de Clientes') }}</h3>
            </div>
            <div class="col-4 text-right">
              <a href="{{route('clientes')}}" class="btn btn-sm btn-primary">{{ __('Voltar a Lista') }}</a>
            </div>
          </div>
        </div>
        <div class="card-body">
          <form method="post" enctype="multipart/form-data" action="{{route('clientes.salvar')}}" id="formulario_cadastrar">
            <!-- Passando o Token -->
            {{csrf_field()}}

            <h6 class="heading-small text-muted mb-4">Dados Pessoais</h6>

            <div class="row">
              <div class="col-md-12 col-lg-12 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">CNPJ/CPF</label>
                  <input type="text" class="form-control form-control-alternative" id="cnpj" name="cnpj_cpf_cliente" placeholder="CNPJ ou CPF">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-5 col-lg-5 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Nome</label>
                  <input type="text" class="form-control form-control-alternative" id="nome" name="razao_cliente" placeholder="Nome do Cliente">
                </div>
              </div>
              <div class="col-md-5 col-lg-5 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Empresa</label>
                  <input type="text" class="form-control form-control-alternative" id="fantasia" name="fantasia_cliente" placeholder="Nome da Empresa">
                </div>
              </div>

              <div class="col-md-1 col-lg-1 col-sm-12 mt-4">
                <div class="custom-control custom-radio">
                  <input type="radio" id="Ativo1" name="status_cliente" value="1" class="custom-control-input" checked="on">
                  <label class="custom-control-label" for="Ativo1">Ativo</label>
                </div>
                <div class="custom-control custom-radio">
                  <input type="radio" id="Ativo2" name="status_cliente" value="0" class="custom-control-input">
                  <label class="custom-control-label" for="Ativo2">Inativo</label>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-md-5 col-lg-5 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Email</label>
                  <input type="text" class="form-control form-control-alternative" id="email" name="email_cliente" placeholder="Nome do Cliente">
                </div>
              </div>

              <div class="col-md-5 col-lg-5 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Celular</label>
                  <input type="text" class="form-control form-control-alternative" id="celular_cliente" name="celular_cliente" placeholder="Nome da Empresa">
                </div>
              </div>

              <div class="col-md-2 col-lg-2 col-sm-12 mt-4">
                <div class="custom-control custom-checkbox">
                  <input name="whatsapp_cliente" type="checkbox" class="custom-control-input" value="1" id="whatsapp_cliente">
                  <label class="custom-control-label" for="whatsapp_cliente">Whatsapp</label>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-md-12 col-lg-12 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name"> Data de Nascimento</label>
                  <input type="date" class="form-control form-control-alternative" name="nascimento_cliente">
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-md-5 col-lg-5 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Pessoa</label>
                  <select class="form-control form-control-alternative" name="pessoa_cliente" id="pessoa_cliente">
                    <option disabled selected>Pessoa</option>
                    <option>Física</option>
                    <option>Jurídica</option>
                    <option>Exterior</option>
                  </select>
                </div>
              </div>

              <div class="col-md-5 col-lg-5 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Tipo</label>
                  <select class="form-control form-control-alternative" name="tipo_cliente" id="tipo_cliente">
                    <option disabled selected>Tipo</option>
                    <option>Cliente</option>
                    <option>Fornecedor</option>
                    <!-- <option>Transportadora</option> -->
                  </select>
                </div>
              </div>

              <div class="col-md-2 col-lg-2 col-sm-12 mt-4">
                <div class="custom-control custom-checkbox">
                  <input name="consumidor_cliente" type="checkbox" class="custom-control-input" value="1" id="consumidor_cliente">
                  <label class="custom-control-label" for="consumidor_cliente">Consumidor Final</label>
                </div>
              </div>
            </div>

            <hr class="my-4">
            <h6 class="heading-small text-muted mb-4">Endereço</h6>

            <div class="row">
              <div class="col-md-6 col-lg-6 col-sm-6">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Cep</label>
                  <input type="text" class="form-control form-control-alternative" id="cep" name="cep_cliente" placeholder="CEP">
                </div>
              </div>

              <div class="col-md-6 col-lg-6 col-sm-6">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Casa</label>
                  <input type="number" class="form-control form-control-alternative" id="numero" name="casa_cliente" placeholder="número da casa">
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-md-6 col-lg-6 col-sm-6">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Rua</label>
                  <input type="text" class="form-control form-control-alternative" id="logadouro" name="rua_cliente" placeholder="Rua">
                </div>
              </div>

              <div class="col-md-6 col-lg-6 col-sm-6">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Bairro</label>
                  <input type="text" class="form-control form-control-alternative" id="bairro" name="bairro_cliente" placeholder="Bairro">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-6 col-lg-6 col-sm-6">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Cidade</label>
                  <input type="text" class="form-control form-control-alternative" id="cidade" name="cidade_cliente" placeholder="Cidade">
                </div>
              </div>

              <div class="col-md-6 col-lg-6 col-sm-6">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Estado</label>
                  <input type="text" class="form-control form-control-alternative" maxlength="2" id="uf" name="uf_cliente" placeholder="">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-6">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Ponto de Referência</label>
                  <input type="text" class="form-control form-control-alternative" id="ponto_referencia_cliente" name="ponto_referencia_cliente" placeholder="Locais proximos conhecidos">
                </div>
              </div>
              <div class="col-md-6 col-lg-6 col-sm-6">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Código do munícipio</label>
                  <input type="number" class="form-control form-control-alternative" maxlength="10" min="0" id="cMun" name="cMun">
                  <small><a href="http://www.roseno.info/cidadesconsulta.aspx" target="_blank" class="text-warning h5 font-weight-bold">Pesquisar código do munícipio</a></small>
                </div>
              </div>
            </div>
            <div class="text-center">
              <button type="submit" class="btn btn-success mt-4">
                <font style="vertical-align: inherit;">
                  <font style="vertical-align: inherit;">Salvar</font>
                </font>
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="modal_cadastro_clientes" tabindex="-1" role="dialog" aria-labelledby="modal_cadastro_clientes" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h2 class="mx-auto text-info text-uppercase">Cadastro incompleto</h2>
      </div>
      <div class="modal-body">
        <div class="texto-alerta">

        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default text-white font-weight-bold" data-dismiss="modal">Fechar</button>
      </div>
    </div>
  </div>

</div>

@endsection

@push('js')
<script src="{{ asset('argon') }}/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
<script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.flash.min.js"></script>
<script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.print.min.js"></script>


<!--Arquivo de JS criado por nós para editar as partes lógicas do sistema  -->
<script type="text/javascript" src="{{ asset('js/clientes_cadastrar.js') }}"></script>

@endpush