cripts %}
<script>
    function filterLogs(type, status) {
        // Update filter buttons
        const filterBtns = document.querySelectorAll(`.filter-controls button`);
        filterBtns.forEach(btn => btn.classList.remove('active'));
        event.target.classList.add('active');
        
        // Filter table rows
        const rows = document.querySelectorAll(`.${type}-log`);
        rows.forEach(row => {
            let show = false;
            
            if (type === 'system') {
              