@extends('corpo2')
@section('corpo')
    @php $ok = 0; $tipo = "devolver";@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">
        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header bg-primary text-white text-center">
                        <h4 class="modal-title text-white " id="exampleModalLabel">PARÂMETROS DA ATIVIDADE </h4>
                    </div>
                    <div class="modal-body">
                        <div>
                            <div class="row parametro">
                                <div class="col-md-12">
                                    <span style="font-weight: bold">Código: </span>
                                    <span id="cod" style="font-weight: bold">A-01-03-1</span>
                                </div>
                            </div>
                            <div class="row parametro" style="margin-top: 20px;">
                                <div class="col-md-12" style="text-align: justify !important;">
                                    <span style="font-weight: bold;">Descrição: </span>
                                    <span id="descricao">Lavra subterrânea exceto pegmatitos e gemas</span>
                                </div>
                            </div>
                            <div class="row parametro" style="float: center !important; margin-top: 20px;">
                                <div class="col-md-3" style="text-align: center !important;">
                                    <label for="quantidadeAtual">Quantidade:</label>
                                    <input class="form-control " id="quantidadeAtual" maxlength="50" name="quantidadeAtual"
                                        placeholder="Quantidade" required="" style="text-align: center  !important;"
                                        type="text">
                                </div>
                                <div class="col-md-3" style="text-align: center; ">
                                    <label for="unidade">Unidade:</label>
                                    <input type="hidden" id="id_atividade">
                                        <input type="hidden" id="desc_atividade">
                                            <input type="hidden" id="cod_atividade">
                                                <input class="form-control" id="unidade" maxlength="150" disabled
                                                    name="unidade" style="text-align: center;" type="text">
                                </div>
                                <div class="col-md-3" style="text-align: center;">
                                    <label for="unidade">Parâmetro:</label>
                                    <input class="form-control" id="parametro" disabled name="parametro"
                                        style="text-align: center;" type="text">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer ">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Cancelar</button>
                        <a href="#" class="btn btn-success deletar" onclick="addAtividade_ok()"
                            id="deletar">Adicionar</a>
                    </div>
                </div>
            </div>
        </div>

        <script type="text/javascript" src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
        {!! Form::open([
            'url' => routeTenant('fce14.tarefas.ft.update', [$dados['token']]),
            'class' => 'form',
            'id' => 'form',
            'enctype' => 'multipart/form-data',
        ]) !!}
        <script>
            function submitform() {
                $("#form").submit();
            }
            function setar_peso(n, campo) {
                if (localStorage.getItem(campo) === null) {
                    localStorage.setItem(campo, n);
                } else {
                    localStorage.setItem(campo, n);
                }
            }
            $(document).ready(function() {
                localStorage.removeItem("escoder_3_4");
                localStorage.removeItem("escoder_3_4_2");
                localStorage.removeItem("escoder_3_4_3");
                localStorage.clear();
               
                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,
                        },
                        'formato_utm_datun': {
                            maxlength: 100,
                        },
                        '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
                        },
                        '1_2_renovacao_ampliacao_liceca_ambietal': {
                            required: true,
                        }
                    }
                });

                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 (newIndex == 5) {
                            mudar_pagina_6_tabela();
                            var sendData = function() {
                                $.post('{{ routeTenant("atividade.calcular") }}', {
                                    data: JSON.parse(localStorage.getItem('atividades'))
                                }, function(response) {
                                    localStorage.setItem('porte', response);
                                    var valorlocacional = JSON.parse(localStorage.getItem(
                                        'valor'));
                                    var porte_ati = JSON.parse(localStorage.getItem('porte'));

                                    if (JSON.parse(localStorage.getItem('valor'))) {
                                        var maior_6 = valorlocacional.sort(function(a, b) {
                                            return b - a;
                                        })[0];
                                    } else {
                                        var maior_6 = 0;
                                    }
                                    $('#6_classe_predominate').val(porte_ati);
                                    $('#6_fator_locacional_resultate').val(maior_6);
                                    if (maior_6 + porte_ati == '01') {
                                        $('#6_modalidade_inicial').val('LAS-Cadastro');
                                        $('#6_8_modalidade_resultante').val('LAS-Cadastro');
                                    }
                                    if (maior_6 + porte_ati == '02') {
                                        $('#6_modalidade_inicial').val('LAS-Cadastro');
                                        $('#6_8_modalidade_resultante').val('LAS-Cadastro');
                                    }
                                    if (maior_6 + porte_ati == '03') {
                                        $('#6_modalidade_inicial').val('LAS-RAS');
                                        $('#6_8_modalidade_resultante').val('LAS-RAS');
                                    }
                                    if (maior_6 + porte_ati == '04') {
                                        $('#6_modalidade_inicial').val('LAC1');
                                        $('#6_8_modalidade_resultante').val('LAC1');
                                    }
                                    if (maior_6 + porte_ati == '05') {
                                        $('#6_modalidade_inicial').val('LAC2');
                                        $('#6_8_modalidade_resultante').val('LAC2');
                                    }
                                    if (maior_6 + porte_ati == '06') {
                                        $('#6_modalidade_inicial').val('LAC2');
                                        $('#6_8_modalidade_resultante').val('LAC2');
                                    }
                                    if (maior_6 + porte_ati == '11') {
                                        $('#6_modalidade_inicial').val('LAS-Cadastro');
                                        $('#6_8_modalidade_resultante').val('LAS-Cadastro');
                                    }
                                    if (maior_6 + porte_ati == '12') {
                                        $('#6_modalidade_inicial').val('LAS-RAS');
                                        $('#6_8_modalidade_resultante').val('LAS-RAS');
                                    }
                                    if (maior_6 + porte_ati == '13') {
                                        $('#6_modalidade_inicial').val('LAC1');
                                        $('#6_8_modalidade_resultante').val('LAC1');
                                    }
                                    if (maior_6 + porte_ati == '14') {
                                        $('#6_modalidade_inicial').val('LAC2');
                                        $('#6_8_modalidade_resultante').val('LAC2');
                                    }
                                    if (maior_6 + porte_ati == '15') {
                                        $('#6_modalidade_inicial').val('LAS-Cadastro');
                                        $('#6_8_modalidade_resultante').val('LAS-Cadastro');
                                    }
                                    if (maior_6 + porte_ati == '16') {
                                        $('#6_modalidade_inicial').val('LAT');
                                        $('#6_8_modalidade_resultante').val('LAT');
                                    }
                                    if (maior_6 + porte_ati == '21') {
                                        $('#6_modalidade_inicial').val('LAS-RAS');
                                        $('#6_8_modalidade_resultante').val('LAS-RAS');
                                    }
                                    if (maior_6 + porte_ati == '22') {
                                        $('#6_modalidade_inicial').val('LAC1');
                                        $('#6_8_modalidade_resultante').val('LAC1');
                                    }
                                    if (maior_6 + porte_ati == '23') {
                                        $('#6_modalidade_inicial').val('LAC2');
                                        $('#6_8_modalidade_resultante').val('LAC2');
                                    }
                                    if (maior_6 + porte_ati == '24') {
                                        $('#6_modalidade_inicial').val('LAC2');
                                        $('#6_8_modalidade_resultante').val('LAC2');
                                    }
                                    if (maior_6 + porte_ati == '25') {
                                        $('#6_modalidade_inicial').val('LAT');
                                        $('#6_8_modalidade_resultante').val('LAT');
                                    }
                                    if (maior_6 + porte_ati == '26') {
                                        $('#6_modalidade_inicial').val('LAT');
                                        $('#6_8_modalidade_resultante').val('LAT');
                                    }
                                });
                            };
                            sendData();
                        }
                        if (localStorage.getItem("escoder_3_4") === null) {
                            if (localStorage.getItem("escoder_3_4_2") === null) {
                                if (localStorage.getItem("escoder_3_4_3") === null) {} else {
                                    if (newIndex == 2) {
                                        $("#wizard-t-4").get(0).click();
                                        $("#wizard-d-4").get(0).click();
                                    }
                                    if (newIndex == 3) {
                                        $("#wizard-t-1").get(0).click();
                                        $("#wizard-d-1").get(0).click();
                                    }
                                }
                            } else {
                                if (newIndex == 2) {
                                    $("#wizard-t-4").get(0).click();
                                    $("#wizard-d-4").get(0).click();
                                }
                                if (newIndex == 3) {
                                    $("#wizard-t-1").get(0).click();
                                    $("#wizard-d-1").get(0).click();
                                }
                            }
                        } else {
                            if (newIndex == 2) {
                                $("#wizard-t-4").get(0).click();
                                $("#wizard-d-4").get(0).click();
                            }

                            if (newIndex == 3) {
                                $("#wizard-t-1").get(0).click();
                                $("#wizard-d-1").get(0).click();
                            }
                        }
                        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;
                    },
                });
                @include('dados.fce1-4.passo3')
                var atos_autorizativos = null;
                for(i=0; i<atos_autorizativos.length; i++){
                    $('#tipos_de_ato_autorizativo').val($('#td_tipo_autorizativo_'+i).attr('value'));
                    $('#certidao_numero').val($('#td_outorga_numero_'+i).attr('value'));
                    $('#certidao_data').val($('#td_outorga_data_'+i).attr('value'));
                    $('#certidao_entidade').val($('#td_outorga_resposavel_'+i).attr('value'));
                    adicionarlinha_outorga();
                }
            });
        </script>

        <div id="wizard">
            <h2> INFORMAÇÕES PRÉVIAS</h2>
            <section>
                @include('devolver.fce1-4.passo1')
            </section>

            <h2 id="atividade_h2"> ATIVIDADES</h2>
            <section id="atividade_section">
                @include('form.fce1-4.passo2')
            </section>

            <h2 id="criterios_h2"> CRITÉRIOS LOCACIONAIS DE ENQUADRAMENTO</h2>
            <section id="criterios_select">
                @include('form.fce1-4.passo3')
            </section>

            <h2 id="fatores_h2"> FATORES DE RESTRIÇÃO OU VEDAÇÃO</h2>
            <section id="fatores_select">
                @include('devolver.fce1-4.passo4')
            </section>

            <h2 id="intervencoes_h2"> OUTRAS INTERVENÇÕES</h2>
            <section id="intervencoes_section">
                @include('form.fce1-4.passo5')
            </section>

            <h2 id="classificacoes_h2"> CLASSIFICAÇÃO DA ATIVIDADE</h2>
            <section id="classificacoes_section">
                @include('form.fce1-4.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>
@endsection