{% extends "admin/layout.html" %}
{% block title %}Webapp-Vorlagen — Tuxflotte Admin{% endblock %}
{% block admin_content %}
{% include "admin/_workspaces_nav.html" %}
{% include "admin/_vorlagen_nav.html" %}
<h2>Webapp-Vorlagen</h2>
<p><small>Global wiederverwendbare Webapp-Vorschläge, die Kunden für ihre eigenen Workspaces aktivieren können (zusätzlich zu ihren eigenen freien Einträgen).</small></p>

<figure>
<table>
    <thead><tr><th></th><th>Name</th><th>Kategorie</th><th>URL</th><th></th></tr></thead>
    <tbody>
    {% for t in webapp_templates %}
        <tr>
            <td style="width:2rem">
                {% if t.icon_path %}
                <img src="/admin/workspaces/webapp-icons/{{ t.icon_path.split('/')[-1] }}" alt="" width="24" height="24">
                {% endif %}
            </td>
            <td>{{ t.name }}{% if t.description %}<br><small>{{ t.description }}</small>{% endif %}</td>
            <td>{{ t.kategorie_name or "—" }}</td>
            <td><small><a href="{{ t.url }}" target="_blank" rel="noopener">{{ t.url }}</a></small></td>
            <td>
                <details>
                <summary role="button" class="outline">Bearbeiten</summary>
                <form method="post" action="/admin/workspaces/vorlagen/webapp-vorlagen/{{ t.id }}">
                    <label>Name<input type="text" name="name" value="{{ t.name }}" required></label>
                    <label>URL<input type="url" name="url" value="{{ t.url }}" required></label>
                    <label>Beschreibung<input type="text" name="description" value="{{ t.description or '' }}"></label>
                    <label>Kategorie
                        <select name="kategorie_id">
                            <option value="">— ohne Kategorie —</option>
                            {% for k in app_kategorien %}
                            <option value="{{ k.id }}" {% if t.kategorie_id == k.id %}selected{% endif %}>{{ k.name }}</option>
                            {% endfor %}
                        </select>
                    </label>
                    <button type="submit">Speichern</button>
                </form>
                </details>
                <form method="post" action="/admin/workspaces/vorlagen/webapp-vorlagen/{{ t.id }}/loeschen">
                    <button type="submit" class="secondary outline">Löschen</button>
                </form>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</figure>

<details>
<summary role="button" class="secondary outline">Neue Vorlage anlegen</summary>
<form method="post" action="/admin/workspaces/vorlagen/webapp-vorlagen">
    <label>Name<input type="text" name="name" required placeholder="z.B. Wikipedia"></label>
    <label>URL<input type="url" name="url" required placeholder="https://..."></label>
    <label>Beschreibung<input type="text" name="description"></label>
    <label>Kategorie
        <select name="kategorie_id">
            <option value="">— ohne Kategorie —</option>
            {% for k in app_kategorien %}
            <option value="{{ k.id }}">{{ k.name }}</option>
            {% endfor %}
        </select>
    </label>
    <button type="submit">Anlegen</button>
</form>
</details>
{% endblock %}