{% extends "base.html" %}

{% block title %}本机离线激活{% endblock %}
{% block top_action %}{% endblock %}

{% block content %}
<main class="shell" style="width:min(540px, calc(100% - 32px)); margin-top:56px;">
  <section class="panel is-prominent">
    <div class="panel-head">
      <div class="panel-title">
        <h1>本机离线激活</h1>
      </div>
    </div>
    <form method="post" action="{{ url_for('activate_submit') }}" data-loading="正在验证激活码...">
      <input type="hidden" name="next" value="{{ next_url }}">
      <div class="panel-body">
        {% if error %}
          <pre class="notice error">{{ error }}</pre>
        {% endif %}
        <div class="field">
          <label>机器码</label>
          <input type="text" value="{{ machine_code }}" readonly onclick="this.select()">
        </div>
        <div class="field" style="margin-bottom:0;">
          <label>激活码</label>
          <textarea class="short" name="activation_code" autocomplete="off" required>{{ activation_code }}</textarea>
        </div>
      </div>
      <div class="modal-actions">
        <button class="btn" type="submit">激活</button>
      </div>
    </form>
  </section>
</main>
{% endblock %}

{% block page_scripts %}
<script>
  (function () {
    // 已授权环境：激活页无需手动操作，自动转入登录页（登录页会自动提交登录码）。
    var next = {{ (next_url | default('/')) | tojson }};
    window.setTimeout(function () {
      window.location.href = "/login?next=" + encodeURIComponent(next || "/");
    }, 800);
  })();
</script>
{% endblock %}