{% extends 'workflows/base_shell.html' %}
{% load static i18n %}

{% block title %}{% trans "Einweisungs-Builder" %}{% endblock %}



{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/admin_tools.css' %}" />
{% endblock %}

{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_dashboard=1 header_show_home=1 header_inside_shell=1 %}

    <div class="toolbar">
      <div>
        <h1>{% trans "Einweisungs-Builder" %}</h1>
        <p class="sub">{% trans "Checklistenpunkte für das Einweisungs- und Übergabeprotokoll verwalten." %}</p>
      </div>
    </div>

    {% include 'workflows/includes/messages.html' %}

    <form class="card" method="post" action="/admin-tools/intro-builder/">
      {% csrf_token %}
      <input type="hidden" name="builder_action" value="add_item" />
      <div class="grid">
        <div class="field">
          <label for="section">{% trans "Abschnitt" %}</label>
          <select id="section" name="section">
            {% for value, label in section_choices %}
            <option value="{{ value }}">{{ label }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="field">
          <label for="label">{% trans "Checklistenpunkt (DE)" %}</label>
          <input id="label" name="label" placeholder="{% trans 'z. B. Nextcloud Ordnerstruktur erklärt' %}" required />
        </div>
        <div class="field">
          <label for="label_en">{% trans "Checklist item (EN)" %}</label>
          <input id="label_en" name="label_en" placeholder="{% trans 'e.g. Nextcloud folder structure explained' %}" />
        </div>
        <div class="actions">
          <button class="btn btn-primary" type="submit">{% trans "Punkt hinzufügen" %}</button>
        </div>
      </div>
      <div class="hint">{% trans "Bedingungen und Sortierung können anschließend in der Tabelle bearbeitet werden." %}</div>
    </form>

    <form class="card" method="post" action="/admin-tools/intro-builder/">
      {% csrf_token %}
      <input type="hidden" name="builder_action" value="save_items" />
      <div class="table-wrap">
        <table class="table-controls">
          <thead>
            <tr>
              <th>{% trans "Sortierung" %}</th>
              <th>{% trans "Abschnitt" %}</th>
              <th>{% trans "Checklistenpunkt (DE)" %}</th>
              <th>{% trans "Checklistenpunkt (EN)" %}</th>
              <th>{% trans "Feld-Bedingung" %}</th>
              <th>{% trans "Operator" %}</th>
              <th>{% trans "Wert" %}</th>
              <th>{% trans "Aktiv" %}</th>
              <th>{% trans "Löschen" %}</th>
            </tr>
          </thead>
          <tbody>
            {% for item in items %}
            <tr>
              <td>
                <input type="hidden" name="item_ids" value="{{ item.id }}" />
                {{ forloop.counter }}
              </td>
              <td>
                <select name="section_{{ item.id }}">
                  {% for value, label in section_choices %}
                  <option value="{{ value }}" {% if item.section == value %}selected{% endif %}>{{ label }}</option>
                  {% endfor %}
                </select>
              </td>
              <td><input type="text" name="label_{{ item.id }}" value="{{ item.label }}" required /></td>
              <td><input type="text" name="label_en_{{ item.id }}" value="{{ item.label_en }}" /></td>
              <td>
                <select name="field_{{ item.id }}">
                  {% for value, label in condition_field_choices %}
                  <option value="{{ value }}" {% if item.condition_field == value %}selected{% endif %}>{{ label }}</option>
                  {% endfor %}
                </select>
              </td>
              <td>
                <select name="operator_{{ item.id }}">
                  {% for value, label in operator_choices %}
                  <option value="{{ value }}" {% if item.condition_operator == value %}selected{% endif %}>{{ label }}</option>
                  {% endfor %}
                </select>
              </td>
              <td><input type="text" name="value_{{ item.id }}" value="{{ item.condition_value }}" placeholder="{% trans 'z. B. HR Works' %}" /></td>
              <td><input type="checkbox" name="active_{{ item.id }}" {% if item.is_active %}checked{% endif %} /></td>
              <td class="actions">
                <button class="btn btn-secondary" type="submit" name="delete_item_id" value="{{ item.id }}" data-confirm="{% trans 'Checklistenpunkt wirklich löschen?' %}">{% trans "Löschen" %}</button>
              </td>
            </tr>
            {% empty %}
            <tr><td colspan="9">{% trans "Noch keine benutzerdefinierten Checklistenpunkte angelegt. Solange die Liste leer ist, nutzt das System die integrierten Standardpunkte." %}</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      <div class="hint">{% trans "Reihenfolge folgt derzeit der Tabellenreihenfolge beim Speichern." %}</div>
      <div style="margin-top:12px;">
        <button class="btn btn-primary" type="submit">{% trans "Checkliste speichern" %}</button>
      </div>
    </form>
{% endblock %}