{% extends 'base.html' %}
{% block content %}
<h2>Existing admin roles</h2>
<p>Update role names, permissions, and weights in one place.</p>

<nav style="margin-bottom:1rem; display:flex; gap:.5rem; flex-wrap:wrap;">
  <a href="{{ url_for('admin_panel') }}" role="button" class="secondary">← Back to admin panel</a>
</nav>

<section class="grid-cards">
  {% for r in roles %}
  <article class="card">
    <header style="display:flex; justify-content:space-between; align-items:center; gap:.75rem; margin-bottom:.5rem;">
      <strong>{{ r.name }}</strong>
      <small>Weight {{ r.weight }}</small>
    </header>
    <form method="post" action="{{ url_for('admin_roles') }}">
      <input type="hidden" name="action" value="update">
      <input type="hidden" name="role_id" value="{{ r.id }}">
      <input type="hidden" name="return_to" value="existing_roles">
      <label>Role name <input name="name" value="{{ r.name }}" required></label>
      <label>Weight <input type="number" name="weight" min="0" value="{{ r.weight }}" required></label>
      <details open>
        <summary>Permissions</summary>
        <label><input type="checkbox" name="can_manage_categories" {% if r.can_manage_categories %}checked{% endif %}> manage categories</label>
        <label><input type="checkbox" name="can_manage_listings" {% if r.can_manage_listings %}checked{% endif %}> manage listings</label>
        <label><input type="checkbox" name="can_manage_disputes" {% if r.can_manage_disputes %}checked{% endif %}> manage disputes</label>
        <label><input type="checkbox" name="can_manage_forum" {% if r.can_manage_forum %}checked{% endif %}> manage forum</label>
        <label><input type="checkbox" name="can_manage_users" {% if r.can_manage_users %}checked{% endif %}> manage users</label>
        <label><input type="checkbox" name="can_manage_wallet" {% if r.can_manage_wallet %}checked{% endif %}> manage wallet</label>
        <label><input type="checkbox" name="can_release_escrow" {% if r.can_release_escrow %}checked{% endif %}> escrow decider (release escrow)</label>
        <label><input type="checkbox" name="can_review_sellers" {% if r.can_review_sellers %}checked{% endif %}> seller reviewer</label>
        <label><input type="checkbox" name="can_see_marketplace_overview" {% if r.can_see_marketplace_overview %}checked{% endif %}> see marketplace overview</label>
        <label><input type="checkbox" name="can_manage_user_rights" {% if r.can_manage_user_rights %}checked{% endif %}> manage user rights</label>
        <label><input type="checkbox" name="can_impersonate_users" {% if r.can_impersonate_users %}checked{% endif %}> impersonate users</label>
      </details>
      <button type="submit">Save changes</button>
    </form>
  </article>
  {% endfor %}
</section>
{% endblock %}