{# One domain of the permissions page: its switches, then a row per tool
   with its box, its marks and what it costs. Each box carries what the
   script needs to count and to tick by group: the cost, whether the tool
   only reads, and whether it removes a record. #}
{% import "components/ui.html" as ui with context %}
{% call(part) ui.card(group.label, group=group.domain, actions=True) %}
{% if part == "actions" %}
  {# The four choices of the bar above the groups, for this group alone,
     beside its heading where the eye already is. #}
  <span class="choices">
    <button type="button" class="small" data-act="grp-on">alles an</button>
    <button type="button" class="small" data-act="grp-off">alles aus</button>
    <button type="button" class="small" data-act="grp-read">nur lesend</button>
    <button type="button" class="small" data-act="grp-reversible">schreibend ohne löschen</button>
  </span>
{% else %}
  {% for tool in group.tools %}
    <div class="tool">
      <input type="checkbox" name="tool" data-cost="{{ tool.cost }}"{% if tool.read %} data-read{% endif %}{% if tool.destructive %} data-destructive{% endif %} value="{{ tool.name }}" id="{{ tool.name }}"{% if tool.checked %} checked{% endif %}>
      <label for="{{ tool.name }}"><code>{{ tool.name }}</code></label>
      {{ ui.tag(tool.tag.text, tool.tag.kind) }}
      {% if tool.permanence %}{{ ui.tag(permanence[tool.permanence].text, "", permanence[tool.permanence].title) }}{% endif %}
      <span class="cost">{{ tool.cost | de }} Z.</span>
    </div>
  {% endfor %}
{% endif %}
{% endcall %}