{% extends "base.html" %}
{% block title %}Command-line login | {{ app_name }}{% endblock %}
{% block content %}
<div class="page-head"><div><h1>Command-line login</h1>
<p class="sub">Connect a terminal that ran <code>agent-supra login</code> to this workspace.</p></div></div>

{% if error %}<div class="notice error" role="alert">{{ error }}</div>{% endif %}

{% if done == "approve" %}
<section class="panel">
  <h2>Approved</h2>
  <p class="muted">Go back to your terminal. It finishes on its own and saves a new API key there.
  You can revoke it any time under <a href="/app/keys">API keys</a>.</p>
</section>
{% elif done == "deny" %}
<section class="panel">
  <h2>Denied</h2>
  <p class="muted">No key was created. The terminal will stop waiting.</p>
</section>
{% elif login %}
<section class="panel warn">
  <h2>Approve this login?</h2>
  <p class="muted">Check that your terminal shows this exact code. Approve only a login you started yourself:
  approving creates an API key for <strong>{{ session.workspace_name }}</strong> on that computer.</p>
  <p class="secret">{{ login.user_code }}</p>
  <p class="small muted">Requested by: {{ login.client_name }}</p>
  <form method="post" action="/app/cli-login" class="actions">
    <input type="hidden" name="csrf" value="{{ session.csrf }}">
    <input type="hidden" name="code" value="{{ login.user_code }}">
    <button class="btn" type="submit" name="decision" value="approve">Approve</button>
    <button class="btn quiet" type="submit" name="decision" value="deny">Deny</button>
  </form>
</section>
{% else %}
<section class="panel">
  <h2>Enter the code from your terminal</h2>
  <form method="get" action="/app/cli-login" class="actions inline-form">
    <div class="grow"><label for="code">Code</label>
      <input id="code" name="code" type="text" maxlength="20" required autocomplete="off"
        placeholder="XXXX-XXXX" value="{{ code }}"></div>
    <button class="btn" type="submit">Continue</button>
  </form>
</section>
{% endif %}
{% endblock %}