{% extends "tesm_core/base.html" %}
{% from "tesm_core/_group_picker.html" import group_picker %}
{% from "tesm_core/macros.html" import field, empty_state, alert, modal %}
{% block page_title %}Freigaben einrichten{% endblock %}
{% block page_sub %}{{ mappings | length }} Zuordnungen · Wurzel {{ mount_root }}{% endblock %}
{% block content %}

{{ alert('Eine Freigabe wird bei der Anmeldung eingebunden, wenn der Benutzer Mitglied der
zugeordneten Verzeichnisgruppe ist. Eingebunden wird mit dem Konto dieses Benutzers -- deshalb
ist die Verzeichnisgruppe das einzige mögliche Ziel, und lokale Konten bekommen keine
Einbindungen.', 'info') }}

{% if not directory_enabled %}
  {{ alert('Die Verzeichnisanmeldung ist nicht aktiv. Ohne sie kann keine Freigabe eingebunden
  werden.', 'warning') }}
{% endif %}

<section class="card">
  <div class="card__header">
    <div class="flex-1"><div class="card__title">{{ icon('folder', size=17) }} Zuordnungen</div></div>
  </div>
  {% if mappings %}
    <div class="table-wrap">
      <table class="table table--compact">
        <thead>
          <tr><th>Anzeigename</th><th>UNC-Pfad</th><th>Verzeichnisgruppe</th><th class="actions"></th></tr>
        </thead>
        <tbody>
          {% for entry in mappings %}
            <tr>
              <td class="fw-600">{{ entry.label }}</td>
              <td class="mono fs-sm break-all">{{ entry.unc }}</td>
              <td class="fs-sm">{{ entry.ad_group_name }}
                <div class="fs-xs faint break-all">{{ entry.ad_group_dn }}</div></td>
              <td class="actions">
                {% if current_user.has('fileshare.edit') %}
                  <button class="btn btn--sm btn--ghost" type="button"
                          data-dialog-open="mapping-edit-{{ entry.id }}"
                          aria-label="Bearbeiten">{{ icon('pencil', size=15) }}</button>
                {% endif %}
                <form method="post" action="{{ url_for('fileshare.mapping_delete', mapping_id=entry.id) }}" data-no-guard>
                  <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
                  <button class="btn btn--sm btn--ghost danger-text" type="submit"
                          data-confirm="Zuordnung {{ entry.label }} entfernen?"
                          data-confirm-title="Zuordnung entfernen" data-confirm-ok="Entfernen">
                    {{ icon('trash', size=15) }}</button>
                </form>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% else %}
    {{ empty_state('Keine Zuordnungen', 'Legen Sie die erste Freigabe an.', 'folder') }}
  {% endif %}
</section>

<section class="card">
  <div class="card__header">
    <div class="flex-1"><div class="card__title">{{ icon('plus', size=17) }} Freigabe einrichten</div></div>
  </div>
  <form method="post" action="{{ url_for('fileshare.mapping_add') }}">
    <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
    <div class="card__body">
      <div class="form-grid">
        {{ field('label', 'Anzeigename', required=True, placeholder='Abteilung Technik') }}
        {{ field('unc', 'UNC-Pfad', required=True, placeholder='\\\\dc2022\\daten',
                 hint_text='Schrägstriche gehen auch: //dc2022/daten') }}
        {{ group_picker('ad_group_name', 'ad_group_dn', 'share', required=True,
                        label='Verzeichnisgruppe, die diese Freigabe bekommt') }}
      </div>
    </div>
    <div class="card__footer"><button class="btn btn--primary" type="submit">Speichern</button></div>
  </form>
</section>
{% endblock %}

{% block dialogs %}
{# Bearbeiten statt neu anlegen: bei einem Tippfehler im UNC-Pfad oder im
   Anzeigenamen soll man ihn korrigieren können. Sonst legt man daneben einen
   zweiten Eintrag an und vergisst, den ersten zu löschen. #}
{% if current_user.has('fileshare.edit') %}
  {% for entry in mappings %}
    {% call modal('mapping-edit-' ~ entry.id, entry.label, 'Zuordnung ändern') %}
      <form method="post" action="{{ url_for('fileshare.mapping_update', mapping_id=entry.id) }}">
        <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
        <div class="modal__body">
          <div class="form-grid">
            {{ field('label', 'Anzeigename', value=entry.label, required=True) }}
            {{ field('unc', 'UNC-Pfad', value=entry.unc, required=True,
                     hint_text='Schrägstriche gehen auch: //dc2022/daten') }}
            {{ group_picker('ad_group_name', 'ad_group_dn', 'edit-' ~ entry.id,
                            name_value=entry.ad_group_name, dn_value=entry.ad_group_dn,
                            required=True,
                            label='Verzeichnisgruppe, die diese Freigabe bekommt') }}
          </div>
        </div>
        <div class="modal__footer">
          <button class="btn" type="button" data-dialog-close>Abbrechen</button>
          <button class="btn btn--primary" type="submit">Speichern</button>
        </div>
      </form>
    {% endcall %}
  {% endfor %}
{% endif %}
{% endblock %}