{% extends "domain_base.html" %}
{% block domain_content %}
<div class="dialog__body--create-role ui-hidden">
  <div>
    <div class="row"><div class="columns">
      <h1>{{ _('Create Role') }} <span data-ui-help-anchor="domain-role-help-0"></span></h1>
    </div></div>
    <div class="row"><div class="columns">
      <blockquote data-ui-help="使用说明" data-ui-help-for="domain-role-help-0" class="note">
        <p>{{ _('Role name can only contains numbers, letters and underscores.') }}</p>
      </blockquote>
      {{ form.form_text({
           columns:None,
           label:'Name',
           name:'role',
           autofocus:true
         }) }}
    </div></div>
  </div>
</div>
<div class="section ui-panel domain-role-page">
  <div class="section__header ui-toolbar ui-toolbar--flush">
    <h1 class="section__title ui-panel__title">{{ _('{0}: Roles').format(domain.name) }}</h1>
    <div class="ui-actions">
      <button class="primary rounded button" name="create_role">{{ _('Create Role') }}</button>
    </div>
  </div>
  {{ noscript_note.render() }}
  <div class="section__body no-padding domain-roles ui-table-wrap" tabindex="0" role="region" aria-label="{{ _('Roles') }}">
    <table class="data-table">
      <colgroup>
        <col class="col--checkbox">
        <col class="col--id">
        <col class="col--users">
      </colgroup>
      <thead>
        <tr>
          <th class="col--checkbox">
            <label class="compact checkbox">
              <input type="checkbox" data-checkbox-toggle="role" aria-label="{{ _('Select All') }}">
            </label>
          </th>
          <th class="col--id">{{ _('Role') }}</th>
          <th class="col--users">{{ _('Users') }}</th>
        </tr>
      </thead>
      <tbody>
      {%- for role in roles -%}
        {% set isBuiltin = role._id in ['default', 'guest', 'root'] %}
        <tr{% if not isBuiltin %} data-role="{{ role._id }}"{% endif %}>
          <td class="col--checkbox">
            <label class="compact checkbox">
              <input type="checkbox" data-checkbox-group="role" aria-label="{{ role._id }}" {{ "disabled" if isBuiltin else "data-checkbox-range" }}>
            </label>
          </td>
          <td class="col--id">
            <div class="ui-text-wrap">{{ _('Built-in') if isBuiltin else _('User-defined role') }}: {{ role._id }}</div>
          </td>
          <td class="col--users">
            {{ role.count|default('--') }}
          </td>
        </tr>
      {%- endfor -%}
      </tbody>
    </table>
  </div>
  <div class="ui-panel__footer ui-actions ui-actions--start">
    <button class="rounded button" name="delete_selected">{{ _('Delete Selected Roles') }}</button>
  </div>
</div>
{% endblock %}