preciso que ao clicar na analise abra uma pagina com opção de criar um relatório, onde terá o campo de texto para digitar o texto, com opção de selecionar texto pre pronto, ao clicar no texto já carrega no campo text, e a opção de assinatura, serão duas, uma com nome da pessoa e outro com nome rawllison, essa assinatura precisa ser tipo desenho ex. canvas, aí ter a opção de salvar no localforage e depois em uma outra tela, a opção de enviar esses relatório salvos para api externa. gostaria que tivesse opção tamém de exportar esse relatório em pdf para compartilhar em qualquer app.. faça isso utilizando framework7


function mostrarAnalises(dataId) {
	console.log('Mostrando análises para o ID:', dataId);

	// Primeiro, obtemos os dados das pessoas
	localforage.getItem('pessoasData').then(function (pessoasData) {
		localforage.getItem('analisesData').then(function (analyses) {
			const analysesList = document.getElementById('analyses-list');
			if (!analysesList) {
				console.error('Elemento analyses-list não encontrado!');
				return;
			}

			analysesList.innerHTML = ''; // Limpa a lista antes de preencher
			const analise = analyses.analises;

			if (analise) {
				// Filtrando análises com base no dataId
				const filteredAnalyses = analise.filter(analise => analise.data_id == dataId);

				filteredAnalyses.forEach(analise => {
					// Encontrando a pessoa correspondente pelo pessoa_id
					const pessoa = pessoasData.pessoas.find(p => p.id === analise.pessoa_id);
					const nomePessoa = pessoa ? pessoa.nome : 'Pessoa não encontrada';

					const listItem = document.createElement('li');

					var ccs = analise.ccs;
					var cpp = analise.ccp;

					if (ccs >= 500) {
						ccs = '<span class="badge color-red">' + ccs + '</span>';
					}
					if (cpp >= 300) {
						cpp = '<span class="badge color-red">' + cpp + '</span>';
					}
				

					listItem.innerHTML = '<a class="item-link item-content" > ' +
						'<div class="item-inner">' +
						'<div class="item-title-row">' +
						'<div class="item-title">' + nomePessoa + '</div>' +
						' <div class="item-after">' + analise.cod_amostra + '</div>' +
						'</div>' +
						' <div class="item-text">CCS: ' + ccs + ', CPP: ' + cpp + '</div>' +
						' </div>' +
						'</a>';
					analysesList.appendChild(listItem);
				});
			} else {
				analysesList.innerHTML = '<li class="item-content">Nenhuma análise encontrada.</li>';
			}
		}).catch(error => {
			console.error('Erro ao carregar as análises:', error);
		});
	}).catch(error => {
		console.error('Erro ao carregar os dados das pessoas:', error);
	});
}