@extends('form.dispensa.corpo2')
@section('corpo')
  @php 
    $ok = 0; 
    $tipo = "devolver";
  @endphp

  <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 paginatransparencia ajustar_fonte" id="pagina">

      <style type="text/css">
        a.btn:hover {
          text-decoration: none !important;
        }
      </style>

      <link rel="stylesheet" href="{{ url('') }}/wizzard/css/jquery.steps.css">

      <script src="{{ url('') }}/wizzard/js/jquery.cookie-1.3.1.js"></script>
      <script src="{{ url('') }}/wizzard/js/jquery.steps.js"></script>

      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/additional-methods.js"></script>

      <div class="content">
        {!! Form::model($dados, [
            'url' => routeTenant('dispensa.tarefas.ft.update', [$dados->token]),
            'enctype' => 'multipart/form-data',
            'id' => 'form',
        ]) !!}

        <script>
          $(document).ready(function() {

            var formBasico = $("#form");
            formBasico.validate({
              ignore: ":disabled,:hidden",
              onkeyup: false,
              rules: {
                'email': {
                  required: true,
                  email: true
                },
                'empreedimento_atividades_desenvolvidas_1_1[]': {
                  required: true,
                  minlength: 1
                },
                'empreedimento_email': {
                  required: true,
                  email: true
                },
                'fase_impreendimento': {
                  required: true,

                },
                'alvara_fucionamento': {
                  required: true,

                },
                'tipo_empresa': {
                  required: true,

                },
                'localizacao_impreendimento': {
                  required: true,

                },
                'localizacao_impreendimento_concervacao': {
                  required: true,

                },
                'localizacao_impreendimento_amortecimento': {
                  required: true,

                },
                'dados_atividade_empreendimento_requerimento': {
                  required: true,

                },
                'dados_atividade_empreendimento_licenca_ambiental': {
                  required: true,

                },
                'dados_atividade_empreendimento_licenca_ambiental_estadual': {
                  required: true,

                },
                'uso_de_recurso_hidrico_consessionaria_local': {
                  required: true,

                },
                'intervencao_ambiental_supressao_vegetacao': {
                  required: true,

                },
                'intervencao_ambiental_supressao_vegetacao_permanente': {
                  required: true,

                },
                'movimento_terra_movimentacao': {
                  required: true,

                },
                'enfluentes_liquidos_rede_coletora_local': {
                  required: true,

                },
                'emissao_sonora_equipamentos_sonoros': {
                  required: true,

                },
                'emissao_sonora_equipamentos_sonoros_isolamento_arcustico': {
                  required: true,

                },
                'residuos_solidos': {
                  required: true,

                },
                'declaracao_inexistecia_restricao_condicao': {
                  required: true,

                },
                'envio_email': {
                  required: true,
                  email: true

                }
              }
            });
            $("#form").valid();
            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}.")
            });
            $("#wizard").steps({
              headerTag: "h2",
              bodyTag: "section",
              transitionEffect: "slideLeft",
              stepsOrientation: "vertical",
              enableAllSteps: true,
              enableContentCache: false,
              labels: {
                cancel: "Cancelar",
                current: "Atual:",
                pagination: "Paginação",
                finish: "Finalizar",
                next: "Próximo",
                previous: "Anterior",
                loading: "Carregando ..."
              },
              onStepChanging: function(event, currentIndex, newIndex) {
                function topTop() {
                  $('html, body').animate({
                    scrollTop: 0
                  }, 1000, 'easeInOutCirc');
                }
                topTop();
                return $("#form").valid();
              },
              onStepChanged: function(event, currentIndex, priorIndex) {
                $(".done .number").html("");
                $(".done .number").append('<i class="fa fa-check" style="margin:0 3px;"> </i>');
              },
              onFinished: function(event, currentIndex) {
                $("#form").submit();
              },
            });
          });
        </script>

        <div id="wizard">
          <h2>IDENTIFICAÇÃO DO EMPREENDEDOR</h2>
          <section>
            @include('form.dispensa.passo1')
          </section>

          <h2>IDENTIFICAÇÃO DO EMPREENDIMENTO</h2>
          <section>
            @include('form.dispensa.passo2')
          </section>

          <h2>ENDEREÇO PARA ENVIO DE CORRESPONDÊNCIA</h2>
          <section>
            @include('form.dispensa.passo3')
          </section>

          <h2>LOCALIZAÇÃO DO EMPREENDIMENTO</h2>
          <section>
            @include('form.dispensa.passo4')
          </section>
          
          <h2>DADOS DA(S) ATIVIDADE(S) DO EMPREENDIMENTO</h2>
          <section>
            @include('devolver.dispensa.passo5')
          </section>
         
          <h2>DECLARAÇÃO DE VERICIDADE DAS INFORMAÇÕES</h2>
          <section>
            @include('devolver.dispensa.passo6')
          </section>

        </div>
      </div>

    </div>

    {!! Form::close() !!}

    <div class="col-md-12" style="margin-top: 10px;">
      <div class="form-group">

      </div>
    </div>

  </div> <!-- /pagina -->
  </div>

  </div>
  </div>
@endsection