js/main.js

import './tooltip.js';
import { analizarResultados } from './analisis.js';
import { colapsarPatrones, inicializarSincMob } from './ui.js';
import { llamarIA, inicializarConfigBackend } from './ia.js';
import { inicializarParserPdf } from './pdf-parser.js';
import { verificarAuth, abrirModalAuth } from './auth.js';
import { abrirModalPapers, inicializarModalPapers } from './papers.js';

// Tema oscuro/claro

const temaGuardado = localStorage.getItem('mx-theme');
const temaPreferido = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
document.documentElement.dataset.theme = temaGuardado || temaPreferido;

const btnTema = document.getElementById('btn-tema');
if (btnTema) {
    btnTema.addEventListener('click', () => {
        const siguienteTema = document.documentElement.dataset.theme === 'dark' ? 'light' : 'dark';
        document.documentElement.dataset.theme = siguienteTema;
        localStorage.setItem('mx-theme', siguienteTema);
    });
}

// Data

let referencias = [];
let alteraciones = {};
let ultimoAnalisis = { hallazgos: [], patrones: [] };

const cargarReferencias = async () => {
    try {
        const response = await fetch('data/valores_referencia.json');
        if (!response.ok) throw new Error(`Error HTTP: ${response.status}`);
        referencias = await response.json();
    } catch (error) {
        console.error('Error cargando valores de referencia:', error);
    }
};

const cargarAlteraciones = async () => {
    try {
        const response = await fetch('data/alteraciones.json');
        if (!response.ok) throw new Error(`Error HTTP: ${response.status}`);
        alteraciones = await response.json();
    } catch (error) {
        console.error('Error cargando alteraciones:', error);
    }
};

cargarReferencias();
cargarAlteraciones();

// Colección de datos de formulario

const obtenerDatosPaciente = () => {
    const especieCruda = document.getElementById('pt-especie').value;
    const valorEdad = document.getElementById('pt-edad').value;
    const edadUnidad = document.getElementById('pt-edad-unidad').value;
    // Normaliza la edad siempre a meses para que analisis.js pueda aplicar ajustes por cachorro/adulto/senior
    const edadMeses = valorEdad === '' ? null
        : edadUnidad === 'meses' ? parseFloat(valorEdad)
        : parseFloat(valorEdad) * 12;
    return {
        especie: especieCruda === 'Canino' ? 'canino' : especieCruda === 'Felino' ? 'felino' : null,
        raza: document.getElementById('pt-raza').value,
        edadMeses,
        sexo: document.getElementById('pt-sexo').value
    };
};

const obtenerValoresFormulario = () => {
    const valores = {};
    document.querySelectorAll('input[type="number"]').forEach(input => {
        if (input.name && input.value !== '') valores[input.name] = parseFloat(input.value);
    });
    return valores;
};

// Renderizado

const ETIQUETA_GRAVEDAD = { leve: 'Leve', moderado: 'Moderado', grave: 'Grave' };

document.querySelectorAll('.fila-campo input[type="number"]').forEach(input => {
    const span = document.createElement('span');
    span.className = 'estado-campo';
    input.before(span);
});

const actualizarClasesInputs = (hallazgos) => {
    document.querySelectorAll('input[type="number"]').forEach(input => {
        input.classList.remove('alto', 'bajo');
        const span = input.previousElementSibling;
        if (span?.classList.contains('estado-campo')) {
            span.textContent = '';
            span.className = 'estado-campo';
        }
    });
    hallazgos.forEach(h => {
        const input = document.querySelector(`input[name="${h.clave}"]`);
        if (!input) return;
        input.classList.add(h.direccion);
        const span = input.previousElementSibling;
        if (span?.classList.contains('estado-campo')) {
            span.textContent = `${h.direccion === 'alto' ? 'Alto' : 'Bajo'} · ${ETIQUETA_GRAVEDAD[h.gravedad]}`;
            span.className = `estado-campo estado-campo--${h.direccion}`;
        }
    });
};

const renderizarPatrones = (patrones) => {
    const contenedor = document.getElementById('patrones-lista');
    if (!contenedor) return;

    contenedor.innerHTML = patrones.length === 0
        ? '<p class="sin-hallazgos">Sin patrones detectados.</p>'
        : patrones.map(p => `
            <div class="elemento-patron gravedad-${p.gravedad}">
                <div class="titulo-patron">${p.nombre}</div>
                <div class="cuerpo-patron">${p.descripcion}</div>
            </div>`).join('');
};

// Evaluación

const evaluar = () => {
    const paciente = obtenerDatosPaciente();

    // Si no hay especie o aun no cargaron las referencias, limpia la UI para evitar falsos positivos
    if (!paciente.especie || !referencias[paciente.especie]) {
        actualizarClasesInputs([]);
        renderizarPatrones([]);
        return;
    }

    const valores = obtenerValoresFormulario();
    // Delega en analisis.js la comparacion contra rangos de referencia y la deteccion de patrones clinicos
    const { hallazgos, patrones } = analizarResultados(valores, paciente, referencias, alteraciones);
    ultimoAnalisis = { hallazgos, patrones };

    actualizarClasesInputs(hallazgos);
    renderizarPatrones(patrones);
};

// Eventos

document.addEventListener('input', e => {
    if (e.target.type !== 'number') return;
    // Impide valores por debajo del mínimo del campo; permite negativos cuando min lo indica
    const minPermitido = e.target.min !== '' ? parseFloat(e.target.min) : 0;
    if (parseFloat(e.target.value) < minPermitido) e.target.value = minPermitido;
    if (e.target.value.replace('.', '').length > 4) e.target.value = e.target.value.slice(0, 4);
    e.target.classList.toggle('max-chars', e.target.value.replace('.', '').length >= 4);
    evaluar();
});

document.getElementById('pt-especie').addEventListener('change', evaluar);
document.getElementById('pt-raza').addEventListener('input', evaluar);
document.getElementById('pt-edad').addEventListener('input', evaluar);
document.getElementById('pt-edad-unidad').addEventListener('change', evaluar);
document.getElementById('pt-sexo').addEventListener('change', evaluar);

inicializarSincMob(evaluar);
inicializarConfigBackend();
inicializarParserPdf(evaluar);
inicializarModalPapers();

document.addEventListener('click', e => {
    const btn = e.target.closest('.btn-limpiar-panel');
    if (!btn) return;
    const panel = document.getElementById(`panel-${btn.dataset.panel}`);
    if (!panel) return;
    // Recorre todos los campos editables del panel y los resetea, incluyendo indicadores visuales de estado
    panel.querySelectorAll('input[type="number"], input[type="text"], input[type="url"], select').forEach(el => {
        if (el.tagName === 'SELECT') {
            el.selectedIndex = 0;
        } else {
            el.value = '';
            el.classList.remove('alto', 'bajo', 'max-chars');
            const span = el.previousElementSibling;
            if (span?.classList.contains('estado-campo')) {
                span.textContent = '';
                span.className = 'estado-campo';
            }
        }
    });
    evaluar();
});

document.querySelector('.boton-analizar').addEventListener('click', async () => {
    // Si el usuario no esta logueado, abre el modal de auth y encola la llamada a IA como callback
    const autenticado = await verificarAuth();
    if (!autenticado) {
        abrirModalAuth(() => {
            colapsarPatrones(true);
            llamarIA(obtenerDatosPaciente, obtenerValoresFormulario, () => ultimoAnalisis, () => referencias);
        });
        return;
    }
    colapsarPatrones(true);
    llamarIA(obtenerDatosPaciente, obtenerValoresFormulario, () => ultimoAnalisis, () => referencias);
});

document.querySelector('.boton-papers').addEventListener('click', () => {
    abrirModalPapers(ultimoAnalisis.patrones);
});