document.addEventListener('DOMContentLoaded', function() {
    loadUserInfo();
});

function loadUserInfo() {
    const isLoggedIn = localStorage.getItem('isLoggedIn');
    const userName = localStorage.getItem('userName');
    const userCompany = localStorage.getItem('userCompany');
    const isBound = localStorage.getItem('isBound');
    
    const userAvatar = document.getElementById('userAvatar');
    const userNameEl = document.getElementById('userName');
    const accountStatus = document.getElementById('accountStatus');
    const emptyRecords = document.getElementById('emptyRecords');
    const recordsGrid = document.getElementById('recordsGrid');
    
    if (isLoggedIn && userName) {
        userAvatar.innerHTML = '<img src="https://img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" alt="">';
        
        const userInfo = document.getElementById('userInfo');
        userInfo.innerHTML = `
            <div class="avatar" id="userAvatar">
                <img src="https://img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" alt="">
            </div>
            <div>
                <div class="user-name">${userName}</div>
                <div class="user-company">${userCompany || ''}</div>
            </div>
        `;
        
        if (isBound) {
            accountStatus.textContent = userName;
            accountStatus.style.color = '#333';
            emptyRecords.style.display = 'none';
            recordsGrid.style.display = 'grid';
        }
    }
}

function handleAccountClick() {
    const isBound = localStorage.getItem('isBound');
    
    if (isBound) {
        document.getElementById('unbindModal').classList.add('active');
    } else {
        window.location.href = 'bind-account.html';
    }
}

function closeUnbindModal() {
    document.getElementById('unbindModal').classList.remove('active');
}

function confirmUnbind() {
    localStorage.removeItem('isBound');
    closeUnbindModal();
    
    document.getElementById('accountStatus').textContent = '未绑定';
    document.getElementById('accountStatus').style.color = '#999';
    document.getElementById('emptyRecords').style.display = 'flex';
    document.getElementById('recordsGrid').style.display = 'none';
}