{%- import 'ui/broker/_icons.html' as icons %}{% import 'ui/broker/_fmt.html' as fmt -%}
{{ fmt.flash(message, tone) }}
{%- if not secrets %}
<div class="table-wrap"><table class="data"><tbody><tr><td class="empty">No applications registered yet.</td></tr></tbody></table></div>
{%- else %}
<div class="table-wrap"><table class="data" data-tkey="secrets">
  <thead><tr><th>application</th><th>secret</th><th class="right">rotate</th></tr></thead>
  <tbody>{% for s in secrets %}
    <tr>
      <td data-col="application" class="fw">{{ s.application }}</td>
      <td data-col="secret"><code class="secret mono" data-real="{{ s.secret }}">************</code></td>
      <td data-col="act" class="right nowrap">
        <button class="icon-btn sm" title="Reveal / hide secret" onclick="var c=this.closest('tr').querySelector('.secret'); c.textContent = c.textContent.charAt(0)==='*' ? c.dataset.real : '************'">{{ icons.eye() }}</button>
        <button class="icon-btn sm" title="Rotate secret" data-app="{{ s.application }}" onclick="var a=this.dataset.app;var v=prompt('New secret for '+a+' (leave empty to generate one)');if(v!==null){var f=new FormData();f.append('application',a);f.append('secret',v);dj.send('/dash/secret',{method:'POST',target:'#list-secrets',body:f})}">{{ icons.rotate() }}</button>
      </td>
    </tr>
  {% endfor %}</tbody>
</table></div>
{%- endif %}