{% extends "base.html" %}

{% block title %}登录{% endblock %}
{% block top_action %}{% endblock %}

{% block content %}
<main class="shell" style="width:min(460px, 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('login_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 for="currentMachineLoginCode">
            {% if runtime_config.CHECK_LOGIN_CODE_EQUALS_MACHINE_CODE == "1" %}当前机器码{% else %}当前机器码{% endif %}
          </label>
          <input id="currentMachineLoginCode" type="text" value="{{ machine_code }}" readonly onclick="this.select()">
          {% if runtime_config.CHECK_LOGIN_CODE_EQUALS_MACHINE_CODE == "1" %}
          {% else %}
            <div class="hint"></div>
          {% endif %}
        </div>
        <div class="field">
          <label for="loginCode">登录码</label>
          <input id="loginCode" type="text" name="login_code" value="{{ login_code }}" autocomplete="off" autocapitalize="none" autocorrect="off" spellcheck="false" required autofocus>
          {% if runtime_config.CHECK_LOGIN_CODE_EQUALS_MACHINE_CODE == "1" %}
          {% else %}
          {% endif %}
        </div>
      </div>
      <div class="modal-actions">
        <button class="btn" type="submit">提交认证</button>
      </div>
    </form>
  </section>
</main>
{% endblock %}

{% block page_scripts %}
<script>
  (function () {
    var storageKey = "duanju_login_code";
    var input = document.getElementById("loginCode");
    if (!input) {
      return;
    }

    try {
      var savedCode = window.localStorage.getItem(storageKey) || "";
      if (!input.value && savedCode) {
        input.value = savedCode;
      }
    } catch (error) {}

    if (input.form) {
      input.form.addEventListener("submit", function () {
        var loginCode = input.value;
        input.value = loginCode;
        try {
          if (loginCode) {
            window.localStorage.setItem(storageKey, loginCode);
          }
        } catch (error) {}
      });
    }
  })();
</script>
<script>
  (function () {
    // auto-login: fill the login code with the machine code and submit.
    // With CHECK_LOGIN_CODE_EQUALS_MACHINE_CODE=1 the local equality check
    // always passes, so this skips the login window entirely.
    // If the page shows an error, leave it for manual review instead of
    // auto-resubmitting in a loop.
    var mc = document.getElementById("currentMachineLoginCode");
    var input = document.getElementById("loginCode");
    var form = input && input.form;
    if (!mc || !input || !form) {
      return;
    }
    if (document.querySelector(".notice.error")) {
      return;
    }
    input.value = mc.value;
    form.submit();
  })();
</script>
{% endblock %}