{%- import 'ui/kit.html' as kit -%}
{% call kit.modal('Application registered', 'applications') %}
<div class="modal-body">
  <p class="hint" style="margin-top:0">Copy these now: amebo stores only a hash of the API key and will not show it again. The secret can be revealed later by a superadmin.</p>
  <div class="kv">
    <div class="k">Application</div><div class="fw">{{ created.application }}</div>
    <div class="k">Address</div><div class="mono">{{ created.address }}</div>
    <div class="k">Secret</div><div class="codebox" style="margin:0"><code class="mono">{{ created.secret }}</code><button class="btn btn-sm btn-ghost" onclick="navigator.clipboard.writeText(this.previousElementSibling.textContent)">copy</button></div>
    <div class="k">API key</div><div class="codebox" style="margin:0"><code class="mono">{{ created.apikey }}</code><button class="btn btn-sm btn-ghost" onclick="navigator.clipboard.writeText(this.previousElementSibling.textContent)">copy</button></div>
  </div>
</div>
<div class="modal-foot"><button type="button" class="btn btn-primary" onclick="document.getElementById('modal').innerHTML=''">Done</button></div>
{% endcall %}