// 登录页面特定的JavaScript
document.addEventListener('DOMContentLoaded', function() {
  const loginForm = document.getElementById('loginForm');
  const alertBox = document.getElementById('alertBox');
  const passwordInput = document.getElementById('password');
  const togglePassword = document.getElementById('togglePassword');

  // 显示/隐藏密码
  if (togglePassword) {
    togglePassword.addEventListener('click', function() {
      const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
      passwordInput.setAttribute('type', type);

      // 切换图标
      togglePassword.classList.toggle('fa-eye');
      togglePassword.classList.toggle('fa-eye-slash');
    });
  }

  // 登录表单提交
  if (loginForm) {
    loginForm.addEventListener('submit', function(e) {
      e.preventDefault();

      const email = document.getElementById('email').value;
      const password = passwordInput.value;
      const submitBtn = document.querySelector('button[type="submit"]');
      const currentLang = localStorage.getItem('language') || 'zh';

      // 表单验证
      if (!email || !password) {
        showAlert('danger', currentLang === 'zh' ? '请填写所有必填字段' : 'Please fill in all required fields');
        return;
      }

      // 显示加载状态
      const originalBtnText = submitBtn.innerHTML;
      const loadingText = currentLang === 'zh' ? '登录中...' : 'Logging in...';
      submitBtn.disabled = true;
      submitBtn.innerHTML = `<span class="spinner"></span>${loadingText}`;

      // 发送登录请求
      $.ajax({
        url: '/auth/login',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({
          email: email,
          password: password
        }),
        success: function(response) {
          if (response.success) {
            // 登录成功，跳转到主页
            window.location.href = '/dashboard';
          } else {
            // 显示错误信息
            showAlert('danger', response.message);
            submitBtn.disabled = false;
            submitBtn.innerHTML = originalBtnText;
          }
        },
        error: function(xhr) {
          let errorMsg = currentLang === 'zh' ? '登录失败，请稍后再试' : 'Login failed, please try again later';
          if (xhr.responseJSON && xhr.responseJSON.message) {
            errorMsg = xhr.responseJSON.message;
          }
          showAlert('danger', errorMsg);
          submitBtn.disabled = false;
          submitBtn.innerHTML = originalBtnText;
        }
      });
    });
  }

  // 显示提示信息
  function showAlert(type, message) {
    alertBox.className = `alert alert-${type}`;
    alertBox.textContent = message;
    alertBox.classList.remove('d-none');

    // 滚动到顶部
    window.scrollTo({
      top: 0,
      behavior: 'smooth'
    });
  }
});