{% extends "base.html" %}
{% block title %}Kategorien – KielZeit{% endblock %}
{% block content %}
<div class="card">
  <h1>Stundenkategorien</h1>
  <p class="hint">Deaktivierte Kategorien sind bei der Erfassung nicht mehr wählbar,
    bleiben aber in alten Einträgen und Auswertungen erhalten.</p>
  {% for gcode, gname in GROUPS.items() %}
  <h2>{{ gcode }} — {{ gname }}</h2>
  {% for c in cats if c.group_code == gcode %}
  <form method="post" class="cat-row {{ 'muted-row' if not c.active }}">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <input type="hidden" name="action" value="edit">
    <input type="hidden" name="id" value="{{ c.id }}">
    <span class="cat-code"><b>{{ c.code }}</b></span>
    <input type="text" name="label" value="{{ c.label }}">
    <label class="inline"><input type="checkbox" name="active" {{ 'checked' if c.active }}> aktiv</label>
    <button type="submit" class="btn-mini">Speichern</button>
  </form>
  {% endfor %}
  {% endfor %}
</div>

<div class="card">
  <h2>Neue Kategorie</h2>
  <form method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <input type="hidden" name="action" value="new">
    <div class="row3">
      <label>Code <input type="text" name="code" required placeholder="z. B. G30"></label>
      <label>Gruppe
        <select name="group_code">
          {% for gcode, gname in GROUPS.items() %}
          <option value="{{ gcode }}">{{ gcode }} — {{ gname }}</option>
          {% endfor %}
        </select>
      </label>
      <label>Bezeichnung <input type="text" name="label"></label>
    </div>
    <button type="submit">Anlegen</button>
  </form>
</div>
{% endblock %}