IniciandoTelaHome();

function IniciandoTelaHome() {

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

    const checkElements_home = setInterval(() => {
        const HomeConstruida = document.getElementById('HomeConstuctor');

        if (HomeConstruida) {
            const gerar = document.getElementById('gerar');
            gerar.addEventListener('click', gerarBoleto)
            console.log('Funções da tela Home foram iniciadas corretamente')

            Data_home();
            //Servicos_home();
            Chamados_home();

            function Servicos_home() {



            }

            async function Chamados_home() {

                const { Chamados } = await IntegracaoZamade();
                const dataZam = await Chamados.json();

                // Seleciona o elemento que vai receber os ambientes no painel
                const ListadeChamados = document.getElementById('ChamadosDominio');

                // Insere o HTML gerado pela função ComponenteAmbientes dentro do painel
                ListadeChamados.innerHTML = FormeChamados();  // Inserção de HTML



                // Função responsável por gerar o HTML com a estrutura dos ambientes
                function FormeChamados() {
                    let htmlContent = '';  // 

                    for (let Chamados in dataZam) {  // Itera sobre os itens de ambientes definidos no objeto 'dataAmbientes'
                        const nome = dataZam[Chamados].customer_id;
                        const Titulo = dataZam[Chamados].title;
                        const DatadeAbertura = dataZam[Chamados].close_at;
                        const DatadeFechamento = dataZam[Chamados].created_at;

                        // Chama a função 'FormeEditarAmbiente' passando o nome de cada ambiente

                        htmlContent += `<li>${Titulo}</li>`

                    }

                    // Retorna o conteúdo HTML gerado para ser inserido no DOM
                    return htmlContent;
                }


            }

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

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

                function CapturandoDatas(dataReferencia = new Date()) {
                    const dia = dataReferencia.getDate();
                    const diasSemana = ["Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado"];
                    const diaSemana = diasSemana[dataReferencia.getDay()];
                    const mesesAno = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
                    const mes = mesesAno[dataReferencia.getMonth()];
                    const ano = dataReferencia.getFullYear();

                    return { dia, diaSemana, mes, ano, data: dataReferencia };
                }

                function AtualizarData(novaData) {
                    const { dia, diaSemana, mes, ano } = CapturandoDatas(novaData);
                    DiaAtual.innerHTML = dia;
                    DiaSemana.innerHTML = diaSemana;
                    MesAtual.innerHTML = mes;
                    AnoAtual.innerHTML = ano;
                }

                function MudarDia() {
                    const proximo_dia = document.getElementById('NumeroProximo');
                    const dia_anterior = document.getElementById('NumeroAnterior');

                    proximo_dia.addEventListener('click', () => {
                        data.setDate(data.getDate() + 1); // Avança um dia
                        AtualizarData(data);
                    });

                    dia_anterior.addEventListener('click', () => {
                        data.setDate(data.getDate() - 1); // Retrocede um dia
                        AtualizarData(data);
                    });
                }

                // Inicializa os valores na tela
                AtualizarData(data);
                MudarDia();
            }



            async function gerarBoleto() {

                const { Boleto } = await IntegracaoBoleto();

                const dataBole = await Boleto.json();

                console.log(dataBole);

            }

            clearInterval(checkElements_home); // Para o setInterval
        }
    }, interval_home);



}