{% 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_info is defined and trial_info %}
                <div class="alert {% if trial_info.status == '试用已结束' %}alert-danger{% else %}alert-success{% endif %}">
                    {% if trial_info.status == '未试用' %}
                        <i class="bi bi-gift"></i> 您还未购买授权，可以先<strong>免费试用 90 天</strong>！
                        <form method="post" class="mt-2">
                            <input type="hidden" name="action" value="start_trial">
                            <button type="submit" class="btn btn-success w-100">
                                <i class="bi bi-rocket-takeoff"></i> 开始免费试用 90 天
                            </button>
                        </form>
                    {% elif trial_info.status == '试用中' %}
                        <i class="bi bi-hourglass-split"></i> 当前处于<strong>免费试用期</strong>，剩余 <strong>{{ trial_info.days_left }}</strong> 天（有效期至 {{ trial_info.trial_end }}）。
                        <form method="post" class="mt-2">
                            <input type="hidden" name="action" value="start_trial">
                            <button type="submit" class="btn btn-success w-100">
                                <i class="bi bi-arrow-right-circle"></i> 继续进入系统
                            </button>
                        </form>
                    {% elif trial_info.status == '试用已结束' %}
                        <i class="bi bi-exclamation-triangle-fill"></i> ⚠️ <strong>90天免费试用已结束</strong>，请激活系统后继续使用。
                    {% endif %}
                </div>
                <hr>
                {% 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 %}