{% extends "base.html" %}
{% block content %}
<div class="page-header"><h1>{{ 'Edit Role' if role else 'New Role' }}</h1></div>
<form method="post" action="{{ '/roles/%d/edit' % role.id if role else '/roles/new' }}">
  <div class="row g-3">
    <div class="col-lg-6">
      <div class="card-panel mb-3">
        <div class="mb-2"><label class="form-label">Role Name</label><input name="name" class="form-control" required value="{{ role.name if role else '' }}" {{ 'readonly' if role and role.is_system }}></div>
        <div class="mb-0"><label class="form-label">Description</label><textarea name="description" class="form-control" rows="2">{{ role.description if role else '' }}</textarea></div>
      </div>
    </div>
    <div class="col-lg-6">
      <div class="card-panel mb-3">
        <label class="form-label">Permissions</label>
        <div style="max-height:400px; overflow-y:auto;">
        {% set ns = namespace(mod='') %}
        {% for p in permissions %}
          {% if p.module != ns.mod %}
            {% set ns.mod = p.module %}
            <div class="fw-bold small text-muted mt-2 text-uppercase">{{ p.module.replace('_',' ') }}</div>
          {% endif %}
          <div class="form-check">
            <input class="form-check-input" type="checkbox" name="permission_ids" value="{{ p.id }}"
              {{ 'checked' if role and p in role.permissions }}>
            <label class="form-check-label small">{{ p.code }}</label>
          </div>
        {% endfor %}
        </div>
      </div>
    </div>
  </div>
  <button type="submit" class="btn btn-primary">{{ 'Save Changes' if role else 'Create Role' }}</button>
  <a href="/roles" class="btn btn-outline-secondary">Cancel</a>
</form>
{% endblock %}