@extends(layoutTenant())
@section('title')
  <title>Criar Processo Finalizado - Papel zero </title>
  @php $pagina = "usuarios"; @endphp

  <style>
    .error {
      color: red;
    }
  </style>
@endsection
@section('content')

  <div class="row">
    <!-- ============================================================== -->
    <!-- validation form -->
    <!-- ============================================================== -->
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
      <div class="card">
        <h5 class="card-header">Criar Processo Finalizado</h5>

        @if ($errors->all())
          <div class="alert alert-danger" role="alert">
            <ul>

              @foreach ($errors->all() as $erro)
                <li>{{ $erro }}</li>
              @endforeach

            </ul>
          </div>
        @endif

        @if (session('success'))
          <div class="alert alert-success">
            {{ session('success') }}
          </div>
        @endif
        @if (session('erro'))
          <div class="alert alert-danger">
            {{ session('erro') }}
          </div>
        @endif
        <div class="card-body">

          {!! Form::open([
              'url' => routeTenant('tarefasfinalizadas.store_finalizadas'),
              'enctype' => 'multipart/form-data',
              'class' => 'needs-validation',
              'id' => 'formulario',
          ]) !!}

          <div class="form-row">
            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">Nome I Razão Social:</label>
              <input type="text" name="razao_nome" class="form-control" id="nome"
                placeholder="Nome | Empreendimento" required>

            </div>

            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom05">Nome Fantasia:</label>
              <input type="text" name="nome_fatasia_apelido" class="form-control" id="email"
                placeholder="Nome Fantasia" required>

            </div>

          </div>

          <div class="form-row" style="margin-top: 10px;">

            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">CPF | CNPJ: </label>
              <input type="text" name="cnpj_cpf" class="form-control " im-insert="true" placeholder="Telefone"
                required>

            </div>
            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">RUA: </label>
              <input type="text" name="endereco" class="form-control " im-insert="true" placeholder="RUA" required>

            </div>

          </div>

          <div class="form-row" style="margin-top: 10px;">

            <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">Nº: </label>
              <input type="text" name="numero_casa_km" class="form-control " im-insert="true" placeholder="Nº"
                required>

            </div>
            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">BAIRRO/LOCALIDADE: </label>
              <input type="text" name="bairro_localidade" class="form-control " im-insert="true"
                placeholder="BAIRRO/LOCALIDADE" required>

            </div>
            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">MUNICIPIO: </label>
              <select name="municipio" id="" class="form-control">
                @foreach ($cidades as $c)
                  <option value="{{ $c->name }}">{{ $c->name }}</option>
                @endforeach
              </select>
              <input type="hidden" name="uf" class="form-control " im-insert="true" value="MG">

            </div>

          </div>

          <div class="form-row" style="margin-top: 10px;">

            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">CEP: </label>
              <input type="text" name="cep" class="form-control " im-insert="true" placeholder="CEP" required>

            </div>

            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">TIPO FCE: </label>
              <select name="tipo_fce" id="" class="form-control">

                @if ($portal->classe_zero == '1')
                  <option value="fce-0">FCE 0</option>
                @endif
                <option value="fce-1-4">FCE 1 - 4</option>
                <option value="fce-dispensa">FCE DISPENSA</option>

              </select>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">TIPO DOCUMENTOS: </label>
              <select name="tipo_doc" id="" class="form-control">
                @foreach (\App\DocimentosTipo::all() as $d)
                  <option value="{{ $d->id }}">{{ $d->descricao }}</option>
                @endforeach

              </select>
            </div>

          </div>

          <h4 style="margin-bottom: 30px; margin-right: 20px;" class="float-left">Documentos</h4>
          <a onclick="add_doc()" class="btn btn-success float-left" style="color: #FFF;"> Adicionar + Documentos</a>

          <div class="row" style="margin-bottom: 30px; clear: both;" id="documento">
            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 " style="padding: 20px;" id="doc_del_0">

              <input type="file" name="documentos[]" class="form-control float-left" style="width: 80%;" required>
              <a onclick="deletar_doc(0)" style="color: #FFF;" class="btn btn-danger float-left"><i
                  class="la la-trash" aria-hidden="true"></i></a>
            </div>
          </div>

          <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">

              {!! Form::submit('Criar Processo Finalizado ', ['class' => 'btn btn-primary']) !!}
            </div>
          </div>
          {!! Form::close() !!}
        </div>
      </div>
    </div>
  </div>

@endsection

@section('post-script')

  <script src="{{ asset('assets/vendor/inputmask/js/jquery.inputmask.bundle.js') }}"></script>
  <script>
    $(function(e) {
      "use strict";
      $(".date-inputmask").inputmask("dd/mm/yyyy"),
        $(".phone-inputmask").inputmask("(99) 99999-9999"),
        $(".international-inputmask").inputmask("99.999.999/9999-99"),
        $(".xphone-inputmask").inputmask("(999) 999-9999 / x999999"),
        $(".purchase-inputmask").inputmask("aaaa 9999-****"),
        $(".cc-inputmask").inputmask("9999 9999 9999 9999"),
        $(".cep").inputmask("99.999-999"),
        $(".isbn-inputmask").inputmask("999-99-999-9999-9"),
        $(".currency-inputmask").inputmask("$9999"),
        $(".percentage-inputmask").inputmask("99%"),
        $(".decimal-inputmask").inputmask({
          alias: "decimal",
          radixPoint: "."
        }),

        $(".email-inputmask").inputmask({
          mask: "*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[*{2,6}][*{1,2}].*{1,}[.*{2,6}][.*{1,2}]",
          greedy: !1,
          onBeforePaste: function(n, a) {
            return (e = e.toLowerCase()).replace("mailto:", "")
          },
          definitions: {
            "*": {
              validator: "[0-9A-Za-z!#$%&'*+/=?^_`{|}~/-]",
              cardinality: 1,
              casing: "lower"
            }
          }
        })
    });
    document.getElementById("file_upload").onchange = function() {
      document.getElementById("uploadFile").value = this.value;
    };
  </script>

  <script src="https://jqueryvalidation.org/files/dist/jquery.validate.js"></script>

  <script>
    /*
     * Translated default messages for the jQuery validation plugin.
     * Locale: PT_BR
     */
    jQuery.extend(jQuery.validator.messages, {
      required: "Este campo &eacute; requerido.",
      remote: "Por favor, corrija este campo.",
      email: "Por favor, forne&ccedil;a um endere&ccedil;o eletr&ocirc;nico v&aacute;lido.",
      url: "Por favor, forne&ccedil;a uma URL v&aacute;lida.",
      date: "Por favor, forne&ccedil;a uma data v&aacute;lida.",
      dateISO: "Por favor, forne&ccedil;a uma data v&aacute;lida (ISO).",
      number: "Por favor, forne&ccedil;a um n&uacute;mero v&aacute;lido.",
      digits: "Por favor, forne&ccedil;a somente d&iacute;gitos.",
      creditcard: "Por favor, forne&ccedil;a um cart&atilde;o de cr&eacute;dito v&aacute;lido.",
      equalTo: "Por favor, forne&ccedil;a o mesmo valor novamente.",
      accept: "Por favor, forne&ccedil;a um valor com uma extens&atilde;o v&aacute;lida.",
      maxlength: jQuery.validator.format("Por favor, forne&ccedil;a n&atilde;o mais que {0} caracteres."),
      minlength: jQuery.validator.format("Por favor, forne&ccedil;a ao menos {0} caracteres."),
      rangelength: jQuery.validator.format(
        "Por favor, forne&ccedil;a um valor entre {0} e {1} caracteres de comprimento."),
      range: jQuery.validator.format("Por favor, forne&ccedil;a um valor entre {0} e {1}."),
      max: jQuery.validator.format("Por favor, forne&ccedil;a um valor menor ou igual a {0}."),
      min: jQuery.validator.format("Por favor, forne&ccedil;a um valor maior ou igual a {0}.")
    });

    $("#formulario").validate({

      rules: {
        password: {
          required: true,

        },
        confirmarpassword: {
          equalTo: "#password"
        }
      },
      messages: {
        //exemplo
        password: {
          required: "Campo Obrigatorio"
        },
        confirmarpassword: {
          equalTo: "As senhas não são iguais"
        }
      }

    });
    localStorage.setItem('conta', 1);

    function add_doc() {
      var conta = localStorage.getItem('conta');
      $('#documento').append(
        '                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 " style="padding: 20px;" id="doc_del_' +
        conta + '">\n' +
        '\n' +
        '                            <input type="file" name="documentos[]" class="form-control float-left" style="width: 80%;"> <a onclick="deletar_doc(' +
        conta +
        ')" style="color: #FFF;" class="btn btn-danger float-left"><i class="la la-trash" aria-hidden="true"></i></a>\n' +
        '                        </div>');

      localStorage.setItem('conta', conta + 1);

    }

    function deletar_doc(id) {

      $('#doc_del_' + id).remove();

      console.log('aasasasa');

    }
  </script>
@endsection