{% extends "flags/base.html" %}
{% block title %}Keys{% endblock %}
{% block content %}
<div class="page-head"><h1>Keys</h1></div>
<div class="card"><h2>SDK keys</h2>
<div class="table-wrap"><table>
  <thead><tr><th>Environment</th><th>Server key (rulesets, local evaluation)</th><th>Client key (evaluate + events only)</th></tr></thead>
  <tbody>{% for e in environments %}<tr><td>{{ e.name }}</td><td><code>{{ e.server_key }}</code></td><td><code>{{ e.client_key }}</code></td></tr>{% endfor %}</tbody>
</table></div></div>
<div class="card"><h2>Management API tokens</h2>
<table><tbody>{% for t in tokens %}<tr><td>{{ t.name }}</td><td><code>{{ t.token }}</code></td><td class="muted">{{ t.created_at|date:"Y-m-d" }}</td></tr>
{% empty %}<tr><td class="muted">No tokens.</td></tr>{% endfor %}</tbody></table>
<form method="post" class="search" style="margin-top:12px">{% csrf_token %}<input name="name" placeholder="Token name"><button class="btn">Create token</button></form>
</div>
{% endblock %}