{% extends "base.html" %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-6">
        <div class="card shadow-lg mt-5">
            <div class="card-header bg-primary text-white text-center py-3">
                <h4><i class="bi bi-lock"></i> 方兴智印审批系统 · 激活</h4>
            </div>
            <div class="card-body p-4">
                
                {% with messages = get_flashed_messages(with_categories=true) %}
                    {% for category, message in messages %}
                        <div class="alert alert-{{ category }}">{{ message }}</div>
                    {% endfor %}
                {% endwith %}

                {% if trial_status and trial_status.trial %}
                    {% if trial_status.started and trial_status.expired %}
                        <div class="alert alert-danger">
                            <i class="bi bi-x-circle"></i>
                            <strong>免费试用已结束</strong>（{{ trial_status.start_date }} 至 {{ trial_status.end_date }}）。请购买授权码并激活后继续使用。
                        </div>
                    {% elif trial_status.started %}
                        <div class="alert alert-success">
                            <i class="bi bi-gift"></i>
                            <strong>正在免费试用中</strong>：剩余 <strong>{{ trial_status.remaining }}</strong> 天（{{ trial_status.start_date }} 至 {{ trial_status.end_date }}）。试用期内可正常使用全部功能。
                        </div>
                    {% else %}
                        <div class="alert alert-warning">
                            <i class="bi bi-gift"></i>
                            <strong>新用户专享：免费试用 {{ trial_status.remaining }} 天！</strong>
                            点击下方按钮立即开启试用，试用期内可正常使用全部功能，无需激活。
                            <form method="post" class="mt-2">
                                <button type="submit" name="action" value="start_trial" class="btn btn-success">
                                    <i class="bi bi-rocket-takeoff"></i> 立即开启 30 天免费试用
                                </button>
                            </form>
                        </div>
                    {% endif %}
                {% endif %}

                <div class="alert alert-info">
                    <i class="bi bi-info-circle"></i>
                    请将下方的 <strong>机器码</strong> 发送给客服，获取授权码。
                </div>

                <div class="mb-3">
                    <label class="form-label fw-bold">🔑 机器码</label>
                    <div class="input-group">
                        <input type="text" id="machineId" class="form-control font-monospace" 
                               value="{{ machine_id }}" readonly>
                        <button class="btn btn-outline-secondary" onclick="copyMachineId()">
                            <i class="bi bi-clipboard"></i> 复制
                        </button>
                    </div>
                    <small class="text-muted">机器码是唯一的，每台电脑不同</small>
                </div>

                <form method="post">
                    <div class="mb-3">
                        <label class="form-label fw-bold">📝 授权码</label>
                        <input type="text" name="license_code" class="form-control font-monospace" 
                               placeholder="请将授权码粘贴到这里" required>
                        <small class="text-muted">格式：XXXX-XXXX-XXXX-XXXX</small>
                    </div>

                    <button type="submit" class="btn btn-primary w-100 py-2">
                        <i class="bi bi-check-circle"></i> 激活系统
                    </button>
                </form>

                <hr>

                <div class="text-center">
                    <p class="text-muted mb-0">
                        还没购买授权？请联系客服购买
                    </p>
                    <p class="mt-1">
                        💰 永久买断 ¥1,980
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function copyMachineId() {
    var input = document.getElementById('machineId');
    input.select();
    document.execCommand('copy');
    alert('✅ 机器码已复制！请发送给客服获取授权码。');
}
</script>
{% endblock %}