{% extends "base.html" %}
{% block title %}Einstellungen – KielZeit{% endblock %}
{% block content %}
<div class="card">
  <h1>Einstellungen</h1>
  <h2>Betriebsmodus</h2>
  <p class="hint">Die Optionen bauen aufeinander auf — eine höhere Option enthält
    alle Funktionen der niedrigeren. Die Umstellung wirkt sofort für alle Benutzer;
    Daten gehen beim Wechsel nicht verloren.</p>
  <form method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    {% for opt, label in UI_OPTIONS.items() %}
    <label class="option-choice {{ 'selected' if opt == option }}">
      <input type="radio" name="ui_option" value="{{ opt }}" {{ 'checked' if opt == option }}>
      <b>{{ label.split(' — ')[0] }}</b> — {{ label.split(' — ')[1] }}
      <small>
        {% if opt == 1 %}Monatstabelle mit Tages-Dialog, Feiertage werden manuell gepflegt.
        {% elif opt == 2 %}Stempeluhr auf der Erfassen-Seite (Tagesbeginn / Pause / Tagesende,
          Pflichtpause nach §4 ArbZG automatisch). Feiertage (SH) werden berechnet —
          nur Sondertage (z. B. Betriebsausflug) noch manuell.
        {% elif opt == 3 %}Urlaubsanträge mit Genehmigung durch Admin, Krankmeldungen,
          Jahresplan aller Abwesenheiten, Urlaubskonto je Benutzer und Jahr.
        {% else %}Persönliche Startseite mit Stempeluhr, Wochen-/Monatsstand, Saldo,
          Jahres-Heatmap und Top-Kategorien.
        {% endif %}
      </small>
    </label>
    {% endfor %}
    <button type="submit">Speichern</button>
  </form>
</div>

{% if FEAT.auto_holidays %}
<div class="card">
  <h2>Feiertage</h2>
  <p class="hint">Feiertage werden automatisch berechnet.
    Sondertage verwaltest du unter <a href="{{ url_for('admin.admin_holidays') }}">Feiertage</a>.</p>
</div>
{% endif %}
{% endblock %}