{% extends "base.html" %}

{% block body %}
<main class="state-shell" aria-labelledby="connect-title">
  <section class="panel connect-panel">
    <p class="eyebrow">Daemon approval</p>
    <h1 id="connect-title">Approve daemon</h1>
    <p class="panel-copy">Pair code <code>{{ code }}</code> is waiting for a repo binding.</p>

    <form class="stack-form" method="post" action="/connect/{{ code }}">
      <label for="repo_id">Repo</label>
      <select id="repo_id" name="repo_id">
        {% for repo in repos %}
          <option value="{{ repo.id }}">{{ repo.repo_full_name }}</option>
        {% endfor %}
      </select>
      <button class="button button-primary" type="submit">Approve daemon</button>
    </form>
  </section>
</main>
{% endblock %}