// Hauptinitialisierung der Anwendung

document.addEventListener('DOMContentLoaded', function() {
  // Initialisiere das Farbschema
  initializeColorScheme();
  
  // Initialisiere Farbschema Event Listeners
  initializeColorSchemeEventListeners();
  
  // Add click event listeners to all person rows - jetzt mit AJAX
  const personRows = document.querySelectorAll('.person-row');
  personRows.forEach(function(row) {
    row.addEventListener('click', function(event) {
      // Prüfen ob das Event von einem Expand-Button kommt
      if (event.target.classList.contains('expand-btn') || event.target.closest('.expand-btn')) {
        return; // Button hat sein eigenes Click-Event
      }
      
      const personId = this.dataset.personId;
      if (personId) {
        selectPersonAjax(personId);
      }
    });
  });
  
  // Debug-Info ausgeben
  console.log('🔧 DOM geladen - Debug Info:');
  console.log('  leftVorgangSelect:', document.getElementById('leftVorgangSelect'));
  console.log('  leftZeitraumSelect:', document.getElementById('leftZeitraumSelect'));
  console.log('  leftVorgangId (hidden):', document.getElementById('leftVorgangId'));
  console.log('  leftZeitraumId (hidden):', document.getElementById('leftZeitraumId'));
});