IniciandoTelaHome();

function IniciandoTelaHome() {


    const interval_home = 500; // Tempo em milissegundos (1 segundo)

    try {

        const checkElements_home = setInterval(() => {
            try {

                const HomeConstruida = document.getElementById('HomeConstuctor');

                if (HomeConstruida) {
                    // const gerarBole = document.getElementById('gerarBoleto');
                    //const gerarPDF = document.getElementById('gerarPDF');

                    // gerarBole.addEventListener('click', gerarBoleto);
                    // gerarPDF.addEventListener('click', GerarPDF);
                    //console.log('Funções da tela Home foram iniciadas corretamente')

                    Data_home();
                    Servicos_home();
                    TelaFinanceiro();

                    async function Servicos_home() {

                        const { Servicos, ResutadosES } = await EmpresasServicos();

                        const ServicosPDf = await Servicos.json();

                        //console.log(ServicosPDf);

                        const paineServicos = document.getElementById('sevicoDominio');
                        RespostasServiHome(ResutadosES, paineServicos)

                        function RespostasServiHome(ResutadosES, paineServicos) {

                            if (ResutadosES === 500) {

                                paineServicos.innerHTML = `
                                <h2>Statues 404</h2>
                                <p>Sem serviços no momento</p>`
                                throw new Error(`Erro na API dos Serviços: ${ResutadosES}`);
                            }

                            if (ResutadosES === 404) {

                                paineServicos.innerHTML = `
                                <h2>Statues 404</h2>
                                <p>Nenhum serviço encontrado</p>`
                                throw new Error(`Erro na API dos Serviços: ${ResutadosES}`);
                            }

                            if (ResutadosES === 401) {

                                paineServicos.innerHTML = `
                                <h2>Statues 404</h2>
                                <p>Usuário não autenticado!</p>`
                                throw new Error(`Erro na API dos Serviços: ${ResutadosES} `);
                            }

                            if (ResutadosES === 502) {

                                paineServicos.innerHTML = `
                                <h2>Statues 404</h2>
                                <p>Estamos realizando manutenções, volte mais tarde</p>`
                                throw new Error(`Erro na API dos Serviços: ${ResutadosES} `);
                            }


                        }


                        // Limpando o painel antes de adicionar os serviços
                        paineServicos.innerHTML = "";

                        for (const key in ServicosPDf) {
                            if (ServicosPDf.hasOwnProperty(key)) {
                                const servico = ServicosPDf[key];


                                paineServicos.innerHTML += `<div class="ItemServicos">
                                <img src="./Acessts/Imagens/Iconis/ferramentas.png">
                                <div class="PainelTexto">
                                    <p>${servico}</p>
                                </div>
                                </div>`;

                            }
                        }



                    }

                    async function Chamados_home(dia, pesquisaValor = '') {
                        const { Chamados, ResutadosChamados } = await IntegracaoZamade();
                        const dataZam = await Chamados.json();

                        const ListadeChamados = document.getElementById('ChamadosDominio');

                        RespostasChamadosHome(ResutadosChamados, ListadeChamados)

                        function RespostasChamadosHome(ResutadosChamados, ListadeChamados) {

                            if (ResutadosChamados === 500) {

                                ListadeChamados.innerHTML = `
                                <h2>Statues 404</h2>
                                <p>Sem serviços no momento</p>`
                                throw new Error(`Erro na API dos Serviços: ${ResutadosChamados}`);
                            }

                            if (ResutadosChamados === 404) {

                                ListadeChamados.innerHTML = `
                                <h2>Statues 404</h2>
                                <p>Nenhum serviço encontrado</p>`
                                throw new Error(`Erro na API dos Serviços: ${ResutadosChamados}`);
                            }

                            if (ResutadosChamados === 401) {

                                ListadeChamados.innerHTML = `
                                <h2>Statues 404</h2>
                                <p>Usuário não autenticado!</p>`
                                throw new Error(`Erro na API dos Serviços: ${ResutadosChamados}`);
                            }

                            if (ResutadosChamados === 502) {

                                ListadeChamados.innerHTML = `
                                <h2>Statues 404</h2>
                                <p>Estamos realizando manutenções, volte mais tarde</p>`
                                throw new Error(`Erro na API dos Serviços: ${ResutadosChamados} `);
                            }




                        }

                        let htmlContent = '';
                        let encontrouChamado = false;


                        // **Filtrando os chamados pela data**
                        const resultadosFiltrados = dataZam.filter(item => {
                            const dataAbertura = item.created_at.split("T")[0]; // "2025-01-14"
                            //console.log("Valor á ser pesquisado " + dia)
                            return dataAbertura === dia;
                        });

                        // **Filtrando os chamados pela pesquisa**
                        const chamadosPesquisados = resultadosFiltrados.filter(item =>
                            item.customer_id.toString().toLowerCase().includes(pesquisaValor.toLowerCase()) ||
                            item.title.toLowerCase().includes(pesquisaValor.toLowerCase()) ||
                            item.number.toString().includes(pesquisaValor)
                        );

                        //console.log(chamadosPesquisados)

                        // **Gerando o HTML dos chamados filtrados**

                        for (let chamado of chamadosPesquisados) {
                            encontrouChamado = true;

                            const dataAbertura = chamado.created_at.split("T")[0]; // "2025-01-14"
                            const horaAbertura = chamado.created_at.match(/T(\d{2}:\d{2})/)[1]; // "14:56"
                            const EstadoChamado = chamado.state_id;
                            const IdChamado = chamado.number;

                            let EstadosChamado = '';
                            switch (EstadoChamado) {
                                case 1: EstadosChamado = 'Novo_Nao_Atribuido'; break;
                                case 2: EstadosChamado = 'Aberto_Em_Análise'; break;
                                case 3: EstadosChamado = 'Aguardando_Retorno'; break;
                                case 4: EstadosChamado = 'Solucionado_Fechado'; break;
                                case 6: EstadosChamado = 'Em_Andamento'; break;
                            }

                            htmlContent += `
                                <div class="CorpoPainelChamado" id="${IdChamado}">
                                    <div class="IconChamado ${EstadosChamado}"></div>
                                    <div class="TituloChamado"><p>${IdChamado}</p></div>
                                    <div class="Data_de_abertura"><p>${dataAbertura} às ${horaAbertura}</p></div>         
                                </div>`;
                        }

                        // **Se nenhum chamado for encontrado**
                        if (!encontrouChamado) {
                            htmlContent = `<h2 class="MensangemERRO">Nenhum Chamado Encontrado</h2>`;
                        }

                        // **Atualiza a interface**
                        ListadeChamados.innerHTML = htmlContent;
                        if (ListadeChamados.innerHTML !== "") {
                            setTimeout(() => {
                                for (let chamado of chamadosPesquisados) {

                                    const Titulo = chamado.title;
                                    const IdChamado = chamado.number;
                                    const AutorChamado = chamado.customer_id;
                                    const estado = chamado.state_id



                                    const dataAbertura = chamado.created_at.split("T")[0]; // "2025-01-14"
                                    const [anoA, mesA, diaA] = dataAbertura.split("-");
                                    const dataFormatadaA = `${mesA}/${diaA}/${anoA}`; // "01/14/2025"

                                    const horaAbertura = chamado.created_at.match(/T(\d{2}:\d{2})/)[1]; // "14:56"

                                    const dataFechamento = chamado.created_at.split("T")[0]; // "2025-01-14"
                                    const [anoF, mesF, diaF] = dataAbertura.split("-");
                                    const dataFormatadaF = `${mesF}/${diaF}/${anoF}`; // "01/14/2025"

                                    const horaFechamento = chamado.created_at.match(/T(\d{2}:\d{2})/)[1]; // "14:56"

                                    let StadoChamado = 0;

                                    switch (estado) {
                                        case 1: StadoChamado = 'Novo / Não Atribuido'; break;
                                        case 2: StadoChamado = 'Aberto Em Análise'; break;
                                        case 3: StadoChamado = 'Aguardando Retorno'; break;
                                        case 4: StadoChamado = 'Solucionado Fechado'; break;
                                        case 6: StadoChamado = 'Em Andamento'; break;
                                    }

                                    let StadoChamadoClass = 0;
                                    switch (estado) {
                                        case 1: StadoChamadoClass = 'Novo_Nao_Atribuido'; break;
                                        case 2: StadoChamadoClass = 'Aberto_Em_Analise'; break;
                                        case 3: StadoChamadoClass = 'Aguardando_Retorno'; break;
                                        case 4: StadoChamadoClass = 'Solucionado_Fechado'; break;
                                        case 6: StadoChamadoClass = 'Em_Andamento'; break;
                                    }



                                    ConstruirPoup(IdChamado, Titulo, AutorChamado, dataFormatadaA, horaAbertura, dataFormatadaF, horaFechamento, StadoChamado, StadoChamadoClass);
                                }
                            }, 0);
                        }

                        function ConstruirPoup(Chamado, Titulo, AutorChamado, dataFormatadaA, horaAbertura, dataFormatadaF, horaFechamento, StadoChamado, StadoChamadoClass) {

                            const chamadoButton = document.getElementById(`${Chamado}`)

                            if (!chamadoButton) {
                                console.error(`Elemento com ID ${Chamado} não encontrado.`);
                                return;
                            }

                            chamadoButton.addEventListener('click', AbrirPopupChamados);

                            function AbrirPopupChamados() {
                                const PopUp = document.getElementById('PopupHome');

                                PopUp.style.display = 'flex';
                                PopUp.classList.add("Chamado")
                                PopUp.classList.add(StadoChamadoClass)
                                PopUp.innerHTML = estrutPop();
                                EncerrarPopUp();

                                function estrutPop() {
                                    return ` 
                                    <div class="PainelFechar">
                                        <button id="EncerrarPopup">X</button>
                                    </div>
                                    <div class="PainelConteudo">
                                        <h2>${Titulo}</h2>
                                        <ul>
                                            <li> Autor do chamado -  ${AutorChamado}  </li>
                                            <li> Data de abertura -  ${dataFormatadaA} ás ${horaAbertura}   </li>
                                            <li> Data de Fechamento -  ${dataFormatadaF} ás ${horaFechamento}   </li>
                                        </ul>
                                    </div>
                                    <div class="PainelEstado ${StadoChamadoClass}">
                                        <h2>${StadoChamado}</h2>
                                    </div>
                                    `;


                                }

                                function EncerrarPopUp() {
                                    const buttonEncerrar = document.getElementById('EncerrarPopup');

                                    buttonEncerrar.addEventListener('click', Encerar);

                                    function Encerar() {
                                        PopUp.style.display = '';
                                        PopUp.classList.remove("Chamado")
                                        PopUp.classList.remove(StadoChamadoClass)
                                        PopUp.innerHTML = '';
                                    }

                                }


                            }

                        }

                    }

                    let DataAtual = null

                    function Data_home() {
                        const DiaAtual = document.getElementById('NumeroDodial');
                        const DiaSemana = document.getElementById('DiaSemana');
                        const MesAtual = document.getElementById('Mesatual');
                        let RecebeMes = null;
                        const AnoAtual = document.getElementById('AnoAtual');

                        let { dia, mes, ano, data } = CapturandoDatas();

                        function CapturandoDatas(dataReferencia = new Date()) {
                            // Verifica se dataReferencia é um objeto Date, se não for, converte
                            if (!(dataReferencia instanceof Date)) {
                                dataReferencia = new Date(dataReferencia);
                            }

                            const dia = dataReferencia.getDate();
                            const mes = dataReferencia.getMonth();

                            const mesesAno = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
                            const mesNome = mesesAno[dataReferencia.getMonth()];
                            const ano = dataReferencia.getFullYear();

                            const diasNoMes = new Date(ano, mes + 1, 0).getDate(); // Último dia do mês
                            const primeiroDiaSemana = new Date(ano, mes, 1).getDay(); // 0 = Domingo, 1 = Segunda, ..., 6 = Sábado

                            let MesesDoAnoId;
                            switch (mesNome) {
                                case 'Janeiro': MesesDoAnoId = '01'; break;
                                case 'Fevereiro': MesesDoAnoId = '02'; break;
                                case 'Março': MesesDoAnoId = '03'; break;
                                case 'Abril': MesesDoAnoId = '04'; break;
                                case 'Maio': MesesDoAnoId = '05'; break;
                                case 'Junho': MesesDoAnoId = '06'; break;
                                case 'Julho': MesesDoAnoId = '07'; break;
                                case 'Agosto': MesesDoAnoId = '08'; break;
                                case 'Setembro': MesesDoAnoId = '09'; break;
                                case 'Outubro': MesesDoAnoId = '10'; break;
                                case 'Novembro': MesesDoAnoId = '11'; break;
                                case 'Dezembro': MesesDoAnoId = '12'; break;
                            }

                            let dias = [];
                            // Adicionar espaços vazios antes do primeiro dia do mês
                            for (let i = 0; i < primeiroDiaSemana; i++) {
                                dias.push(`<div class="vazio"></div>`);
                            }


                            for (let d = 1; d <= diasNoMes; d++) {
                                dias.push(`<p class="dia" id="${ano}-${MesesDoAnoId}-${d}">${d}</p>`);
                            }



                            // Verifica o id do dia atual
                            const idDiaAtual = `${ano}-${MesesDoAnoId}-${dia}`;

                            return { dias, mes: mesNome, ano, dia, idDiaAtual, data: dataReferencia };

                        }

                        function AtualizarData(novaData) {
                            const resultado = CapturandoDatas(novaData);

                            if (!resultado) {
                                console.error("Erro: A data fornecida não é válida.");
                                return;
                            }

                            const { dias, mes, ano, dia, idDiaAtual } = resultado;

                            DiaAtual.innerHTML = `
                            <div class="days">
                                <div class='day-name' id='Domingo'>Dom</div>
                                <div class='day-name' id='Segunda'>Seg</div>
                                <div class='day-name' id='Terça'>Ter</div>
                                <div class='day-name' id='Quarta'>Qua</div>
                                <div class='day-name' id='Quinta'>Qui</div>
                                <div class='day-name' id='Sexta'>Sex</div>
                                <div class='day-name' id='Sábado'>Sáb</div>
                            </div>
                            <div  class="dates">
                                ${dias.join("")}
                            </div>
                            
                            
                            `; // Exibir todos os dias corretamente
                            RecebeMes = mes;
                            MesAtual.innerHTML = `<h2 class="Subir">${RecebeMes}</h2>`;

                            AnoAtual.innerHTML = ano;

                            //console.log(dias);

                            const diaAtualElement = document.getElementById(idDiaAtual);

                            if (diaAtualElement) {
                                diaAtualElement.classList.add("destaque"); // Adiciona classe para destacar o dia
                            } else {
                                console.error("Erro: Não foi possível encontrar o dia atual.");
                            }

                            // Definir o mês no formato de 2 dígitos
                            let MesesDoAno;
                            switch (mes) {
                                case 'Janeiro': MesesDoAno = '01'; break;
                                case 'Fevereiro': MesesDoAno = '02'; break;
                                case 'Março': MesesDoAno = '03'; break;
                                case 'Abril': MesesDoAno = '04'; break;
                                case 'Maio': MesesDoAno = '05'; break;
                                case 'Junho': MesesDoAno = '06'; break;
                                case 'Julho': MesesDoAno = '07'; break;
                                case 'Agosto': MesesDoAno = '08'; break;
                                case 'Setembro': MesesDoAno = '09'; break;
                                case 'Outubro': MesesDoAno = '10'; break;
                                case 'Novembro': MesesDoAno = '11'; break;
                                case 'Dezembro': MesesDoAno = '12'; break;
                            }

                            let idDiaClicado = dia;  // Variável global para armazenar o ID
                            // Função para adicionar o evento de clique a todos os dias
                            function adicionarEventosClick() {
                                // Seleciona todos os elementos <p> com a classe "dia"
                                const dias = document.querySelectorAll('.dia');

                                // Itera sobre todos os elementos <p> encontrados
                                dias.forEach(dia => {
                                    // Adiciona um evento de clique para cada elemento
                                    dia.addEventListener('click', () => {
                                        // Remove a classe 'destaque' de todos os dias
                                        dias.forEach(d => d.classList.remove('destaque'));

                                        // Adiciona a classe 'destaque' ao dia clicado
                                        dia.classList.add('destaque');
                                        //console.log(`Dia clicado: ${dia.innerText}`); // Exibe o dia no console

                                        // Armazena a ID do dia clicado
                                        idDiaClicado = dia.id;

                                        // Exibe o ID no console
                                        //console.log(`ID do dia clicado: ${idDiaClicado}`);
                                        Chamados_home(idDiaClicado);
                                    });
                                });
                            }

                            // Chama a função para adicionar os eventos de clique
                            adicionarEventosClick();

                            // Para acessar o ID de fora da função, você pode usar a variável global 'idDiaClicado':
                            setTimeout(() => {
                                Chamados_home(idDiaClicado);
                                //console.log(`ID do dia após o clique: ${idDiaClicado}`);
                            }, 1000); // Isso espera 1 segundo após o clique para verificar a variável

                            const dataAtual = `${ano}-${MesesDoAno}-${dia}`;
                            //console.log("Data processada corretamente:", dataAtual);
                        }

                        function MudarMes() {
                            const proximo_mes = document.getElementById('NumeroProximoMes');
                            const mes_anterior = document.getElementById('NumeroAnteriorMes');

                            proximo_mes.addEventListener('click', () => {
                                // Converter o nome do mês para um número
                                let mesNumero = getMesNumero(RecebeMes);
                                let dataAtual = new Date(AnoAtual.innerHTML, mesNumero, 1); // Cria a data do mês atual

                                dataAtual.setMonth(dataAtual.getMonth() + 1); // Avança para o próximo mês
                                AtualizarData(dataAtual); // Atualiza a data com o novo mês
                            });

                            mes_anterior.addEventListener('click', () => {
                                // Converter o nome do mês para um número
                                let mesNumero = getMesNumero(RecebeMes);

                                let dataAtual = new Date(AnoAtual.innerHTML, mesNumero, 1); // Cria a data do mês atual
                                dataAtual.setMonth(dataAtual.getMonth() - 1); // Retrocede para o mês anterior
                                AtualizarData(dataAtual); // Atualiza a data com o novo mês


                            });
                        }

                        function getMesNumero(mesNome) {
                            switch (mesNome) {
                                case 'Janeiro': return 0;  // Janeiro é o mês 0 no JavaScript (0-11)
                                case 'Fevereiro': return 1;
                                case 'Março': return 2;
                                case 'Abril': return 3;
                                case 'Maio': return 4;
                                case 'Junho': return 5;
                                case 'Julho': return 6;
                                case 'Agosto': return 7;
                                case 'Setembro': return 8;
                                case 'Outubro': return 9;
                                case 'Novembro': return 10;
                                case 'Dezembro': return 11;
                                default: return 0;
                            }
                        }

                        // Inicializa os valores na tela
                        AtualizarData(new Date());
                        MudarMes();



                    }


                    function TelaFinanceiro() {
                        const BolotosAvencer = document.getElementById('apresentarBoleto');

                        const hoje = new Date();
                        const diaAtual = hoje.getDate();
                        const mesAtual = hoje.getMonth();
                        const anoAtual = hoje.getFullYear();

                        const meses = [];
                        const nomesMeses = [
                            "janeiro", "fevereiro", "março", "abril", "maio", "junho",
                            "julho", "agosto", "setembro", "outubro", "novembro", "dezembro"
                        ];

                        for (let i = 0; i <= 2; i++) {
                            let mes = (hoje.getMonth() + i) % 12; // Garante que não passe de dezembro
                            let ano = anoAtual + Math.floor((hoje.getMonth() + i) / 12); // Ajusta o ano se necessário
                            let nomeMes = nomesMeses[mes];

                            // 🔴 O botão SÓ fica ativo se estivermos DENTRO do mês respectivo E entre os dias 1 e 12
                            let botaoAtivo = ano === anoAtual && mes === mesAtual && diaAtual >= 1 && diaAtual <= 13;
                            console.log(botaoAtivo);
                            if (botaoAtivo == false) {
                                meses.push(`
                                    <div class="Mes_financeiro Desativado"> 

                                        <div class="MesBoleto Ativado">
                                            <p>${nomeMes} - ${ano}</p> 
                                        </div>
                                        <div class="StatusFinanceiro">
                                            <p>Fechado</p> 
                                        </div>
                                        <div class="GerarBoletoFinanceiro">
                                            <button>
                                                Fora de data
                                            </button> 
                                        </div>
                                        
                                    </div>
                                `);
                            }

                            if (botaoAtivo == true) {
                                meses.push(`
                                    <div class="Mes_financeiro Ativado"> 

                                        <div class="MesBoleto Ativado">
                                            <p>${nomeMes} - ${ano}</p> 
                                        </div>
                                        <div class="StatusFinanceiro">
                                            <p>Aberto</p> 
                                        </div>
                                        <div class="GerarBoletoFinanceiro">
                                            <button Id="Gerar">
                                                Gerar Boleto
                                            </button> 
                                        </div>
                                        
                                    </div>
                                `);
                            }

                        }

                        BolotosAvencer.innerHTML = meses.join('');
                    }












                    async function GerarPDF() {

                        const { PDF } = await IntegracaoPDF();

                        const dataPDf = await PDF.json();

                        //console.log(dataPDf);

                    }

                    async function gerarBoleto() {

                        const { Boleto } = await IntegracaoBoleto();

                        const dataBole = await Boleto.json();

                        //console.log(dataBole);

                    }

                    clearInterval(checkElements_home); // Para o setInterval
                    loadtelaHome();

                    function loadtelaHome() {
                        const respostaLoad = respotadeCarregamento();
                        //console.log(respostaLoad)

                        function respotadeCarregamento() {
                            return localStorage.setItem('Carregou_tela', 'true')

                        }
                    }
                }



            } catch (error) {
                console.error('Houve algo inesperado dentro da tela home' + error)

                clearInterval(checkElements_home); // Para o setInterval

                return false
            }



        }, interval_home);

    } catch (error) {
        console.error('Houve algo inesperado fora da tela home' + error)
    }




}