{% extends "base.html" %}
{% block content %}
<div class="breadcrumb-bar"><a href="/roles">Roles</a> / {{ role.name }}</div>
<div class="page-header">
  <h1>{{ role.name }}</h1>
  <div>
    {% if current_user.has_permission('roles.edit') %}<a href="/roles/{{ role.id }}/edit" class="btn btn-outline-primary btn-sm">Edit</a>{% endif %}
    {% if current_user.has_permission('roles.delete') and not role.is_system %}
      <form class="d-inline" method="post" action="/roles/{{ role.id }}/delete" onsubmit="return confirm('Delete this role?')"><button class="btn btn-outline-danger btn-sm">Delete</button></form>
    {% endif %}
  </div>
</div>
<p class="text-muted">{{ role.description }}</p>
<div class="card-panel">
  <h2 class="h6">Permissions ({{ role.permissions | length }})</h2>
  {% for p in role.permissions %}<span class="tag-pill">{{ p.code }}</span>{% else %}<p class="text-muted small mb-0">No permissions assigned.</p>{% endfor %}
</div>
{% endblock %}