{% extends "tesm_core/base.html" %}
{% from "tesm_core/macros.html" import field, select_field, checkbox, alert %}

{% block page_title %}Systemeinstellungen{% endblock %}
{% block page_sub %}Portal, Self-Service, Protokolle, Host{% endblock %}

{% block content %}
{% if not sysops_available %}
  {{ alert('Systemhelfer nicht verfuegbar -- Hostname und Zeitzone koennen hier nur angezeigt,
  nicht geaendert werden.', 'info') }}
{% endif %}

<div class="grid grid--split">
  <div class="stack">
    <section class="card">
      <div class="card__header">
        <div class="flex-1">
          <div class="card__title">{{ icon('users', size=17) }} Kundenportal und Self-Service</div>
          <div class="card__sub">Zwei unabhaengige Zeitfenster: Link und Sitzung</div>
        </div>
      </div>
      <form method="post" action="{{ url_for('settings.system_save') }}">
        <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
        <div class="card__body stack">
          {{ checkbox('portal_enabled', 'Kundenportal aktiv', checked=values.portal_enabled) }}
          <div class="form-grid">
            {{ field('portal_link_minutes', 'Zugangslink gueltig (Minuten)',
                     value=values.portal_link_minutes, type='number',
                     hint_text=specs['portal_link_minutes'].hint) }}
            {{ field('portal_session_minutes', 'Portalsitzung gueltig (Minuten)',
                     value=values.portal_session_minutes, type='number',
                     hint_text=specs['portal_session_minutes'].hint) }}
          </div>
          <div class="divider"></div>
          {{ checkbox('self_service_enabled', 'Self-Service-Link je Ticket aktiv',
                      checked=values.self_service_enabled,
                      hint_text=specs['self_service_enabled'].hint) }}
          {{ checkbox('allow_customer_revoke', 'Kunden duerfen ihre Lizenz selbst freigeben',
                      checked=values.allow_customer_revoke,
                      hint_text=specs['allow_customer_revoke'].hint) }}
        </div>
        <div class="card__footer"><button class="btn btn--primary" type="submit">Speichern</button></div>
      </form>
    </section>

    <section class="card">
      <div class="card__header">
        <div class="flex-1">
          <div class="card__title">{{ icon('ticket', size=17) }} Vorgaben und Protokolle</div>
        </div>
      </div>
      <form method="post" action="{{ url_for('settings.system_save') }}">
        <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
        <div class="card__body">
          <div class="form-grid">
            {{ field('default_valid_days', 'Vorgeschlagene Laufzeit neuer Tickets (Tage)',
                     value=values.default_valid_days, type='number') }}
            {{ select_field('log_rotate_interval', 'Rotationsintervall',
                            specs['log_rotate_interval'].choices,
                            selected=values.log_rotate_interval) }}
            {{ field('log_rotate_keep', 'Aufbewahrte Rotationen', value=values.log_rotate_keep,
                     type='number') }}
            {{ field('trash_retention_days', 'Papierkorb-Aufbewahrung (Tage)',
                     value=values.trash_retention_days, type='number') }}
          </div>
        </div>
        <div class="card__footer"><button class="btn btn--primary" type="submit">Speichern</button></div>
      </form>
    </section>
  </div>

  <div class="stack">
    <section class="card">
      <div class="card__header">
        <div class="flex-1"><div class="card__title">{{ icon('server', size=17) }} Host</div></div>
      </div>
      <div class="card__body stack">
        <form method="post" action="{{ url_for('settings.set_hostname') }}" class="stack stack--tight">
          <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
          {{ field('hostname', 'Hostname', value=hostname, disabled=not sysops_available) }}
          <button class="btn btn--sm" type="submit" {% if not sysops_available %}disabled{% endif %}>
            Hostname setzen
          </button>
        </form>
        <div class="divider"></div>
        <form method="post" action="{{ url_for('settings.set_timezone') }}" class="stack stack--tight">
          <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
          <label class="field">
            <span class="field__label">Zeitzone</span>
            <select class="select" name="timezone" {% if not sysops_available %}disabled{% endif %}>
              {% for zone in timezones %}
                <option value="{{ zone }}" {% if zone == timezone %}selected{% endif %}>{{ zone }}</option>
              {% endfor %}
            </select>
          </label>
          <button class="btn btn--sm" type="submit" {% if not sysops_available %}disabled{% endif %}>
            Zeitzone setzen
          </button>
        </form>
      </div>
    </section>

    {% if current_user.is_admin %}
      <section class="card">
        <div class="card__header">
          <div class="flex-1">
            <div class="card__title">{{ icon('sliders', size=17) }} Navigationsreihenfolge</div>
            <div class="card__sub">Gilt fuer alle Benutzer</div>
          </div>
        </div>
        <form method="post" action="{{ url_for('admin.nav_order') }}">
          <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
          <div class="card__body">
            <ol class="stack stack--tight">
              {% for key in nav_order %}
                {% set item = nav_items | selectattr('key', 'equalto', key) | list | first %}
                {% if item %}
                  <li class="row row--tight">
                    <input type="hidden" name="order" value="{{ item.key }}">
                    <span class="flex-1">{{ icon(item.icon, size=15) }} {{ item.label }}</span>
                  </li>
                {% endif %}
              {% endfor %}
            </ol>
          </div>
          <div class="card__footer">
            <button class="btn btn--sm" type="submit">Reihenfolge speichern</button>
          </div>
        </form>
      </section>
    {% endif %}
  </div>
</div>
{% endblock %}