// Register page specific functionality

document.addEventListener('DOMContentLoaded', function() {
  // Initialize the app
  initializeApp();
  
  // Registration form handler
  const regForm = document.getElementById('registrationForm');
  if (regForm) {
    const regSubmitBtn = regForm.querySelector('button[type="submit"]');
    
    regForm.addEventListener('submit', async (ev) => {
      ev.preventDefault();
      regSubmitBtn.disabled = true;
      clearStatus('registerStatus');
      
      const user_name = (new FormData(regForm)).get('username');
      
      try {
        showStatus('registerStatus', 'Starting registration...', 'info');
        await register(user_name);
        showStatus('registerStatus', `Registration successful for ${user_name}!`, 'success');
        
        // Auto-login after successful registration
        setTimeout(() => {
          window.location.href = '/auth/profile';
        }, 1500);
      } catch (err) {
        showStatus('registerStatus', `Registration failed: ${err.message}`, 'error');
      } finally {
        regSubmitBtn.disabled = false;
      }
    });
  }
});