{% extends "base.html" %}
{% block content %}
<div class="page-head"><h1>Clients</h1><a class="button" href="/clients?create=1">Create Client</a></div>
{% if created_label and download_id %}<div class="banner success">Created {{ created_label }}. <a href="/clients/{{ download_id }}/download">Download config</a></div>{% endif %}
{% if show_create %}
<section class="card form-panel">
  <h2>Create Client</h2>
  <form method="post" action="/clients">
    <label>Label</label>
    <input name="label" required>
    <div class="checkboxes">
      <div class="label">Allowed routes</div>
      {% for route in routes %}
        <label class="check"><input type="checkbox" name="route_{{ loop.index }}" value="{{ route.cidr }}" checked> {{ route.cidr }}</label>
      {% else %}
        <p class="muted">No advertised routes available.</p>
      {% endfor %}
    </div>
    <button type="submit">Create</button>
  </form>
</section>
{% endif %}
<section class="card">
  <table>
    <tr><th>Label</th><th>Tunnel IP</th><th>Allowed Routes</th><th>Created</th><th>Actions</th></tr>
    {% for client in clients %}
    <tr>
      <td>{{ client.label }}</td><td>{{ client.tunnel_ip }}</td><td>{{ client.allowed_routes }}</td><td>{{ client.created_at }}</td>
      <td>
        <a class="button small" href="/clients/{{ client.id }}/download">Download</a>
        {% if confirm_revoke == client.id %}
          <form method="post" action="/clients/{{ client.id }}/revoke" class="inline"><span class="confirm">Are you sure?</span><button class="danger small" type="submit">Revoke</button></form>
        {% else %}
          <a class="button small danger" href="/clients?confirm_revoke={{ client.id }}">Revoke</a>
        {% endif %}
      </td>
    </tr>
    {% endfor %}
  </table>
</section>
{% endblock %}