@extends('form.corpo')
@section('corpo')

    <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>

    @php
        $estados = [
            'AC' => 'Acre', 'AL' => 'Alagoas', 'AP' => 'Amapá', 'AM' => 'Amazonas',
            'BA' => 'Bahia', 'CE' => 'Ceará', 'DF' => 'Distrito Federal', 'ES' => 'Espírito Santo',
            'GO' => 'Goiás', 'MA' => 'Maranhão', 'MS' => 'Mato Grosso do Sul', 'MT' => 'Mato Grosso',
            'MG' => 'Minas Gerais', 'PA' => 'Pará', 'PB' => 'Paraíba', 'PR' => 'Paraná',
            'PE' => 'Pernambuco', 'PI' => 'Piauí', 'RJ' => 'Rio de Janeiro', 'RN' => 'Rio Grande do Norte',
            'RS' => 'Rio Grande do Sul', 'RO' => 'Rondônia', 'RR' => 'Roraima', 'SC' => 'Santa Catarina',
            'SP' => 'São Paulo', 'SE' => 'Sergipe', 'TO' => 'Tocantins'
        ];
        $ufSelecionado = old('uf', $dados->uf ?? '');
    @endphp


    <div class="content">
        <script type="text/javascript" src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>

        <form method="POST" action="{{ $route }}" enctype="multipart/form-data" class="formvalidator" id="form" >

            @csrf
            @method($method)

            <input type="hidden" name="is_edit" value="{{ isset($dados) ? 1 : 0}}">

            <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
                            },
                            'cep': {
                                required: true,
                                maxlength: 14,
                                minlength: 9,
                            },
                            '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
                            },

                            'email': {
                                required: true,
                                maxlength: 255,
                                email: true
                            },
                            'emailConfirm': {
                                required: true,
                                equalTo: '#email'
                            },
                            'telefone_1': {
                                required: true,
                                maxlength: 15,
                                minlength: 14,
                            },

                            // PASSO 2
                            'is_responsavel_possuidor': {
                                required: true
                            },
                            'empreedimento_razao_nome': {
                            maxlength: 190
                            },
                            'empreedimento_cnpj_cpf': {
                                required: true,
                                maxlength: 19,
                                minlength: 14
                            },
                            'empreedimento_cep': {
                                required: true,
                                maxlength: 10,
                                minlength: 9,
                            },
                            'empreedimento_endereco': {
                                required: true,
                                maxlength: 254
                            },
                            'empreedimento_numero_casa_km': {
                                required: true,
                                maxlength: 254
                            },
                            'responsavel_complemento': {
                                maxlength: 190
                            },
                            'empreedimento_bairro_localidade': {
                                required: true,
                                maxlength: 99
                            },
                            'empreedimento_municipio': {
                                required: true,
                                maxlength: 59
                            },
                            'empreedimento_uf': {
                                required: true,
                                maxlength: 9
                            },

                            'empreedimento_email': {
                                required: true,
                                maxlength: 255,
                                email: true
                            },
                            'empreedimento_emailConfirm': {
                                required: true,
                                equalTo: '#empreedimento_email'
                            },
                            'empreedimento_telefone_1': {
                                required: true,
                                maxlength: 19,
                                minlength: 14,
                            },


                            // Passo 3


                            'indentificacao_denominacao': {
                                maxlength: 190,
                                required: true,
                            },
                            'indentificacao_areatotal': {
                                required: true,
                                maxlength: 190
                            },
                            'unidade_medida': {
                                required: true,
                            },
                            'indentificacao_municipio': {
                                required: true,
                                maxlength: 190
                            },

                            'indentificacao_livro': {
                                maxlength: 190

                            },
                            'indentificacao_folha': {
                                maxlength: 190
                            },

                            //PASSO 4
                            'utilizacao_pretendida[]': {
                                required: true,
                                maxlength: 190
                            },
                            'utilizacao_pretendida_outro': {
                                required: true,
                                maxlength: 190
                            },
                            'utilizacao_pretendida_regularizado': {
                                maxlength: 190
                            },
                            'utilizacao_pretendida_numero_recibo': {
                                
                            },

                            //PASSO 5
                            'possui_equadramento': {
                                required: true,
                                maxlength: 190
                            },
                            'possui_equadramento_codigo_atividade': {
                                required: true,
                                maxlength: 190
                            },
                            'possui_equadramento_descricao_atividade': {
                                required: true,
                                maxlength: 190,

                            },
                            'possui_equadramento_parametro': {
                                required: true,
                                maxlength: 190
                            },
                            'possui_equadramento_quantidade': {
                                required: true,
                                maxlength: 190,

                            },
                            'possui_equadramento_unidade': {
                                required: true,
                                maxlength: 190,

                            },
                            'possui_equadramento_classe': {
                                maxlength: 190,
                                required: true,
                            },
                            'possui_equadramento_criterio_locacional': {
                                maxlength: 190,
                                required: true,
                            },

                            'possui_equadramento_modalidade': {
                                maxlength: 190,
                                required: true,
                            },
                            'possui_equadramento_licenca_ambiental': {
                                maxlength: 190,
                                required: true,
                            },

                            //PASSO 8
                            'aproveitamento_utilizacao[]': {
                                required: true,
                            },
                            'aproveitamento_declaracao': {
                                required: true,
                            },

                            //PASSO 9
                        }
                    });

                    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}.")
                    });

                    // Função que verifica o localStorage e altera controla a visibilidade dos documentos
                    function checkAtividades() {
                        const atividadesStorage = localStorage.getItem('atividadesStorage');
                        if (atividadesStorage) {
                            try {
                                const atividades = JSON.parse(atividadesStorage);
                                if (!Array.isArray(atividades)) {
                                    console.warn("atividadesStorage não é um array.");
                                    return;
                                }
                                // Cria um array com os códigos já limpos (sem espaços)
                                const cods = atividades.map(a => String(a.cod).trim());

                                // Mapeamento de seletores para os códigos que determinam a ocultação
                                const hideMapping = {
                                    // Para cod 6.1.1, 6.1.2, etc.
                                    '#autorizativo_origem_legal_materia': ['611', '612', '613', '614', '615', '619', '616', '617'],
                                    '#termo_doacao_material_lenhoso': ['611', '612', '613', '614', '615', '619', '616', '617'],
                                    '#plano_utilizacao_pretendida': ['611', '612', '613', '614', '616', '617', '618'],

                                    // Para cod 6.1.3
                                    '#projeto_plantio_florestas': ['613', '616', '617', '618'],
                                    '#arrecadacao_estadual': ['613', '618'],
                                    '#corte_supressao_especie_ameacada': ['613', '614', '618'],

                                    // Para cod 6.1.4
                                    '#proposta_medidas_compensatorias': ['614', '616', '617', '618'],

                                    // Para cod 6.1.6 ou 6.1.7
                                    '#tecnico_pia': ['616', '617', '618'],
                                    '#planta_topografica_planimetrica': ['616', '617', '618'],
                                    '#representacoes': ['616', '617', '618'],
                                    '#anotacao_responsabilidade_tecnica': ['616', '617', '618'],

                                    // Para cod 6.1.8
                                    '#procuracao': ['618'],
                                    '#identificacao_imovel': ['618'],
                                    '#recibo_car': ['618'],
                                    '#contrato_compra_venda': ['618'],
                                    '#carta_anuencia': ['618']
                                };

                                for (const selector in hideMapping) {
                                if (hideMapping.hasOwnProperty(selector)) {
                                    const codesToHide = hideMapping[selector];
                                    // const isHidden = codesToHide.some(code => cods.includes(code));
                                    const isHidden = cods.every(cod => codesToHide.includes(cod));

                                    $(selector).css('display', isHidden ? 'none' : 'block');

                                    const hiddenId = '#show_doc_' + selector.replace('#', '');
                                    
                                    $(hiddenId).val(isHidden ? 0 : 1);
                                    console.log(hiddenId, $(hiddenId).val());
                                }
                            }
                            } catch (error) {
                                console.error('Erro ao analisar atividadesStorage:', error);
                            }
                        }
                    }

                    checkAtividades();

                    $("#wizard").steps({
                        headerTag: "h2",
                    //startIndex: 1,
                        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) {
                            // Se o novo índice for 7 (passo 8) e o localStorage 'atividadesStorage' contém cod "613", pula o passo
                            if(newIndex === 7) {
                                let storedAtividades = localStorage.getItem('atividadesStorage');
                                if(storedAtividades) {
                                    try {
                                        let atividadesStorage = JSON.parse(storedAtividades) || [];
                                        if (Array.isArray(atividadesStorage) && 
                                            atividadesStorage.some(item => String(item.cod).replace(/\./g, "").trim() === "613")) {
                                                $('input[name="preenchimentoObrigatorio"]').removeAttr('required');
                                            // Pula o passo 8 disparando o clique no próximo (passo 9)
                                            $("#wizard-t-8").get(0).click();
                                            return false;
                                        } else {
                                            $('input[name="activityRequired"]').attr('required', 'required');
                                        }
                                    } catch (err) {
                                        console.error("Erro ao parsear atividadesStorage:", err);
                                    }
                                }
                            }

                            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) {
                            checkAtividades();

                            $(".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" disable="is">Cadastrar</a><' +
                                    '/div></div></div></div>');
                            }
                            $('#confirm-delete').modal({
                                show: true
                            });
                            return false;
                        },

                    });
                });

                // Esconde o botão "Finalizar" ao visualizar os dados
                $(document).ready(function () {
                    if ({{ $is_show ? 'true' : 'false' }}) {
                        $('.actions a[href="#finish"]').hide(); 
                    }
                });
            </script>
            <script>
                // document.addEventListener("DOMContentLoaded", function() {
                //     var ufSelecionado = document?.getElementById("uf")?.value;
                //     var municipioSelecionado = "{{ old('municipio') }}";
                    
                //     if (ufSelecionado && municipioSelecionado != '') {
                //         buscarCidades('', municipioSelecionado);
                //     }
                //     var ufSelecionado2 = document?.getElementById("empreedimento_uf")?.value;
                //     var municipioSelecionado2 = "{{ old('empreedimento_municipio') }}";

                //     if (ufSelecionado2 && municipioSelecionado2 != '') {
                //         buscarCidades('empreedimento_', municipioSelecionado2);
                //     }
                // });

                $(document).ready(function() {
                    // Verifica se a variável $dados existe e tem as propriedades desejadas preenchidas
                    @if(!empty($dados) && !empty($dados->atividades_selecionadas) && isset($dados->produtos_selecionados))
                        var atividades = @json($dados->atividades_selecionadas);
                        var produtos = @json($dados->produtos_selecionados);

                        console.log('Atividades:', atividades);
                        console.log('Produtos:', produtos);

                        if (atividades.length > 0) {
                            localStorage.setItem('atividades', JSON.stringify(atividades));
                            localStorage.setItem('produtos', JSON.stringify(produtos));
                        }
                    @endif
                });

            </script>


            <div id="wizard">
                <h2>Identificação do empreendedor / Responsável pela intervenção ambiental</h2>
                <section>
                    @include('form.intervencao-ambiental.passo1')
                </section> 

                <h2>Identificação do proprietário / Possuidor do imóvel</h2>
                <section>
                    @include('form.intervencao-ambiental.passo2')
                </section>  

                <h2>Identificação do imóvel</h2>
                <section>
                    @include('form.intervencao-ambiental.passo3')
                </section> 

                <h2>Utilização pretendida</h2>
                <section>
                    @include('form.intervencao-ambiental.passo4')
                </section> 

                <h2>Possui enquadramento na DN CODEMA 01/2020*?</h2>
                <section>
                    @include('form.intervencao-ambiental.passo5')
                </section>  

                <h2>Intervenção ambiental requerida</h2>
                <section>
                    @include('form.intervencao-ambiental.passo6')
                </section>   

                <h2>Produto ou subproduto florestal a ser apurado na intervenção ambiental requerida para recolhimento da taxa florestal conforme lei 4.747/75</h2>
                <section>
                    @include('form.intervencao-ambiental.passo7')
                </section>

                @if(!(isset($exist_activity) && $exist_activity))
                    <h2>Aproveitamento socioeconômico do produto ou subproduto floresta/vegetal</h2>
                    <section>
                        @include('form.intervencao-ambiental.passo8')
                    </section>  
                @endif

                @if(!isset($dados))
                    <h2>Documentos requeridos</h2>
                    <section>
                        @include('form.intervencao-ambiental.passo9')
                    </section>
                @endif

            </div>
            @include('modal.ada')
        </div>

        </div>
    </form>
@endsection