// 全局变量存储当前选中的Profile和代理
let currentProfileId = null;
let currentProxyInfo = null;

// 格式化JSON显示
function formatResult(data, elementId) {
    const el = document.getElementById(elementId);
    el.innerHTML = `<pre style="background: #f5f5f5; padding: 12px; border-radius: 4px; overflow-x: auto; max-height: 400px;">${JSON.stringify(data, null, 2)}</pre>`;
}

// 查询Profile列表
async function listProfiles() {
    try {
        showToast('正在查询Profile列表...', 'info');
        const response = await fetch(`${API_BASE}/api/adspower/profiles`);
        const data = await response.json();
        
        if (data.success) {
            const profiles = data.data?.data?.list || [];
            
            if (profiles.length > 0) {
                // 美化显示Profile信息
                let html = '<div style="background: #f5f5f5; padding: 12px; border-radius: 4px; max-height: 500px; overflow-y: auto;">';
                html += `<p style="margin-bottom: 12px; font-weight: 500; color: #333;">找到 ${profiles.length} 个Profile环境</p>`;
                
                profiles.forEach((profile, idx) => {
                    const proxyConfig = profile.user_proxy_config || {};
                    const hasProxy = proxyConfig.proxy_host && proxyConfig.proxy_port;
                    
                    html += `
                        <div style="background: white; padding: 14px; margin-bottom: 10px; border-radius: 4px; border-left: 4px solid ${hasProxy ? '#52c41a' : '#faad14'};">
                            <div style="display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;">
                                <div style="flex: 1;">
                                    <div style="font-weight: 600; color: #333; font-size: 14px; margin-bottom: 4px;">
                                        #${idx + 1} ${profile.name}
                                        <span style="color: #999; font-size: 12px; font-weight: 400; margin-left: 8px;">No.${profile.profile_no}</span>
                                    </div>
                                    <div style="color: #666; font-size: 12px;">
                                        Profile ID: <span style="font-family: monospace; background: #f0f0f0; padding: 2px 6px; border-radius: 2px;">${profile.profile_id}</span>
                                    </div>
                                </div>
                                <button onclick="selectProfile('${profile.profile_id}', '${profile.name}')" 
                                        style="padding: 6px 12px; background: #1890ff; color: white; border: none; border-radius: 3px; cursor: pointer; font-size: 12px; white-space: nowrap;">
                                    选择环境
                                </button>
                            </div>
                            
                            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px; font-size: 12px; padding: 8px; background: #fafafa; border-radius: 3px;">
                                <div>
                                    <span style="color: #999;">当前IP:</span>
                                    <span style="color: #333; font-weight: 500; margin-left: 4px;">${profile.ip || 'N/A'}</span>
                                    ${profile.ip_country ? `<span style="color: #999; margin-left: 4px;">(${profile.ip_country.toUpperCase()})</span>` : ''}
                                </div>
                                <div>
                                    <span style="color: #999;">最后打开:</span>
                                    <span style="color: #666; margin-left: 4px;">${profile.last_open_time ? new Date(parseInt(profile.last_open_time) * 1000).toLocaleString('zh-CN') : 'N/A'}</span>
                                </div>
                            </div>
                            
                            ${hasProxy ? `
                                <div style="margin-top: 10px; padding: 10px; background: #f6ffed; border: 1px solid #b7eb8f; border-radius: 3px;">
                                    <div style="font-weight: 500; color: #52c41a; margin-bottom: 6px; font-size: 12px;">✓ 代理配置</div>
                                    <div style="font-size: 12px; color: #666; line-height: 1.6;">
                                        <div style="display: flex; gap: 16px; flex-wrap: wrap;">
                                            <div>
                                                <span style="color: #999;">类型:</span>
                                                <span style="color: #333; margin-left: 4px;">${proxyConfig.proxy_type?.toUpperCase() || 'N/A'}</span>
                                            </div>
                                            <div>
                                                <span style="color: #999;">地址:</span>
                                                <span style="color: #333; margin-left: 4px; font-family: monospace;">${proxyConfig.proxy_host}:${proxyConfig.proxy_port}</span>
                                            </div>
                                            ${proxyConfig.latest_ip ? `
                                                <div>
                                                    <span style="color: #999;">最新IP:</span>
                                                    <span style="color: #333; margin-left: 4px; font-family: monospace;">${proxyConfig.latest_ip}</span>
                                                </div>
                                            ` : ''}
                                        </div>
                                        ${proxyConfig.proxy_user ? `
                                            <div style="margin-top: 4px;">
                                                <span style="color: #999;">认证:</span>
                                                <span style="color: #333; margin-left: 4px; font-family: monospace;">${proxyConfig.proxy_user}</span>
                                            </div>
                                        ` : ''}
                                    </div>
                                </div>
                            ` : `
                                <div style="margin-top: 10px; padding: 8px; background: #fffbe6; border: 1px solid #ffe58f; border-radius: 3px; font-size: 12px; color: #d48806;">
                                    ⚠ 未配置代理
                                </div>
                            `}
                            
                            ${profile.remark ? `
                                <div style="margin-top: 8px; padding: 6px 8px; background: #f0f0f0; border-radius: 3px; font-size: 11px; color: #666;">
                                    备注: ${profile.remark}
                                </div>
                            ` : ''}
                        </div>
                    `;
                });
                
                html += '</div>';
                document.getElementById('profileResult').innerHTML = html;
                
                // 自动选择第一个Profile
                currentProfileId = profiles[0].profile_id;
                document.getElementById('profileId').value = currentProfileId;
                showToast(`找到 ${profiles.length} 个Profile环境`, 'success');
            } else {
                document.getElementById('profileResult').innerHTML = '<p style="color: #999; text-align: center; padding: 24px;">未找到Profile环境</p>';
                showToast('未找到Profile', 'info');
            }
        } else {
            showToast(data.message || '查询失败', 'error');
        }
    } catch (error) {
        console.error('查询Profile列表错误:', error);
        showToast('查询失败: ' + error.message, 'error');
    }
}

// 选择Profile
function selectProfile(profileId, profileName) {
    currentProfileId = profileId;
    document.getElementById('profileId').value = profileId;
    showToast(`已选择环境: ${profileName}`, 'success');
}

// 启动浏览器
async function startBrowser() {
    const profileId = document.getElementById('profileId').value || currentProfileId;
    
    if (!profileId) {
        showToast('请先查询Profile列表或输入Profile ID', 'error');
        return;
    }
    
    try {
        showToast('正在启动浏览器...', 'info');
        const response = await fetch(`${API_BASE}/api/adspower/browser/start`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ user_id: profileId })
        });
        const data = await response.json();
        
        if (data.success) {
            formatResult(data.data, 'profileResult');
            showToast('浏览器启动成功', 'success');
        } else {
            showToast(data.message || '启动失败', 'error');
        }
    } catch (error) {
        showToast('启动失败: ' + error.message, 'error');
    }
}

// 停止浏览器
async function stopBrowser() {
    const profileId = document.getElementById('profileId').value || currentProfileId;
    
    if (!profileId) {
        showToast('请先输入Profile ID', 'error');
        return;
    }
    
    try {
        showToast('正在停止浏览器...', 'info');
        const response = await fetch(`${API_BASE}/api/adspower/browser/stop`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ user_id: profileId })
        });
        const data = await response.json();
        
        if (data.success) {
            formatResult(data.data, 'profileResult');
            showToast('浏览器已停止', 'success');
        } else {
            showToast(data.message || '停止失败', 'error');
        }
    } catch (error) {
        showToast('停止失败: ' + error.message, 'error');
    }
}

// 获取大麦IP
async function getDamaiProxy() {
    try {
        showToast('正在获取大麦IP...', 'info');
        const response = await fetch(`${API_BASE}/api/adspower/proxy/damai`);
        const data = await response.json();
        
        if (data.success) {
            currentProxyInfo = data.data;
            formatResult(data.data, 'proxyResult');
            showToast(`获取成功: ${data.data.host}:${data.data.port}`, 'success');
        } else {
            showToast(data.message || '获取失败', 'error');
        }
    } catch (error) {
        showToast('获取失败: ' + error.message, 'error');
    }
}

// 创建代理
async function createProxy() {
    if (!currentProxyInfo) {
        showToast('请先获取大麦IP', 'error');
        return;
    }
    
    try {
        showToast('正在创建代理...', 'info');
        
        const proxyConfig = {
            type: 'http',
            host: currentProxyInfo.host,
            port: currentProxyInfo.port,
            user: '69538fdef04e1',
            password: '63v0kQBr2yJXnjf',
            ipchecker: 'ip2location',
            remark: 'Damai Auto Proxy'
        };
        
        const response = await fetch(`${API_BASE}/api/adspower/proxy/create`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ proxy_config: proxyConfig })
        });
        const data = await response.json();
        
        if (data.success) {
            document.getElementById('proxyId').value = data.data.proxy_id;
            formatResult(data.data, 'proxyResult');
            showToast(`代理创建成功，ID: ${data.data.proxy_id}`, 'success');
        } else {
            showToast(data.message || '创建失败', 'error');
        }
    } catch (error) {
        showToast('创建失败: ' + error.message, 'error');
    }
}

// 查询代理列表
async function listProxies() {
    try {
        showToast('正在查询代理列表...', 'info');
        const response = await fetch(`${API_BASE}/api/adspower/proxy/list?page=1&limit=50`);
        
        // 检查响应类型
        const contentType = response.headers.get('content-type');
        if (!contentType || !contentType.includes('application/json')) {
            console.error('服务器返回非JSON响应:', contentType);
            const text = await response.text();
            console.error('响应内容:', text.substring(0, 200));
            showToast('服务器响应错误，请检查后端服务', 'error');
            return;
        }
        
        const data = await response.json();
        
        if (data.success && data.data) {
            const proxies = data.data?.data?.list || [];
            
            if (proxies.length > 0) {
                // 格式化显示代理信息
                let html = '<div style="background: #f5f5f5; padding: 12px; border-radius: 4px; max-height: 400px; overflow-y: auto;">';
                html += `<p style="margin-bottom: 12px; font-weight: 500;">找到 ${proxies.length} 个代理</p>`;
                
                proxies.forEach((proxy, idx) => {
                    html += `
                        <div style="background: white; padding: 10px; margin-bottom: 8px; border-radius: 4px; border-left: 3px solid #1890ff;">
                            <div style="display: flex; justify-content: space-between; align-items: start;">
                                <div style="flex: 1;">
                                    <div style="font-weight: 500; color: #333;">#${idx + 1} ID: ${proxy.proxy_id}</div>
                                    <div style="color: #666; font-size: 13px; margin-top: 4px;">
                                        ${proxy.type} - ${proxy.host}:${proxy.port}
                                    </div>
                                    ${proxy.remark ? `<div style="color: #999; font-size: 12px; margin-top: 2px;">备注: ${proxy.remark}</div>` : ''}
                                    <div style="color: #999; font-size: 12px; margin-top: 2px;">
                                        关联环境数: ${proxy.profile_count || 0}
                                    </div>
                                </div>
                                <button onclick="document.getElementById('proxyId').value='${proxy.proxy_id}'" 
                                        style="padding: 4px 8px; background: #1890ff; color: white; border: none; border-radius: 2px; cursor: pointer; font-size: 12px;">
                                    选择
                                </button>
                            </div>
                        </div>
                    `;
                });
                
                html += '</div>';
                document.getElementById('proxyResult').innerHTML = html;
                showToast(`找到 ${proxies.length} 个代理`, 'success');
            } else {
                document.getElementById('proxyResult').innerHTML = '<p style="color: #999; text-align: center; padding: 24px;">暂无代理，请先创建代理</p>';
                showToast('暂无代理', 'info');
            }
        } else {
            showToast(data.message || '查询失败', 'error');
            document.getElementById('proxyResult').innerHTML = `<p style="color: #ff4d4f; padding: 12px;">${data.message || '查询失败'}</p>`;
        }
    } catch (error) {
        console.error('查询代理列表错误:', error);
        showToast('查询失败: ' + error.message, 'error');
        document.getElementById('proxyResult').innerHTML = `<p style="color: #ff4d4f; padding: 12px;">错误: ${error.message}</p>`;
    }
}

// 更新Profile代理（API v2方式）
async function updateProfileProxy() {
    const profileId = document.getElementById('profileId').value;
    const proxyId = document.getElementById('proxyId').value;
    
    if (!profileId || !proxyId) {
        showToast('请输入Profile ID和代理ID', 'error');
        return;
    }
    
    try {
        showToast('正在更新Profile代理 (API v2)...', 'info');
        const response = await fetch(`${API_BASE}/api/adspower/profile/update`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ profile_id: profileId, proxy_id: proxyId })
        });
        const data = await response.json();
        
        if (data.success) {
            formatResult(data.data, 'updateResult');
            showToast('更新成功 (API v2)', 'success');
        } else {
            showToast(data.message || '更新失败', 'error');
        }
    } catch (error) {
        showToast('更新失败: ' + error.message, 'error');
    }
}

// 更新Profile代理（API v1方式）
async function updateProfileProxyV1() {
    const profileId = document.getElementById('profileId').value;
    
    if (!profileId) {
        showToast('请输入Profile ID', 'error');
        return;
    }
    
    // 获取当前代理信息
    if (!currentProxyInfo) {
        showToast('请先获取大麦IP', 'error');
        return;
    }
    
    try {
        showToast('正在更新Profile代理 (API v1)...', 'info');
        
        // 构建 proxy_config
        const proxyConfig = {
            proxy_type: 'http',
            proxy_host: currentProxyInfo.host,
            proxy_port: currentProxyInfo.port,
            proxy_user: '69538fdef04e1',
            proxy_password: '63v0kQBr2yJXnjf',
            proxy_soft: 'other'
        };
        
        const response = await fetch(`${API_BASE}/api/adspower/profile/update-v1`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ profile_id: profileId, proxy_config: proxyConfig })
        });
        const data = await response.json();
        
        if (data.success) {
            let resultHtml = '<div style="background: #f6ffed; padding: 12px; border-radius: 4px; border: 1px solid #b7eb8f;">';
            resultHtml += '<div style="color: #52c41a; font-weight: 500; margin-bottom: 8px;">✅ 代理更新成功 (API v1)</div>';
            resultHtml += '<div style="font-size: 12px; color: #666;">';
            resultHtml += `<div>Profile ID: ${profileId}</div>`;
            resultHtml += `<div>代理地址: ${proxyConfig.proxy_host}:${proxyConfig.proxy_port}</div>`;
            resultHtml += `<div>认证用户: ${proxyConfig.proxy_user}</div>`;
            resultHtml += '</div></div>';
            document.getElementById('updateResult').innerHTML = resultHtml;
            showToast('更新成功 (API v1)', 'success');
        } else {
            showToast(data.message || '更新失败', 'error');
            document.getElementById('updateResult').innerHTML = `<p style="color: #ff4d4f; padding: 12px;">${data.message || '更新失败'}</p>`;
        }
    } catch (error) {
        console.error('更新Profile代理错误 (v1):', error);
        showToast('更新失败: ' + error.message, 'error');
        document.getElementById('updateResult').innerHTML = `<p style="color: #ff4d4f; padding: 12px;">错误: ${error.message}</p>`;
    }
}

// 完整测试流程
async function fullTest(useProxy) {
    const resultDiv = document.getElementById('fullTestResult');
    let log = [];
    
    function addLog(msg, type = 'info') {
        const time = new Date().toLocaleTimeString();
        const color = type === 'error' ? '#ff4d4f' : type === 'success' ? '#52c41a' : '#666';
        log.push(`<div style="color: ${color}; margin: 4px 0;">[${time}] ${msg}</div>`);
        resultDiv.innerHTML = log.join('');
    }
    
    try {
        addLog('开始完整测试流程...');
        
        // 1. 查询Profile
        addLog('步骤1: 查询Profile列表');
        const profileRes = await fetch(`${API_BASE}/api/adspower/profiles`);
        const profileData = await profileRes.json();
        
        if (!profileData.success) {
            addLog('查询Profile失败: ' + profileData.message, 'error');
            return;
        }
        
        const profiles = profileData.data?.data?.list || [];
        if (profiles.length === 0) {
            addLog('未找到Profile', 'error');
            return;
        }
        
        currentProfileId = profiles[0].profile_id;
        document.getElementById('profileId').value = currentProfileId;
        addLog(`找到Profile: ${currentProfileId}`, 'success');
        
        if (useProxy) {
            // 2. 获取大麦IP
            addLog('步骤2: 获取大麦IP代理');
            const proxyRes = await fetch(`${API_BASE}/api/adspower/proxy/damai`);
            const proxyData = await proxyRes.json();
            
            if (!proxyData.success) {
                addLog('获取代理失败: ' + proxyData.message, 'error');
                return;
            }
            
            currentProxyInfo = proxyData.data;
            addLog(`获取代理: ${currentProxyInfo.host}:${currentProxyInfo.port}`, 'success');
            
            // 3. 创建代理
            addLog('步骤3: 创建AdsPower代理');
            const proxyConfig = {
                type: 'http',
                host: currentProxyInfo.host,
                port: currentProxyInfo.port,
                user: '69538fdef04e1',
                password: '63v0kQBr2yJXnjf',
                ipchecker: 'ip2location',
                remark: 'Damai Auto Proxy'
            };
            
            const createProxyRes = await fetch(`${API_BASE}/api/adspower/proxy/create`, {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ proxy_config: proxyConfig })
            });
            const createProxyData = await createProxyRes.json();
            
            if (!createProxyData.success) {
                addLog('创建代理失败: ' + createProxyData.message, 'error');
                return;
            }
            
            const proxyId = createProxyData.data.proxy_id;
            document.getElementById('proxyId').value = proxyId;
            addLog(`创建代理成功，ID: ${proxyId}`, 'success');
            
            // 4. 更新Profile
            addLog('步骤4: 更新Profile代理配置');
            const updateRes = await fetch(`${API_BASE}/api/adspower/profile/update`, {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ profile_id: currentProfileId, proxy_id: proxyId })
            });
            const updateData = await updateRes.json();
            
            if (!updateData.success) {
                addLog('更新Profile失败: ' + updateData.message, 'error');
                return;
            }
            
            addLog('更新Profile成功', 'success');
        }
        
        // 5. 启动浏览器
        addLog(`步骤${useProxy ? 5 : 2}: 启动浏览器`);
        const startRes = await fetch(`${API_BASE}/api/adspower/browser/start`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ user_id: currentProfileId })
        });
        const startData = await startRes.json();
        
        if (!startData.success) {
            addLog('启动浏览器失败: ' + startData.message, 'error');
            return;
        }
        
        addLog('浏览器启动成功', 'success');
        addLog('测试流程完成！', 'success');
        showToast('完整测试流程执行成功', 'success');
        
    } catch (error) {
        addLog('测试异常: ' + error.message, 'error');
        showToast('测试失败: ' + error.message, 'error');
    }
}