script.js

// Simple Login Simulation: prompt username on page load
window.addEventListener('DOMContentLoaded', () => {
  let username = prompt('Enter your username to login:', '');
  if (!username || username.trim() === '') {
    alert('You must enter a username to proceed!');
    location.reload();
  } else {
    alert(`Welcome, ${username.trim()}!`);
  }
});

// Filter tickets by status dropdown
const statusFilter = document.getElementById('status-filter');
const ticketsTbody = document.getElementById('tickets-tbody');

statusFilter.addEventListener('change', () => {
  const filter = statusFilter.value; // "all", "open", "closed", "pending"

  // Show/hide rows based on data-status attribute
  Array.from(ticketsTbody.rows).forEach(row => {
    if (filter === 'all' || row.dataset.status === filter) {
      row.style.display = '';
    } else {
      row.style.display = 'none';
    }
  });
});

// Dark mode toggle button
const darkModeToggle = document.getElementById('dark-mode-toggle');
darkModeToggle.addEventListener('click', () => {
  document.body.classList.toggle('dark-mode');
  darkModeToggle.textContent = document.body.classList.contains('dark-mode') ? '☀️' : '🌙';
});