{% extends "admin/layout.html" %}
{% block title %}Merkmale — Tuxflotte Admin{% endblock %}
{% block admin_content %}
{% include "admin/_workspaces_nav.html" %}
{% include "admin/_vorlagen_nav.html" %}
<h2>Merkmale</h2>

<input type="search" placeholder="Suche nach Key, Name, Kategorie …" data-table-search="#merkmale-tabelle" style="max-width: 24rem">

<figure>
<table id="merkmale-tabelle">
    <thead><tr>
        <th data-sort data-filter>Key</th>
        <th data-sort data-filter>Name</th>
        <th data-sort data-filter>Kategorie</th>
        <th data-sort data-filter>Katalogfähig</th>
        <th></th>
    </tr></thead>
    <tbody>
    {% for m in merkmale %}
        <tr>
            <td><code>{{ m.key }}</code></td>
            <td>
                {% if m.icon_path %}<img src="/admin/workspaces{{ m.icon_path }}" alt="" width="20" height="20" style="vertical-align:middle;margin-right:0.35rem">{% endif %}
                {{ m.name }}
                {% if m.description %}<br><small>{{ m.description }}</small>{% endif %}
            </td>
            <td>{{ m.kategorie_name or "—" }}</td>
            <td>{{ "ja" if m.im_auftragskatalog else "nein" }}</td>
            <td>
                <details>
                <summary role="button" class="outline">Bearbeiten</summary>
                <form method="post" action="/admin/workspaces/vorlagen/merkmale/{{ m.id }}">
                    <label>Name<input type="text" name="name" value="{{ m.name }}" required></label>
                    <label>Beschreibung<input type="text" name="description" value="{{ m.description or '' }}"></label>
                    <label>Kategorie
                        <select name="kategorie_id">
                            <option value="">— keine —</option>
                            {% for k in kategorien %}
                            <option value="{{ k.id }}" {{ "selected" if k.id == m.kategorie_id else "" }}>{{ k.name }}</option>
                            {% endfor %}
                        </select>
                    </label>
                    <label>
                        <input type="checkbox" name="im_auftragskatalog" {{ "checked" if m.im_auftragskatalog else "" }}>
                        Im Auftragskatalog
                    </label>
                    <button type="submit">Speichern</button>
                </form>
                </details>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</figure>

<details>
<summary role="button" class="secondary outline">Neues Merkmal anlegen</summary>
<form method="post" action="/admin/workspaces/vorlagen/merkmale">
    <label>Key<input type="text" name="key" required></label>
    <label>Name<input type="text" name="name" required></label>
    <label>Beschreibung<input type="text" name="description"></label>
    <button type="submit">Anlegen</button>
</form>
</details>
{% endblock %}