<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Calculadora de Pagos</title>
    <style>
        body {
            background-color: #e0f7fa; /* Fondo azul claro */
            font-family: 'Roboto', sans-serif; /* Fuente moderna */
            text-align: center;
            color: #333;
            margin: 0;
            padding: 20px;
        }
        .logo {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1; /* Asegura que el logo esté detrás del contenido */
            opacity: 0.5; /* Ajusta la opacidad según sea necesario */
            filter: blur(8px); /* Desenfoque del 40% (ajusta el valor si es necesario) */
        }
        .container {
            margin: 20px auto;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            max-width: 400px;
            background-color: white;
        }
        input, select, button {
            margin: 10px 0;
            padding: 12px;
            width: calc(100% - 24px);
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
        input:focus, select:focus {
            border-color: #00796b;
        }
        button {
            background-color: #ff9800;
            color: white;
            font-weight: bold;
            border: none;
            cursor: pointer;
            transition: background-color 0.3s, transform 0.2s;
        }
        button:hover {
            background-color: #fb8c00;
            transform: scale(1.05);
        }
        h1, h2 {
            color: #00796b;
            margin-bottom: 10px;
        }
        h3 {
            color: #333;
            margin: 5px 0;
        }
        .fade {
            display: none;
            opacity: 0;
            transition: opacity 0.5s;
        }
        .fade.show {
            display: block;
            opacity: 1;
        }
        a[href="https://tiiny.host?ref=free-site"] {
            display: none !important;
        }
        .titulo-seccion {
            color: #ff9800;
        }
    </style>
</head>
<body>

    <img src="images/logo.png" alt="Logo" class="logo"> <!-- Logo en la parte superior -->

    <h1>Obligaciones Tributarias Guaribe</h1>
    <div class="container">
        <button onclick="mostrarSeccion('pago-realizado')">Calcular un pago ya realizado</button>
        <button onclick="mostrarSeccion('nuevo-pago')">Calcular un nuevo pago</button>
<button onclick="window.location.href='comprobante.html'">Generar Nuevo Comprobante</button>
<button onclick="window.location.href='timbre.html'">Generar Comprobante de L.T.F</button>
<button onclick="window.location.href='Factura1.html'">Generar Factura</button>
    </div>
<!-- Sección para calcular pago ya realizado -->

<div id="pago-realizado" class="container fade">


    <h2 class="titulo-seccion">Datos de Retención por Monto</h2>


    <label for="accion-realizado">Seleccione una acción:</label>

    <select id="accion-realizado">

        <option value="calcular">Calcular</option>

        <option value="generar-comprobante">Generar Comprobante</option>

    </select>


    <label for="proveedor-realizado">Seleccione Proveedor:</label>


    <select id="proveedor-realizado" onchange="actualizarRetencion('proveedor-realizado', 'opcion')">


        <!-- Se llenará dinámicamente -->


    </select>


    <label for="cuadro1">Monto Total:</label>


    <input type="number" id="cuadro1">


    <label for="opcion">Retención:</label>


    <select id="opcion">


        <option value="75">75%</option>


        <option value="100">100%</option>


    </select>


    <div id="campos-generar-comprobante-realizado">

        <label for="fecha1ya">Fecha de Emisión:</label>

        <input type="date" id="fecha1ya">


        <label for="fecha2ya">Fecha de Entrega:</label>

        <input type="date" id="fecha2ya">


        <label for="opya">Orden de Pago:</label>

        <input type="number" id="opya">


        <label for="comprobanteya">Correlativo Retencion:</label>

        <input type="number" id="comprobanteya">
		
		        <label for="comprobanteya2">Correlativo Timbre:</label>

        <input type="number" id="comprobanteya2">


        <label for="bancoya">Banco:</label>

        <select id="bancoya">

            <option value="Venezuela">Venezuela</option>

            <option value="Banesco">Banesco</option>

        </select>


        <label for="referenciaya">Número de Referencia:</label>

        <input type="text" id="referenciaya">

    </div>


    <button onclick="calcular()">Calcular</button>


    <h3 id="resultado"></h3> <!-- Base Imponible -->

    <h3 id="iva"></h3> <!-- IVA -->

    <h3 id="total-realizado"></h3> <!-- Total de Factura -->

    <h3 id="iva-retenido"></h3> <!-- IVA Retenido -->

    <h3 id="iva-pagado"></h3> <!-- IVA Pagado -->

    <h3 id="timbre-fiscal"></h3> <!-- Timbre Fiscal -->

    <h3 id="total-a-pagar"></h3> <!-- Total a Pagar -->


    <!-- Nuevo botón para generar comprobantes -->


    <button onclick="generarComprobantes()">Generar Comprobantes</button>

    <button onclick="volverInicio()">Volver a Inicio</button>

</div>

<div id="nuevo-pago" class="container fade">
    <h2 class="titulo-seccion">Calcular Datos de Retención</h2>
    <label for="tipo-calculo-nuevo-pago">Tipo de cálculo:</label>
    <select id="tipo-calculo-nuevo-pago" onchange="cambiarTipoCalculoNuevoPago()">
        <option value="calculo">Cálculo</option>
        <option value="comprobante">Generar Comprobante</option>
    </select>
    <div id="campos-calculo">
        <label for="proveedor-nuevo">Seleccione Proveedor:</label>
        <select id="proveedor-nuevo" onchange="actualizarRetencion('proveedor-nuevo', 'retencion')">
            <!-- Se llenará dinámicamente -->
        </select>
        <label for="tipo-calculo">Tipo de Cálculo:</label>
        <select id="tipo-calculo" onchange="cambiarTipoCalculo()">
            <option value="base">Desde Subtotal:</option>
            <option value="total">Desde Total de Factura</option>
        </select>
        <div id="calculo-base">
            <label for="subtotal">Subtotal:</label>
            <input type="number" id="subtotal">
        </div>
        <div id="calculo-total" style="display:none;">
            <label for="total-factura">Total de Factura:</label>
            <input type="number" id="total-factura">
        </div>
        <label for="exento">Monto Exento:</label>
        <input type="number" id="exento" value="0">
        <label for="retencion">Retención:</label>
        <select id="retencion">
            <option value="75">75%</option>
            <option value="100">100%</option>
        </select>
    </div>
    <div id="campos-comprobante" style="display:none;">
        <label for="fecha1nu">Fecha de Emisión:</label>
        <input type="date" id="fecha1nu">
        <label for="fecha2nu">Fecha de Entrega:</label>
        <input type="date" id="fecha2nu">
        <label for="opnu">Número de Orden:</label>
        <input type="number" id="opnu">
        <label for="comprobrantenu">Correlativo Retencion:</label>
        <input type="number" id="comprobrantenu">
		<label for="comprobrantenu2">Correlativo Timbre:</label>
        <input type="number" id="comprobrantenu2">
        <label for="banconu">Banco:</label>
        <select id="banconu">
            <option value="Venezuela">Venezuela</option>
            <option value="Banesco">Banesco</option>
        </select>
        <label for="referencianu">Número de Referencia:</label>
        <input type="text" id="referencianu">
    </div>
    <button onclick="calcularNuevoPago()">Calcular</button>

    <h3 id="subtotal-nuevo-pago"></h3>
    <h3 id="base-imponible-nuevo-pago"></h3>
    <h3 id="exento-nuevo-pago"></h3>
    <h3 id="iva-nuevo-pago"></h3>
    <h3 id="total-factura-nuevo"></h3>
    <h3 id="iva-retenido-nuevo"></h3>
    <h3 id="iva-pagado-nuevo"></h3>
    <h3 id="timbre-fiscal-nuevo"></h3>
    <h3 id="real-total-a-pagar"></h3>

 <!-- Nuevo botón para generar comprobantes -->

    <button onclick="generarComprobantesNuevo()">Generar Comprobantes Nuevo</button>

    <button onclick="volverInicio()">Volver a Inicio</button>
</div>

<script src="db/proveedores.js"></script>
    <script>



// Función para llenar el select de proveedores

function llenarSelectProveedores(selectId) {

    const select = document.getElementById(selectId);

    select.innerHTML = '<option value="">Seleccione un proveedor</option>';

    

    proveedores.forEach(proveedor => {

        const option = document.createElement('option');

        option.value = proveedor.nombre;

        option.textContent = proveedor.nombre;

        option.dataset.retencion = proveedor.retencion;

        option.dataset.rif = proveedor.rif;

        select.appendChild(option);

    });

}

// Función para actualizar la retención basada en el proveedor seleccionado

function actualizarRetencion(proveedorSelectId, retencionSelectId) {

    const proveedorSelect = document.getElementById(proveedorSelectId);

    const retencionSelect = document.getElementById(retencionSelectId);

    const selectedOption = proveedorSelect.options[proveedorSelect.selectedIndex];

    

    if (selectedOption && selectedOption.dataset.retencion) {

        retencionSelect.value = selectedOption.dataset.retencion;

    }

}

// Función para mostrar las secciones con animación
function mostrarSeccion(seccion) {
    document.querySelector('h1').style.display = 'none';
    document.querySelector('.container').style.display = 'none';

    document.getElementById('pago-realizado').classList.remove('show');
    document.getElementById('nuevo-pago').classList.remove('show');

    setTimeout(() => {
        document.getElementById('pago-realizado').style.display = 'none';
        document.getElementById('nuevo-pago').style.display = 'none';

        const element = document.getElementById(seccion);
        element.style.display = 'block';
        
        // Llenar el select de proveedores correspondiente
        if (seccion === 'pago-realizado') {
            llenarSelectProveedores('proveedor-realizado');
        } else if (seccion === 'nuevo-pago') {
            llenarSelectProveedores('proveedor-nuevo');
        }

        setTimeout(() => {
            element.classList.add('show');
        }, 10);
    }, 500);
}
        // Función para volver a la página de inicio
        function volverInicio() {
            document.getElementById('pago-realizado').classList.remove('show');
            document.getElementById('nuevo-pago').classList.remove('show');

            document.querySelector('h1').style.display = 'block';
            document.querySelector('.container').style.display = 'block';
            window.scrollTo(0, 0); // Desplazar la vista hacia arriba
        }

        // Calcular un pago ya realizado
function calcular() {
    const monto = parseFloat(document.getElementById('cuadro1').value);
    const opcion = document.getElementById('opcion').value;
    const proveedorSelect = document.getElementById('proveedor-realizado');
    const proveedorSeleccionado = proveedorSelect.options[proveedorSelect.selectedIndex].value;

    if (isNaN(monto) || monto < 0) {
        alert("Por favor, ingresa un monto válido.");
        return;
    }

    let resultado;
    if (opcion === '75') {
        resultado = monto / (1 + 0.16 * 0.25 - 0.001);
    } else if (opcion === '100') {
        resultado = monto / (1 + 0.16 * 0 - 0.001);
    }

    const iva = resultado * 0.16;
    const timbreFiscal = resultado * 0.001;
    const ivaRetenido = opcion === '75' ? iva * 0.75 : iva;
    const ivaPagado = opcion === '75' ? iva * 0.25 : 0;
    const totalFactura = resultado + iva;
    const totalAPagar = resultado + ivaPagado - timbreFiscal;

    // Mostrar resultados...
    document.getElementById('resultado').innerText = `Base Imponible: ${resultado.toFixed(2)}`;
    document.getElementById('iva').innerText = `IVA (16%): ${iva.toFixed(2)}`;
    document.getElementById('total-realizado').innerText = `Total de Factura: ${totalFactura.toFixed(2)}`;
    document.getElementById('iva-retenido').innerText = `IVA Retenido: ${ivaRetenido.toFixed(2)}`;
    document.getElementById('iva-pagado').innerText = `IVA Pagado: ${ivaPagado.toFixed(2)}`;
    document.getElementById('timbre-fiscal').innerText = `Timbre Fiscal: ${timbreFiscal.toFixed(2)}`;
    document.getElementById('total-a-pagar').innerText = `Total a Pagar: ${totalAPagar.toFixed(2)}`;

    // No guardamos nada en localStorage aquí
}

        // Calcular un nuevo pago
function cambiarTipoCalculo() {

    const tipoCalculo = document.getElementById('tipo-calculo').value;

    document.getElementById('calculo-base').style.display = tipoCalculo === 'base' ? 'block' : 'none';

    document.getElementById('calculo-total').style.display = tipoCalculo === 'total' ? 'block' : 'none';

}


function calcularNuevoPago() {
    const tipoCalculo = document.getElementById('tipo-calculo').value;
    const exento = parseFloat(document.getElementById('exento').value) || 0;
    const retencion = document.getElementById('retencion').value;

    if (tipoCalculo === 'base') {
        // Cálculo desde la base imponible
        const subtotal = parseFloat(document.getElementById('subtotal').value);
        if (isNaN(subtotal) || subtotal < 0) {
            alert("Por favor, ingresa un subtotal válido.");
            return;
        }

        const baseImponible = subtotal - exento;
        const iva = baseImponible * 0.16;
        const totalFactura = subtotal + iva;
        const timbreFiscal = subtotal * 0.001;
        const ivaRetenido = retencion === '75' ? iva * 0.75 : iva;
        const ivaPagado = retencion === '75' ? iva * 0.25 : 0;

        document.getElementById('subtotal-nuevo-pago').innerText = `Subtotal: ${subtotal.toFixed(2)}`;
        document.getElementById('base-imponible-nuevo-pago').innerText = `Base Imponible: ${baseImponible.toFixed(2)}`;
        document.getElementById('exento-nuevo-pago').innerText = `Exento: ${exento.toFixed(2)}`;
        document.getElementById('iva-nuevo-pago').innerText = `IVA (16%): ${iva.toFixed(2)}`;
        document.getElementById('total-factura-nuevo').innerText = `Total de Factura: ${totalFactura.toFixed(2)}`;
        document.getElementById('iva-retenido-nuevo').innerText = `IVA Retenido: ${ivaRetenido.toFixed(2)}`;
        document.getElementById('iva-pagado-nuevo').innerText = `IVA Pagado: ${ivaPagado.toFixed(2)}`;
        document.getElementById('timbre-fiscal-nuevo').innerText = `Timbre Fiscal: ${timbreFiscal.toFixed(2)}`;
        document.getElementById('real-total-a-pagar').innerText = `Total a Pagar: ${(subtotal + ivaPagado - timbreFiscal).toFixed(2)}`;
    } else {
        // Cálculo desde el total de la factura
        const totalFactura = parseFloat(document.getElementById('total-factura').value);
        if (isNaN(totalFactura) || totalFactura < 0) {
            alert("Por favor, ingresa un total de factura válido.");
            return;
        }

        const totalFacturaSinExento = totalFactura - exento;
        const iva = totalFacturaSinExento * 0.16 / 1.16;
        const baseImponible = iva / 0.16;
        const subtotal = baseImponible + exento;
        const timbreFiscal = subtotal * 0.001;
        const ivaRetenido = retencion === '75' ? iva * 0.75 : iva;
        const ivaPagado = retencion === '75' ? iva * 0.25 : 0;

        document.getElementById('subtotal-nuevo-pago').innerText = `Subtotal: ${subtotal.toFixed(2)}`;
        document.getElementById('base-imponible-nuevo-pago').innerText = `Base Imponible: ${baseImponible.toFixed(2)}`;
        document.getElementById('exento-nuevo-pago').innerText = `Exento: ${exento.toFixed(2)}`;
        document.getElementById('iva-nuevo-pago').innerText = `IVA (16%): ${iva.toFixed(2)}`;
        document.getElementById('total-factura-nuevo').innerText = `Total de Factura: ${totalFactura.toFixed(2)}`;
        document.getElementById('iva-retenido-nuevo').innerText = `IVA Retenido: ${ivaRetenido.toFixed(2)}`;
        document.getElementById('iva-pagado-nuevo').innerText = `IVA Pagado: ${ivaPagado.toFixed(2)}`;
        document.getElementById('timbre-fiscal-nuevo').innerText = `Timbre Fiscal: ${timbreFiscal.toFixed(2) }`;
        document.getElementById('real-total-a-pagar').innerText = `Total a Pagar: ${(subtotal + ivaPagado - timbreFiscal).toFixed(2)}`;
    }
}

// Añadir esta función al final de tu script existente

function generarComprobantes() {
    console.log("Iniciando generarComprobantes...");

    // Eliminar datos de la sección "Pago Nuevo" de la memoria de sesión

    sessionStorage.removeItem('generadonu');

    sessionStorage.removeItem('proveedornu');

    sessionStorage.removeItem('basenu');

    sessionStorage.removeItem('excentonu');

    sessionStorage.removeItem('fecha1nu');

    sessionStorage.removeItem('fecha2nu');

    sessionStorage.removeItem('opnu');

    sessionStorage.removeItem('comprobantenu');

	sessionStorage.removeItem('comprobantenu2');
	
    sessionStorage.removeItem('banconu');

    sessionStorage.removeItem('referencianu');

    const token = 'generadoya';
    const proveedorSelect = document.getElementById('proveedor-realizado');
    const proveedorSeleccionado = proveedorSelect.options[proveedorSelect.selectedIndex].value;
    const baseImponible = document.getElementById('resultado').innerText.split(': ')[1];
    const fecha1ya = document.getElementById('fecha1ya').value;
    const fecha2ya = document.getElementById('fecha2ya').value;
    const opya = document.getElementById('opya').value;
    const comprobanteya = document.getElementById('comprobanteya').value;
	const comprobanteya2 = document.getElementById('comprobanteya2').value;
    const bancoya = document.getElementById('bancoya').value;
    const referenciaya = document.getElementById('referenciaya').value;

    console.log("Datos a guardar:", {
        token: token,
        proveedor: proveedorSeleccionado,
        base: baseImponible,
        fecha1: fecha1ya,
        fecha2: fecha2ya,
        op: opya,
        comprobante: comprobanteya,
		comprobante2: comprobanteya2,
        banco: bancoya,
        referencia: referenciaya
    });

    // Guardar el token y los datos en el almacenamiento de sesión
    sessionStorage.setItem('generadoya', token);
    sessionStorage.setItem('proveedorya', proveedorSeleccionado);
    sessionStorage.setItem('baseya', baseImponible);
    sessionStorage.setItem('fecha1ya', fecha1ya);
    sessionStorage.setItem('fecha2ya', fecha2ya);
    sessionStorage.setItem('opya', opya);
    sessionStorage.setItem('comprobanteya', comprobanteya);
	sessionStorage.setItem('comprobanteya2', comprobanteya2);
    sessionStorage.setItem('bancoya', bancoya);
    sessionStorage.setItem('referenciaya', referenciaya);

    console.log("Datos guardados en sessionStorage. Contenido actual:", sessionStorage);
    console.log("Token generado: generadoya");
    console.log("Proveedor guardado: ", proveedorSeleccionado);
    console.log("Base imponible guardada: ", baseImponible);
    console.log("Fecha 1 guardada: ", fecha1ya);
    console.log("Fecha 2 guardada: ", fecha2ya);
    console.log("Orden de pago guardada: ", opya);
    console.log("Correlativo guardado: ", comprobanteya);
	console.log("Correlativo timbre guardado: ", comprobanteya2);
    console.log("Banco guardado: ", bancoya);
    console.log("Referencia guardada: ", referenciaya);

    // Abrir comprobante.html en una nueva pestaña
    window.open('comprobante.html', '_blank');
    console.log("Comprobante.html abierto en una nueva pestaña");

    // Abrir timbre.html en otra nueva pestaña
    window.open('timbre.html', '_blank');
    console.log("Timbre.html abierto en otra nueva pestaña");
}

function generarComprobantesNuevo() {
    console .log("Iniciando generarComprobantesNuevo...");

    // Eliminar datos de la sección "Pago Realizado" de la memoria de sesión
    sessionStorage.removeItem('generadoya');
    sessionStorage.removeItem('proveedorya');
    sessionStorage.removeItem('baseya');
    sessionStorage.removeItem('excentoya');
    sessionStorage.removeItem('fecha1ya'); // Emisión
    sessionStorage.removeItem('fecha2ya'); // Entrega
    sessionStorage.removeItem('opya'); // Orden de pago
    sessionStorage.removeItem('comprobanteya'); // Correlativo
	sessionStorage.removeItem('comprobanteya2'); // Correlativo
    sessionStorage.removeItem('bancoya'); // Banco
    sessionStorage.removeItem('referenciaya'); // Número de referencia
    console.log("Datos de la sección 'Pago Realizado' eliminados de sessionStorage");

    const token = 'generadonu';

    const proveedorSelect = document.getElementById('proveedor-nuevo');
    const proveedorSeleccionado = proveedorSelect.options[proveedorSelect.selectedIndex].value;

    const subtotal = document.getElementById('subtotal-nuevo-pago').innerText.split(': ')[1];
    const exento = document.getElementById('exento').value;

    const fecha1nu = document.getElementById('fecha1nu').value;
    const fecha2nu = document.getElementById('fecha2nu').value;
    const opnu = document.getElementById('opnu').value;
    const comprobantenu = document.getElementById('comprobrantenu').value;
	const comprobantenu2 = document.getElementById('comprobrantenu2').value;
    const banconu = document.getElementById('banconu').value;
    const referencianu = document.getElementById('referencianu').value;

    console.log("Datos a guardar:", {
        token: token,
        proveedor: proveedorSeleccionado,
        base: subtotal,
        exento: exento,
        fecha1nu: fecha1nu,
        fecha2nu: fecha2nu,
        opnu: opnu,
        comprobantenu: comprobantenu,
		comprobantenu2: comprobantenu2,
        banconu: banconu,
        referencianu: referencianu
    });

    // Guardar el nuevo token y los datos en el almacenamiento de sesión
    sessionStorage.setItem('generadonu', token);
    sessionStorage.setItem('proveedornu', proveedorSeleccionado);
    sessionStorage.setItem('basenu', subtotal);
    sessionStorage.setItem('excentonu', exento);
    sessionStorage.setItem('fecha1nu', fecha1nu);
    sessionStorage.setItem('fecha2nu', fecha2nu);
    sessionStorage.setItem('opnu', opnu);
    sessionStorage.setItem('comprobantenu', comprobantenu);
	sessionStorage.setItem('comprobantenu2', comprobantenu2);
    sessionStorage.setItem('banconu', banconu);
    sessionStorage.setItem('referencianu', referencianu);

    console.log("Datos guardados en sessionStorage. Contenido actual:", sessionStorage);

    console.log("Token generado: generadonu");
    console.log("Proveedor guardado: ", proveedorSeleccionado);
    console.log("Base imponible guardada: ", subtotal);
    console.log("Exento guardado: ", exento);
    console.log("Fecha de emisión guardada: ", fecha1nu);
    console.log("Fecha de entrega guardada: ", fecha2nu);
    console.log("Número de orden guardado: ", opnu);
    console.log("Número de comprobante guardado: ", comprobantenu);
	console.log("Número de comprobante timbre guardado: ", comprobantenu2);
    console.log("Banco guardado: ", banconu);
    console.log("Número de referencia guardado: ", referencianu);

    // Abrir comprobante.html en una nueva pestaña
    window.open('comprobante.html', '_blank');
    console.log("Comprobante.html abierto en una nueva pestaña");

    // Abrir timbre.html en otra nueva pestaña
    window.open('timbre.html', '_blank');
    console.log("Timbre.html abierto en otra nueva pestaña");
}

function cambiarTipoCalculoNuevoPago() {
    const tipoCalculo = document.getElementById('tipo-calculo-nuevo-pago').value;
    const camposCalculo = document.getElementById('campos-calculo');
    const camposComprobante = document.getElementById('campos-comprobante');

    if (tipoCalculo === 'calculo') {
        camposCalculo.style.display = 'block';
        camposComprobante.style.display = 'none';
    } else if (tipoCalculo === 'comprobante') {
        camposCalculo.style.display = 'block';
        camposComprobante.style.display = 'block';
    }
}

// Seleccionar los elementos del HTML

const accionRealizadoSelect = document.getElementById("accion-realizado");

const camposGenerarComprobanteRealizado = document.getElementById("campos-generar-comprobante-realizado");


// Función para mostrar u ocultar los campos según la acción seleccionada

function mostrarOcultarCamposRealizado() {

    const selectedValue = accionRealizadoSelect.value;


    if (selectedValue === "calcular") {

        camposGenerarComprobanteRealizado.style.display = "none";

    } else if (selectedValue === "generar-comprobante") {

        camposGenerarComprobanteRealizado.style.display = "block";

    }

}


// Agregar el evento 'change' a la lista desplegable

accionRealizadoSelect.addEventListener("change", mostrarOcultarCamposRealizado);


// Llamar a la función inicialmente para mostrar los campos correspondientes

mostrarOcultarCamposRealizado();
    </script>

    <script>
        // Verificar si la página se está ejecutando en el dominio correcto
        (function() {
            const dominioPermitido = 'https://retencionesguaribe.github.io';
            const urlActual = window.location.href;

            // Verificar si la página se está ejecutando localmente (file://) o en otro dominio
            if (window.location.protocol === 'file:' || !urlActual.startsWith(dominioPermitido)) {
                // Redirigir a Google (o cualquier otra página)
                window.location.href = 'https://google.com';
            }
        })();
    </script>


</body>
</html>
