{% extends 'layout.html' %}
{% set breadcrumbs = breadcrumb_page('admin') +  breadcrumb_page(self) %}
{% macro count_badge(value) %}
  <span class="badge rounded-pill bg-opacity-10 {{ 'bg-primary text-primary' if value > 0 else 'bg-secondary text-secondary' }}">
    {{ value }}
  </span>
{% endmacro %}
{% block content %}
  {# Header #}
  <div class="d-flex flex-wrap justify-content-between mb-2">
    <h2>
      <RdwIcon :value="active_page.icon" class="me-1" />
      {{ active_page.label }}
    </h2>
    <div>
      <button id="rdw-btn-add-user"
              type="button"
              class="btn btn-primary mb-2"
              data-bs-toggle="modal"
              data-bs-target="#rdw-add-user-modal">
        <RdwIcon value="bi-person-plus" class="me-1" />
        {%- trans %}Add user{% endtrans %}
      </button>
    </div>
  </div>
  <!-- Users View -->
  {% set buttons = [
      {'text': _('Admins'), 'extend': 'filter', 'column': 2, 'search': '^0', 'regex':True, 'className':'btn-outline-primary'},
      {'text': _('Maintainer'), 'extend': 'filter', 'column': 2, 'search': '5', 'className':'btn-outline-primary'},
      {'text': _('Users'), 'extend': 'filter', 'column': 2, 'search': '10', 'className':'btn-outline-primary'},
      {'text': _('Reset Filters'), 'extend': 'reset', 'className':'btn-secondary ms-3'},
    ] %}
  {% set role_class = {0: 'bg-danger text-danger', 5: 'bg-success text-success', 10: 'bg-info text-info-emphasis'} %}
  {% set role_choices = dict(edit_form.role.choices) %}
  {% set mfa_class = {0: 'text-bg-light border', 1: 'bg-success border'} %}
  {% set mfa_choices = dict(edit_form.mfa.choices) %}
  {% set status_class = {'':'bg-success bg-opacity-10 text-success', currentuser.STATUS_DISABLED:'bg-secondary bg-opacity-10 text-secondary-emphasis', currentuser.STATUS_DELETING:'bg-danger'} %}
  {% set status_label = {'':_('Active'), currentuser.STATUS_DISABLED: _('Disabled'), currentuser.STATUS_DELETING: _('Deleting')} %}
  {% set report_time_range_choices = dict(edit_form.report_time_range.choices) %}
  <RdwTable :buttons="{{ buttons }}" :paging="False" class="border rounded-2">
    <thead class="table-light small">
      <tr>
        <th scope="col">{% trans %}User{% endtrans %}</th>
        <th scope="col">{{ edit_form.notes.label.text }}</th>
        <th scope="col">{{ edit_form.role.label.text }}</th>
        <th scope="col">{{ edit_form.user_root.label.text }}</th>
        <th scope="col">{% trans %}2FA{% endtrans %}</th>
        <th scope="col">{% trans %}Repos{% endtrans %}</th>
        <th scope="col" class="text-nowrap">{% trans %}SSH Keys{% endtrans %}</th>
        <th scope="col">{% trans %}Tokens{% endtrans %}</th>
        <th scope="col">{% trans %}Backup report{% endtrans %}</th>
        <th scope="col">{% trans %}Status{% endtrans %}</th>
        <th scope="col" data-sortable="false" class="text-end">{% trans %}Action{% endtrans %}</th>
      </tr>
    </thead>
    <tbody>
      {% for user in users %}
        <tr {% if user.status == user.STATUS_DISABLED %}class="table-light"{% endif %}>
          {# User - username, fullname, email #}
          <td data-order="{{ user.username }}">
            <div>
              <a class="fw-semibold"
                 href="{{ url_for('admin','users','edit', user.username) }}">{{ user.username }}</a>
              <span class="small text-muted">#{{ user.id }}</span>
            </div>
            <div class="text-muted small">
              {% if user.fullname %}
                {{ user.fullname }}
              {% else %}
                &mdash;
              {% endif %}
            </div>
            <div class="text-muted small">
              {% if user.email %}
                {{ user.email }}
              {% else %}
                &mdash;
              {% endif %}
            </div>
          </td>
          {# Notes #}
          <td data-order="{{ user.notes or '' }}">
            {% if user.notes -%}
              <span class="rdw-notes small text-muted">{{- user.notes -}}</span>
            {%- else %}
              &mdash;
            {% endif %}
          </td>
          {# Role #}
          <td data-filter="{{ user.role }}">
            <span class="badge bg-opacity-10 {{ role_class.get(user.role) }}">{{ role_choices.get(user.role) }}</span>
          </td>
          {# Root directory #}
          <td data-order="{{ user.user_root }}">
            {% if user.user_root %}
              <span class="small text-muted font-monospace text-truncate">{{ user.user_root }}</span>
              {% if not user.valid_user_root() %}
                <span class="text-danger">
                  <RdwIcon value="bi-exclamation-triangle" class="me-1" />
                  {%- trans %}Root directory not accessible!{% endtrans %}
                </span>
              {% endif %}
            {% else %}
              &mdash;
            {% endif %}
          </td>
          {# MFA #}
          <td data-filter="{{ user.mfa }}" data-order="{{ user.mfa }}">
            {% if user.mfa %}
              <RdwIcon value="bi-shield-fill-check"
                       class="text-success"
                       :title="mfa_choices.get(user.mfa)" />
            {% else %}
              <RdwIcon value="bi-shield-fill-x"
                       class="text-danger"
                       :title="mfa_choices.get(user.mfa)" />
            {% endif %}
          </td>
          {# Repos Count #}
          <td data-order="{{ user.repo_objs | length }}">{{ count_badge(user.repo_objs | length) }}</td>
          {# SSH Keys Count #}
          <td data-order="{{ user.authorizedkeys | length }}">{{ count_badge(user.authorizedkeys | length) }}</td>
          {# Token Count #}
          <td data-order="{{ user.tokens | length }}">{{ count_badge(user.tokens | length) }}</td>
          <td>{{ report_time_range_choices.get(user.report_time_range) }}</td>
          {# Status #}
          <td data-order="{{ user.status }}">
            <span class="badge {{ status_class.get(user.status) }}">{{ status_label.get(user.status, user.status) }}</span>
          </td>
          {# Action #}
          <td class="text-end" data-order="">
            <div class="btn-group btn-group-sm">
              <a href="{{ url_for('admin','users','edit', user.username) }}"
                 class="btn btn-sm btn-outline-secondary"
                 title="{{ _("Edit") }}">
                <RdwIcon value="bi-pencil-square" />
              </a>
              <a href="{{ url_for('home', user.username, '/') }}"
                 class="btn btn-sm btn-outline-secondary"
                 title="{{ _("Overview") }}">
                <RdwIcon value="bi-bar-chart-line" />
              </a>
            </div>
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </RdwTable>
  {# Create User #}
  <form method="post" action="#">
    <ModalDialog id="rdw-add-user-modal"
                 :title="_('Add user')"
                 :submit="_('Create user')"
                 :show="form.error_message">
      {% if form.error_message %}<p class="text-danger">{{ form.error_message }}</p>{% endif %}
      <cf:Fields form={{ form }} />
    </ModalDialog>
  </form>
{% endblock content %}