    </div><!-- /p-6 page content -->
</main><!-- /main -->
</div><!-- /app-wrapper -->

<!-- Core Scripts -->
<script src="<?= BASE_URL ?>assets/js/app.js"></script>

<?php if (($currentPage ?? '') === 'dashboard'): ?>
<script src="<?= BASE_URL ?>assets/js/dashboard.js"></script>
<?php endif; ?>

<?php if (($currentPage ?? '') === 'letras'): ?>
<script src="<?= BASE_URL ?>assets/js/letras.js?v=<?= time() ?>"></script>
<?php endif; ?>

<?php if (($currentPage ?? '') === 'reportes'): ?>
<script src="<?= BASE_URL ?>assets/js/reportes.js"></script>
<?php endif; ?>

<?php if (($currentPage ?? '') === 'empresas'): ?>
<script src="<?= BASE_URL ?>assets/js/empresas.js?v=<?= time() ?>"></script>
<?php endif; ?>

<!-- Alertas Toast automáticas -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    <?php
    // Inyectar alertas como JSON para que app.js las procese
    $allAlertas = array_merge($alertas ?? [], $excedidas ?? []);
    if (!empty($allAlertas)):
    ?>
    const alertasData = <?= json_encode($alertas ?? []) ?>;
    const excedidasData = <?= json_encode($excedidas ?? []) ?>;
    
    // Toast automáticos desactivados — usar la campana para ver alertas
    
    // Actualizar badge
    const totalAlertas = alertasData.length + excedidasData.length;
    const badge = document.getElementById('badge-alertas');
    if (badge && totalAlertas > 0) {
        badge.textContent = totalAlertas;
        badge.classList.remove('hidden');
    }
    <?php endif; ?>

    // Actualizar reloj del sidebar
    function updateClock() {
        const now = new Date();
        const timeEl = document.getElementById('sidebar-time');
        if (timeEl) {
            timeEl.textContent = now.toLocaleTimeString('es-PE', { hour: '2-digit', minute: '2-digit' });
        }
    }
    setInterval(updateClock, 30000);

    // Inicializar Tom Select en todos los elementos con clase .tom-select
    document.querySelectorAll('.tom-select').forEach((el) => {
        new TomSelect(el, {
            create: false,
            sortField: {
                field: "text",
                direction: "asc"
            }
        });
    });

    // Inicializar Tom Select Multi-select con chips
    document.querySelectorAll('.tom-select-multi').forEach((el) => {
        new TomSelect(el, {
            create: false,
            plugins: ['remove_button'],
            sortField: {
                field: "text",
                direction: "asc"
            },
            placeholder: 'Todas las empresas',
            hidePlaceholder: true,
        });
    });
});
</script>

</body>
</html>
