{% extends "base.html" %}
{% block title %}Admin — app-beskrivelser{% endblock %}
{% block body %}
<h1>App-beskrivelser &amp; grupper</h1>
<p class="wt-lead">Beskrivelsen og gruppen kommer fra hver apps felter i Authentik. Rediger her — det gemmes tilbage i Authentik og slår igennem på både portalen og Authentiks egen side.</p>
{% if saved %}<div class="wt-flash">{{ saved }}</div>{% endif %}
<form method="post" action="/admin/apps" id="appform">
  <table class="wt-table" style="margin-top:1rem">
    <thead><tr><th style="width:24%">App</th><th style="width:18%">Gruppe</th><th>Beskrivelse</th></tr></thead>
    <tbody>
    {% for r in rows %}
      <tr>
        <td>{{ r.name }}<input type="hidden" name="slug" value="{{ r.slug }}"></td>
        <td><input name="group" value="{{ r.group }}" placeholder="fx Home" list="groups"></td>
        <td><input name="desc" value="{{ r.desc }}" placeholder="kort beskrivelse"></td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
  <datalist id="groups">
    {% for g in rows|map(attribute='group')|reject('equalto','')|unique %}<option value="{{ g }}">{% endfor %}
  </datalist>
  <p style="margin-top:1.1rem"><button class="wt-btn wt-btn--primary" type="submit" id="savebtn">Gem alle</button></p>
</form>
<script>
document.getElementById('appform').addEventListener('submit', function(){
  var b=document.getElementById('savebtn');
  b.disabled=true; b.textContent='Der går lige et øjeblik…';
});
</script>
{% endblock %}