{% extends "base.html" %}
{% block title %}授权管理{% endblock %}
{% block content %}
<div class="page-header">
    <h1>授权管理 (License)</h1>
</div>

<div class="license-grid" style="display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; align-items: start;">
    <!-- License Config Form -->
    <div class="task-form" style="flex: 1; margin-top: 0;">
        <h3>授权验证配置</h3>
        <p style="color: #666; font-size: 13px; margin-bottom: 15px;">
            请将下方机器码提供给开发者以获取授权信息，然后将收到的授权数据完整粘贴至下方输入框。
        </p>

        <!-- HWID Display -->
        <div class="form-group" style="margin-bottom:20px; background: rgba(0, 0, 0, 0.02); padding: 16px; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 12px;">
            <label style="color: var(--text-primary); font-weight: 600; font-size: 13.5px; margin-bottom: 8px; display: block;">您的机器码 (HWID)：</label>
            <div style="display: flex; gap: 8px; align-items: center;">
                <input type="text" id="hwid-display" value="{{ hwid }}" readonly style="flex: 1; font-family: monospace; font-size: 14px; background: #fff; cursor: text; margin-bottom: 0;">
                <button type="button" class="btn btn-sm" onclick="copyHwid()" style="white-space: nowrap;"><i class="ph ph-copy"></i> 复制</button>
            </div>
            {% if hwid == "DLL_NOT_LOADED" or hwid == "ERROR_GENERATING_HWID" %}
            <div style="color: var(--btn-danger); font-size: 12px; margin-top: 8px; display: flex; align-items: center; gap: 4px;"><i class="ph ph-x-circle"></i> 无法获取机器码，请检查核心库编译状态或联系开发者。</div>
            {% endif %}
        </div>

        <!-- Tab buttons or divided sections -->
        <div style="background: rgba(16, 185, 129, 0.02); padding: 20px; border-radius: 12px; border: 1px solid rgba(16, 185, 129, 0.1); margin-bottom: 20px;">
            <h4 style="margin-top: 0; margin-bottom: 8px; color: #059669; display: flex; align-items: center; gap: 6px;">
                <i class="ph ph-lightning"></i> 在线激活卡密 (Online Activation)
            </h4>
            <p style="color: var(--text-secondary); font-size: 12px; margin-bottom: 15px; line-height: 1.4;">
                适合联网用户。请输入您的卡号/激活码（如 <code>AM-MONTH-XXXX-XXXX</code>），一键在线验证激活。
            </p>
            <div class="form-group" style="margin-bottom: 12px;">
                <input type="text" id="card-code-input" value="{{ config.get('license_card_code', '') }}" placeholder="请输入激活码卡号..." style="width: 100%; font-family: monospace; font-size: 14px;">
            </div>
            <div style="text-align: right;">
                <button type="button" id="online-activate-btn" class="btn" style="background: #10b981; color: white; padding: 6px 20px; font-size: 13px;"><i class="ph ph-shield-check"></i> 立即在线激活</button>
            </div>
        </div>

        <div style="background: rgba(0, 0, 0, 0.01); padding: 20px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: 15px;">
            <h4 style="margin-top: 0; margin-bottom: 8px; color: var(--text-primary); display: flex; align-items: center; gap: 6px;">
                <i class="ph ph-file-text"></i> 离线授权凭证导入 (Offline Token)
            </h4>
            <p style="color: var(--text-secondary); font-size: 12px; margin-bottom: 15px; line-height: 1.4;">
                适合断网/局域网部署环境。请在此粘贴开发者计算好的完整 JSON 授权证书。
            </p>
            <div class="form-group" style="margin-bottom: 12px;">
                <textarea id="license-token" rows="5" placeholder="请在此粘贴完整的 JSON 授权数据..." style="width:100%; font-family: monospace; font-size: 12px;"></textarea>
            </div>
            <div style="text-align: right;">
                <button type="button" id="save-license-btn" class="btn btn-primary" style="padding:6px 20px; font-size: 13px;"><i class="ph ph-floppy-disk"></i> 导入并验证</button>
            </div>
        </div>
    </div>

    <!-- Status and Restrictions Panel -->
    <div style="flex: 1; display:flex; flex-direction: column; gap:16px;">
        <!-- Current Status -->
        <div class="task-form" style="margin-top: 0; background: {% if is_dev_mode %}rgba(100, 116, 139, 0.15); border: 1px solid rgba(100, 116, 139, 0.25);{% elif is_authorized %}rgba(16, 185, 129, 0.15); border: 1px solid rgba(16, 185, 129, 0.25);{% else %}rgba(245, 158, 11, 0.15); border: 1px solid rgba(245, 158, 11, 0.25);{% endif %}">
            <h3 style="margin-top:0;">当前状态</h3>
            <div style="display: flex; align-items: center; gap: 12px; margin-top: 15px; font-size: 16px;">
                {% if is_dev_mode %}
                <i class="ph ph-wrench" style="font-size: 28px; color: var(--text-secondary);"></i>
                <strong style="color: var(--text-secondary);">开发者模式，核心授权限制已被绕过。</strong>
                {% elif is_authorized %}
                <i class="ph ph-check-circle" style="font-size: 28px; color: #059669;"></i>
                <strong style="color: #059669;">已授权，所有核心功能可用。</strong>
                {% else %}
                <i class="ph ph-warning-circle" style="font-size: 28px; color: #d97706;"></i>
                <strong style="color: #d97706;">未授权，处于受限配置外壳模式。</strong>
                {% endif %}
            </div>
        </div>

        <!-- Privileges Comparison -->
        <div class="task-form" style="margin-top: 0; padding: 24px 0 0 0;">
            <h3 style="margin-top:0; padding: 0 24px; margin-bottom: 12px;">版本功能及赞助权益对比</h3>
            <table style="width:100%; border-collapse: collapse; font-size: 13.5px;">
                <thead>
                    <tr style="text-align: left; background: rgba(0,0,0,0.01);">
                        <th style="padding: 12px 16px; font-weight: 600;">功能特性</th>
                        <th style="padding: 12px 16px; font-weight: 600;">免费基础版 (Free)</th>
                        <th style="padding: 12px 16px; font-weight: 600;">赞助激活版 (Sponsor)</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td style="padding: 14px 16px; font-weight:600;">抖音账号绑定</td>
                        <td style="padding: 14px 16px; color: var(--text-secondary);">
                            <span class="badge badge-pending" style="margin-bottom: 4px;">限制最多 1 个</span><br>
                            超过限额无法新增，仅支持删除旧账号后重新添加。
                        </td>
                        <td style="padding: 14px 16px; color: #059669; font-weight: 600;">无限制绑定</td>
                    </tr>
                    <tr>
                        <td style="padding: 14px 16px; font-weight:600;">Suno 账号管理</td>
                        <td style="padding: 14px 16px; color: var(--text-muted);">
                            <span class="badge badge-failed" style="margin-bottom: 4px;">不支持</span><br>
                            无法添加 Suno 账号及同步其音色模板 (Personas)。
                        </td>
                        <td style="padding: 14px 16px; color: #059669; font-weight: 600;">完全支持登录/管理</td>
                    </tr>
                    <tr>
                        <td style="padding: 14px 16px; font-weight:600;">汽水任务 (AI 作词)</td>
                        <td style="padding: 14px 16px; color: var(--text-secondary); line-height: 1.4;">
                            <span class="badge badge-pending" style="margin-bottom: 4px;">共计限额 10 次</span><br>
                            仅支持生成<strong>「中文」</strong>歌词，无法生成其他语种。
                        </td>
                        <td style="padding: 14px 16px; color: #059669; font-weight: 600; line-height: 1.4;">
                            无限制调用<br>
                            <span style="font-size: 11px; font-weight: normal; color: var(--text-secondary);">支持英文/粤语/日语等多国语言</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 14px 16px; font-weight:600;">Suno 音乐任务</td>
                        <td style="padding: 14px 16px; color: var(--text-muted);">
                            <span class="badge badge-failed" style="margin-bottom: 4px;">不支持</span><br>
                            拦截批量音乐创作任务提交与多路并发自动生成。
                        </td>
                        <td style="padding: 14px 16px; color: #059669; font-weight: 600;">完全支持批量创作</td>
                    </tr>
                    <tr>
                        <td style="padding: 14px 16px; font-weight:600;">定时计划任务</td>
                        <td style="padding: 14px 16px; color: var(--text-muted);">
                            <span class="badge badge-failed" style="margin-bottom: 4px;">不支持</span><br>
                            无法使用自动调度器，不支持单次/每日定时运行。
                        </td>
                        <td style="padding: 14px 16px; color: #059669; font-weight: 600;">支持定时/自动计划</td>
                    </tr>
                    <tr>
                        <td style="padding: 14px 16px; font-weight:600;">全自动发行流程</td>
                        <td style="padding: 14px 16px; color: var(--text-muted);">
                            <span class="badge badge-failed" style="margin-bottom: 4px;">不支持</span><br>
                            禁用后台静默同步及自动发行；但仍支持手动发行。
                        </td>
                        <td style="padding: 14px 16px; color: #059669; font-weight: 600;">全自动静默后台发行</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

{% endblock %}
{% block scripts %}
<script>
function copyHwid() {
    const hwid = document.getElementById('hwid-display').value;
    navigator.clipboard.writeText(hwid).then(() => {
        const flash = document.createElement('div');
        flash.className = 'flash flash-success';
        flash.textContent = '机器码已复制！';
        flash.style.cssText = 'position:fixed; top:20px; right:20px; z-index:9999; margin-bottom:12px; padding:10px 16px; border-radius:8px; font-size:13px; background:#27ae6022; color:#27ae60; border:1px solid #27ae6044;';
        document.body.appendChild(flash);
        setTimeout(() => flash.remove(), 2000);
    });
}

document.getElementById('online-activate-btn').addEventListener('click', async () => {
    const cardCode = document.getElementById('card-code-input').value.trim();
    if (!cardCode) {
        showLocalFlash('请输入激活码/卡密。', true);
        return;
    }
    
    showLocalFlash('正在连接授权服务器进行验证，请稍候...', false);
    
    try {
        const r = await fetch('/license/activate', {
            method: 'POST',
            headers: {'Content-Type': 'application/json'},
            body: JSON.stringify({ card_code: cardCode })
        });
        
        const d = await r.json();
        if (d.ok) {
            showLocalFlash('激活成功！授权已生效，页面即将刷新...', false);
            setTimeout(() => {
                window.location.reload();
            }, 1000);
        } else {
            showLocalFlash(d.error || '激活失败，请检查卡号是否正确或是否已被绑定。', true);
        }
    } catch (e) {
        showLocalFlash('无法连接到本地服务进行验证: ' + e, true);
    }
});

document.getElementById('save-license-btn').addEventListener('click', async () => {
    let raw = document.getElementById('license-token').value.trim();
    if (!raw) {
        showLocalFlash('请先粘贴授权数据。', true);
        return;
    }
    
    let payload = null;
    try {
        // Try decoding base64 if it looks like one
        let decoded = raw;
        if (raw.startsWith('ey')) {
            try { decoded = atob(raw); } catch(e) {}
        }
        
        const parsed = JSON.parse(decoded);
        payload = {
            license_key: parsed.license_key || parsed.key || '',
            license_payload: parsed.license_payload || parsed.payload || '',
            encrypted_config: parsed.encrypted_config || parsed.config || ''
        };
        
        if (!payload.license_key || !payload.encrypted_config) {
            showLocalFlash('解析失败：未找到有效的授权字段，请检查内容是否完整。', true);
            return;
        }
    } catch(e) {
        showLocalFlash('数据格式无效！请确保您粘贴的是完整且未被修改的凭证内容。', true);
        return;
    }

    const r = await fetch('/license/config', {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify(payload),
    });
    
    const d = await r.json();
    if (d.ok) {
        showLocalFlash('授权配置已保存，正在刷新验证状态...', false);
        setTimeout(() => {
            window.location.reload();
        }, 800);
    } else {
        showLocalFlash(d.error || '保存失败', true);
    }
});

function showLocalFlash(msg, isError) {
    const flash = document.createElement('div');
    flash.className = isError ? 'flash flash-error' : 'flash flash-success';
    flash.textContent = msg;
    flash.style.cssText = 'margin-bottom:12px; padding:10px 16px; border-radius:8px; font-size:13px; ' + 
                          (isError ? 'background:#e74c3c22; color:#e74c3c; border:1px solid #e74c3c44;' 
                                   : 'background:#27ae6022; color:#27ae60; border:1px solid #27ae6044;');
    document.querySelector('.content').prepend(flash);
    setTimeout(() => flash.remove(), 4000);
}

// Check if current config has values, and pre-fill the textarea with a formatted JSON
document.addEventListener('DOMContentLoaded', () => {
    const key = "{{ config.get('license_key', '') }}";
    const payload = "{{ config.get('license_payload', '') }}".replace(/\n/g, '\\n').replace(/\r/g, '');
    const encrypted = "{{ config.get('encrypted_config', '') }}".replace(/\n/g, '\\n').replace(/\r/g, '');
    
    if (key && encrypted) {
        const obj = {
            license_key: key,
            license_payload: payload.replace(/\\n/g, '\n'),
            encrypted_config: encrypted.replace(/\\n/g, '\n')
        };
        document.getElementById('license-token').value = JSON.stringify(obj, null, 2);
    }
});
</script>
{% endblock %}