var usernameInput = document.getElementById('username');
var passwordInput = document.getElementById('password');

// DOM 载入完成
document.addEventListener('DOMContentLoaded', function() {
  var openIncognitoButton = document.getElementById('openIncognito');

  openIncognitoButton.addEventListener('click', function() {
    const username = usernameInput.value;
    const password = passwordInput.value;
    
    // 发送消息到后台脚本以打开隐身窗口
    chrome.runtime.sendMessage({ 
      action: 'openIncognitoDouyin', 
      username: username, 
      password: password 
    }, function(response) {
      if (response && response.success) {
        console.log('隐身窗口已打开，准备提交登录');
        // 这里可以添加提交登录的逻辑
        // 例如：向新打开的窗口发送消息，执行登录操作
        chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
          chrome.tabs.sendMessage(tabs[0].id, {
            action: 'submitLogin',
            username: username,
            password: password
          });
        });
      } else {
        console.error('打开隐身窗口失败');
      }
    });
  });

  document.getElementById('openLive').addEventListener('click', () => {
    const liveId = document.getElementById('liveId').value;
    if (liveId) {
      const liveUrl = `https://live.douyin.com/${liveId}`;
      chrome.runtime.sendMessage({ action: 'openLiveIncognito', url: liveUrl });
    }
  });

  //登录按钮
  const loginButton = document.getElementById('login');
  // const loginTimeInput = document.getElementById('loginTime');
  // const loginTime = loginTimeInput.value;


  loginButton.addEventListener('click', function() {
    const username = usernameInput.value;
    const password = passwordInput.value;

    if (!username || !password) {
      alert('请输入账号和密码！');
      return;
    }else{
      performLogin(username, password);
    }
  });

  

  function performLogin(username, password) {
    console.log(`正在执行登录，用户名：${username}`);
    
    const loginData = {
      uname: username,
      upass: password
    };

    fetch('https://douyin.xingtongworld.com/api/passport/login?t=crx', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Accept': 'application/json'
      },
      body: JSON.stringify(loginData)
    })
    .then(response => {
      console.log('Response status:', response.status);
      if (!response.ok) {
        throw new Error(`HTTP error! status: ${response.status}`);
      }
      return response.json();
    })
    .then(data => {
      console.log('登录结果：', data);
      if (data.status === 200) {
        alert('登录成功！');
        // 这里可以添加登录成功后的操作
      } else {
        alert('登录失败：' + (data.message || '未知错误'));
      }
    })
    .catch(error => {
      console.error('登录请求出错：', error);
      alert('登录请求出错，请检查网络连接或稍后重试。');
    });
  }
});