/**
 * Agrega botones de Propósito y Valores en la barra roja principal de categorías.
 */
(function() {
    document.addEventListener('DOMContentLoaded', function() {
        try {
            const url = new URL(window.location.href);
            const catid = url.searchParams.get("categoryid");

            // Mostrar solo en páginas de categorías
            if (!catid || !window.location.pathname.includes('/course/index.php')) return;

            // Mapear enlaces por categoría
            const enlaces = {
                1: [
                    {texto: 'Propósito', url: '/propositos1.php'},
                    {texto: 'Valores', url: '/valores1.php'}
                ],
                2: [
                    {texto: 'Propósito', url: '/propositos2.php'},
                    {texto: 'Valores', url: '/valores2.php'}
                ],
                3: [
                    {texto: 'Propósito', url: '/propositos3.php'},
                    {texto: 'Valores', url: '/valores3.php'}
                ]
            };

            // Esperar a que exista la barra roja (Moove la carga dinámicamente)
            const observer = new MutationObserver(() => {
                const redBar = document.querySelector('.moremenu .nav-tabs');
                if (redBar && enlaces[catid]) {
                    enlaces[catid].forEach(link => {
                        const li = document.createElement('li');
                        li.className = 'nav-item';
                        li.innerHTML = `
                            <a class="nav-link" href="${link.url}" target="_blank" rel="noopener">
                                ${link.texto}
                            </a>`;
                        redBar.appendChild(li);
                    });
                    observer.disconnect();
                }
            });

            observer.observe(document.body, {childList: true, subtree: true});
        } catch (e) {
            console.warn('Error insertando los botones personalizados:', e);
        }
    });
})();