@extends('corpo')
@section('corpo')
    @php 
    $tipo = "form";
    $ok = 0; 
    $type = 3;
    $ipdsa = ($portal->id == 7);
    @endphp

    <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">
        <script type="text/javascript" src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>

        {!! Form::open(['url' => routeTenant('form.store.dispensa'), 'enctype'=>'multipart/form-data', 'class' => 'form', 'id' => 'form']) !!}
        <input type="hidden" name="id" value="{{ $processook->id }}">
        <script>
            function submitform() {

                $("#form").submit();
            }
            $(document).ready(function() {
                var formBasico = $("#form");
                formBasico.validate({

                    highlight: function(element) {
                        $(element).parents().addClass('error_div');
                    },
                    unhighlight: function(element) {
                        $(element).parents().removeClass('error_div');
                    },

                    ignore: ":disabled,:hidden",
                    onkeyup: false,
                    rules: {
                        //PASSO 1
                        'cnpj_cpf': {
                        required: true,
                        maxlength: 19,
                        minlength: 14
                        },
                        'razao_nome': {
                            required: true,
                            maxlength: 190
                        },
                        'nome_fatasia_apelido': {
                            maxlength: 190
                        },
                        'inscricao_municipal': {
                            maxlength: 49
                        },
                        'endereco': {
                            required: true,
                            maxlength: 190
                        },
                        'numero_casa_km': {
                            required: true,
                            maxlength: 254
                        },
                        'complemento': {
                            maxlength: 190
                        },
                        'bairro_localidade': {
                            required: true,
                            maxlength: 49
                        },
                        'municipio': {
                            required: true,
                            maxlength: 190
                        },
                        'uf': {
                            required: true,
                            maxlength: 9
                        },
                        'cep': {
                            required: true,
                            maxlength: 14,
                            minlength: 9,
                        },
                        'email': {
                            required: true,
                            maxlength: 59,
                            email: true
                        },
                        'emailConfirm': {
                            required: true,
                            equalTo: '#email'
                        },
                        'telefone_1': {
                            required: true,
                            maxlength: 15,
                            minlength: 14,
                        },
                        'telefone_2': {
                            maxlength: 15,
                            minlength: 14,
                        },
                        'telefone_3': {
                            maxlength: 15,
                            minlength: 14,
                        },
                        'empreedimento_atividades_desenvolvidas_1_1[]': {
                            required: true,
                            minlength: 1
                        },

                        // PASSO 2
                        'empreedimento_razao_nome': {
                            required: true,
                            maxlength: 190
                        },
                        'empreedimento_nome_fatasia_apelido': {
                        maxlength: 190
                        },
                        'empreedimento_cnpj_cpf': {
                            required: true,
                            maxlength: 19,
                            minlength: 14
                        },
                        'empreedimento_inscricao_municipal': {
                            maxlength: 49
                        },
                        'empreedimento_endereco': {
                            required: true,
                            maxlength: 254
                        },
                        'empreedimento_numero_casa_km': {
                            required: true,
                            maxlength: 254
                        },
                        'empreedimento_complemento': {
                            maxlength: 190
                        },
                        'empreedimento_bairro_localidade': {
                            required: true,
                            maxlength: 99
                        },
                        'empreedimento_municipio': {
                            required: true,
                            maxlength: 59
                        },
                        'empreedimento_uf': {
                            required: true,
                            maxlength: 9
                        },
                        'empreedimento_cep': {
                            required: true,
                            maxlength: 10,
                            minlength: 9,
                        },
                        'empreedimento_email': {
                            required: true,
                            maxlength: 79
                        },
                        'empreedimentoEmailConfirm': {
                            required: true,
                            equalTo: '#empreedimento_email'
                        },
                        'empreedimento_telefone_1': {
                            required: true,
                            maxlength: 19,
                            minlength: 14,
                        },
                        'empreedimento_telefone_2': {
                            maxlength: 19,
                            minlength: 14,
                        },
                        'empreedimento_telefone_3': {
                            maxlength: 19,
                            minlength: 14,
                        },
                        'fase_impreendimento': {
                            required: true,
                            maxlength: 49
                        },
                        'alvara_funcionamento': {
                            maxlength: 49
                        },
                        'tipo_empresa': {
                            required: true,
                            maxlength: 99
                        },
                        //PASSO 3
                        'envio_razao_nome': {
                            required: true,
                            maxlength: 190
                        },
                        'envio_nome_fatasia_apelido': {
                            maxlength: 190
                        },
                        'envio_cnpj_cpf': {
                            required: true,
                            maxlength: 19
                        },
                        'envio_inscricao_municipal': {
                            maxlength: 49
                        },
                        'envio_endereco': {
                            required: true,
                            maxlength: 190
                        },
                        'envio_numero_casa_km': {
                            required: true,
                            maxlength: 254
                        },
                        'envio_complemento': {
                            maxlength: 190
                        },
                        'envio_bairro_localidade': {
                            required: true,
                            maxlength: 99
                        },
                        'envio_municipio': {
                            required: true,
                            maxlength: 99
                        },
                        'envio_uf': {
                            required: true,
                            maxlength: 9
                        },
                        'envio_cep': {
                            required: true,
                            maxlength: 14,
                            minlength: 9,
                        },
                        'envio_email': {
                            required: true,
                            maxlength: 49
                        },
                        'envioEmailConfirm': {
                            required: true,
                            equalTo: '#envio_email'
                        },
                        'envio_telefone_1': {
                            required: true,
                            maxlength: 19,
                            minlength: 14,
                        },
                        'envio_telefone_2': {
                            maxlength: 19,
                            minlength: 14,
                        },
                        'envio_telefone_3': {
                            maxlength: 19,
                            minlength: 14,
                        },
                        //PASSO 4
                        'formato_utm_datun': {
                            maxlength: 99
                        },
                        'formato_utm_fuso': {

                            maxlength: 99
                        },
                        'formato_utm_x': {
  
                            maxlength: 99
                        },
                        'formato_utm_y': {
  
                            maxlength: 99
                        },
                        'localizacao_impreendimento': {
                            required: true,
                            maxlength: 49
                        },
                        'kml_4_5_perimetro_empreedimento_kml': {
                            required: true,
                        },
                        'localizacao_impreendimento_concervacao': {
                            required: true,
                            maxlength: 49
                        },
                        'localizacao_impreendimento_amortecimento': {
                            required: true,
                            maxlength: 190
                        },
                        'localizacao_impreendimento_conservacao_qual': {
                            maxlength: 99
                        },
                        'localizacao_impreendimento_amortecimento_qual': {
                            required: true,
                            maxlength: 99
                        },
                        'localizacao_impreendimento_amortecimento_distancia': {
                            required: true,
                            maxlength: 99
                        },
                        'descricao_processo_produtivo': {
                            maxlength: 190
                        },
                        'dados_atividade_empreedimento_requerimento': {
                            maxlength: 190
                        },
                        'dados_atividade_empreedimento_instalacao_iniciada': {
                            maxlength: 190
                        },
                        'dados_atividade_empreedimento_operacao_iniciada': {
                            maxlength: 190
                        },
                        'dados_atividade_empreedimento_licenca_ambiental': {
                            maxlength: 190
                        },
                        'dados_atividade_empreedimento_licenca_ambiental_estadual': {
                            maxlength: 190
                        },
                        'dados_atividade_empreedimento_licenca_ambiental_numero_processo': {
                            maxlength: 190
                        },
                        'dados_atividade_empreedimento_licenca_ambiental_tipo': {
                            maxlength: 190
                        },
                        'dados_atividade_empreedimento_licenca_ambiental_dispensada': {
                            maxlength: 190
                        },
                        'atividade_empreedimento_licenca_ambiental_numero_processo_compam': {
                            maxlength: 190
                        },
                        'dados_atividade_empreedimento_licenca_ambiental_estadual_tipo': {
                            maxlength: 190
                        },
                        'atividade_empreedimento_licenca_ambiental_estadual_dispensada': {
                            maxlength: 190
                        },
                        'account_id': {
                            maxlength: 9
                        },
                        'processo_numero': {
                            maxlength: 49
                        },
                        'documentoss': {
                            maxlength: 254
                        },
                        'intervencao_ambiental_encontra_regularizada': {
                            maxlength: 4
                        },
                        'formato_gms_longitude_segundos': {
                            required: true,
                            maxlength: 19
                        },
                        'formato_gms_longitude_minutos': {
                            required: true,
                            maxlength: 19
                        },
                        'formato_gms_longitude_graus': {
                            required: true,
                            maxlength: 19
                        },
                        'formato_gms_latitude_segundos': {
                            required: true,
                            maxlength: 19
                        },
                        'formato_gms_latitude_minutos': {
                            required: true,
                            maxlength: 19
                        },
                        'formato_gms_latitude_graus': {
                            required: true,
                            maxlength: 19
                        },
                        'localizacao_impreendimento_n_car': {
                            maxlength: 254
                        },
                        'fase_impreendimento_data': {
                            maxlength: 49
                        },
                        'intervencao_ambiental_supressao_vegetacao_regularizada': {
                            maxlength: 9
                        },
                        'localizacao_impreendimento_rural_car': {
                            maxlength: 254
                        },
                        'localizacao_impreendimento_area_urbana': {
                            maxlength: 249
                        },
                        'localizacao_impreendimento_area_urbana_local': {
                            maxlength: 99
                        },
                        'documentosselect': {
                            maxlength: 254
                        },
                        'kml_4_5_perimetro_empreedimento_kml': {
                            maxlength: 254
                        },
                        'dados_atividade_empreedimento_requerimento_n_processo': {
                            maxlength: 254
                        },
                        'tratase_de_uma_tividade_5': {
                            required: true,
                            maxlength: 9
                        },
                        'declaracao_penas_da_lei_data': {
                            maxlength: 99
                        },
                        'declaracao_penas_da_lei_nome': {
                            required: true,
                            maxlength: 99
                        },
                        'declaracao_penas_da_lei_vinculo': {
                            required: true,
                            maxlength: 99
                        },
                        'declaracao_penas_da_lei_vinculo_confirmo': {
                            required: true,
                            maxlength: 99
                        }
                    }
                });

                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) {
                        if(($('#peso').val()) >= 1 ){
                            $('.actions').css("display", "none");
                            abrirModalAviso();
                        }
                        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) {
                        if (!$('#confirm-delete').length) {
                            $('body').append(
                                '<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" ' +
                                'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                                '<div class="modal-content"><div class="modal-header  text-white" style="background-color:{{ $portal->headercor }}; color:#FFF;">Cadastrar Processo' +
                                '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                                '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                                'Tem certeza de que deseja Cadastrar o Processo ?</div><div class="modal-footer">' +
                                '<button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar' +
                                '</button><a class="btn btn-primary text-white" onclick="submitform()" id="dataComfirmOK">Cadastrar</a><' +
                                '/div></div></div></div>');
                        }
                        $('#confirm-delete').modal({
                            show: true
                        });
                        return false;
                    },

                });
            });
        </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('form.dispensa.passo5')
            </section>
            <h2>DECLARAÇÃO DE VERICIDADE DAS INFORMAÇÕES</h2>
            <section>
                @include('form.dispensa.passo6')
            </section>

        </div>
    </div>

    </div>

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

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

        </div>
    </div>
    
    </div>
@endsection