{% extends "admin/layout.html" %}
{% block title %}{{ workspace.name if workspace else "Workspace" }} — Tuxflotte Admin{% endblock %}
{% block admin_content %}
{% include "admin/_workspaces_nav.html" %}
<p><a href="/admin/workspaces/liste">← Workspaces</a></p>
{% if not workspace %}
    <p><mark>Workspace wurde nicht gefunden.</mark></p>
{% else %}
{# Workspace-Detail und -Verwaltung (Workspace-Creator neu, Schritt E,
   07.10.2026). Inhalte ändern sich nur im Entwurf; die veröffentlichte
   Version ist eingefroren. #}
<style>
    .ws-kopf small { color: var(--pico-muted-color); }
    .ws-marke { font-size: 0.75rem; padding: 0.05rem 0.5rem; border-radius: 1rem; border: 1px solid var(--pico-primary-border); white-space: nowrap; }
    .ws-marke.entwurf { border-color: var(--pico-del-color); }
    .ws-box { border: 1px solid var(--pico-muted-border-color); border-radius: var(--pico-border-radius); padding: 0.75rem 1rem; margin-bottom: 1rem; }
    .ws-box.entwurf { border-color: var(--pico-del-color); }
    .ws-liste { list-style: none; padding: 0; margin: 0 0 0 1rem; }
    .ws-liste li { list-style: none; padding: 0.25rem 0; border-bottom: 1px solid var(--pico-muted-border-color); }
    .ws-liste label, .ws-liste .zeile { display: flex; gap: 0.6rem; align-items: center; margin: 0; }
    .ws-liste .zeile .text { flex: 1 1 auto; }
    .ws-liste input[type=checkbox] { flex: 0 0 auto; margin: 0; }
    .ws-liste .text small { display: block; color: var(--pico-muted-color); }
    .ws-icon { flex: 0 0 20px; width: 20px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; }
    .ws-diff ins, .ws-diff del { text-decoration: none; padding: 0 0.3rem; border-radius: 0.2rem; }
    details.ws-einstellung { margin-bottom: 0.6rem; }
    /* Aufklapp-Bereiche der Einstellungen als Knöpfe erkennbar (Nutzer-Feedback 07.10.2026) */
    details.ws-einstellung > summary { display: inline-block; padding: 0.45rem 0.9rem; border: 1px solid var(--pico-primary-border);
        border-radius: var(--pico-border-radius); color: var(--pico-primary); font-weight: 600; cursor: pointer; }
    details.ws-einstellung > summary:hover { background: var(--pico-primary-focus); }
    details.ws-einstellung[open] > summary { background: var(--pico-primary-background); color: #fff !important; }
    details.ws-einstellung[open] > summary::after { filter: brightness(0) invert(1); }
    details.ws-einstellung[open] { border: 1px solid var(--pico-muted-border-color); border-radius: var(--pico-border-radius); padding: 0 1rem 0.75rem 0; }
    details.ws-einstellung[open] > *:not(summary) { margin-left: 1rem; }
    form.inline { display: inline; }
    form.inline button { width: auto; }
</style>

{% if fehler %}<p><mark>{{ fehler }}</mark></p>{% endif %}
{% if hinweis %}<p><ins>{{ hinweis }}</ins></p>{% endif %}

<div class="ws-kopf">
    <h2>{{ workspace.name }}
        {% if workspace.ist_vorlage %}<span class="ws-marke">Vorlage für
            {%- if workspace.sichtbarkeit == "global" %} alle
            {%- elif workspace.sichtbarkeit == "kundengruppe" %} {{ kundengruppen | selectattr("id", "in", workspace.kundengruppe_ids) | map(attribute="name") | map("replace", "Schule", "Schulen") | join(", ") }}
            {%- else %} {{ organisationen | selectattr("id", "in", workspace.organization_ids) | map(attribute="name") | join(", ") }}{% endif %}</span>{% endif %}
        {% if ist_entwurf %}<span class="ws-marke entwurf">Entwurf v{{ workspace.version.nummer }} offen</span>{% endif %}
    </h2>
    <p>
        {% if workspace.description %}{{ workspace.description }}<br>{% endif %}
        <small>
            Distro: <strong>{% if workspace.backend %}{{ workspace.backend.name }} {{ workspace.backend.version }}{% else %}noch offen{% endif %}</strong>
            · Eigentümer: {{ workspace.organization_name or "tuxflotte" }}
            {% set veroeffentlicht = versionen | selectattr("status", "equalto", "veroeffentlicht") | list %}
            · Aktuelle Version: {% if veroeffentlicht %}v{{ veroeffentlicht[0].nummer }}{% else %}keine{% endif %}
        </small>
    </p>
</div>

<div class="ws-box">
    <strong>Nutzung</strong>
    {% if not nutzung.in_benutzung %}
        <p><small>Wird nirgends verwendet – Änderungen betreffen niemanden.</small></p>
    {% else %}
        <ul>
            {% if nutzung.profile %}<li>{{ nutzung.profile | length }} Installationsprofil(e): {% for p in nutzung.profile %}{{ p.label }} <small>({{ p.organisation }})</small>{% if not loop.last %}, {% endif %}{% endfor %}</li>{% endif %}
            {% if nutzung.oes %}<li>{{ nutzung.oes | length }} OE(s): {% for o in nutzung.oes %}{{ o.name }} <small>({{ o.organisation }}, {{ "automatisch" if o.automatisch else "auf v" ~ o.version ~ " gepinnt" }})</small>{% if not loop.last %}, {% endif %}{% endfor %}</li>{% endif %}
            <li>{{ nutzung.geraete_automatisch }} Gerät(e) übernehmen neue Versionen automatisch
                {%- for g in nutzung.geraete_gepinnt %}, {{ g.anzahl }} auf v{{ g.version }} gepinnt{% endfor %}</li>
        </ul>
    {% endif %}
</div>

{% if not ist_entwurf %}
{# ---------- Veröffentlichte Version: nur lesend ---------- #}
<h3>Inhalt (v{{ workspace.version.nummer if workspace.version else "–" }}, veröffentlicht)</h3>
<form method="post" action="/admin/workspaces/liste/{{ workspace_id }}/entwurf" class="inline">
    <button type="submit">Bearbeiten – Entwurf anlegen</button>
    <small>Änderungen wirken erst, wenn du den Entwurf veröffentlichst.</small>
</form>
{% for bereich in bereiche %}
    {% set eintraege = [] %}
    {% for k in bereich.kategorien %}{% for e in k.eintraege %}{% if e.id in ausgewaehlt %}{% set _ = eintraege.append(e.name) %}{% endif %}{% endfor %}{% endfor %}
    <p><strong>{{ bereich.symbol }} {{ bereich.name }} ({{ eintraege | length }}):</strong>
        {% if eintraege %}{{ eintraege | sort | join(", ") }}{% else %}<small>keine</small>{% endif %}</p>
{% endfor %}
<p><strong>🌐 Webapps ({{ webapps | length }}):</strong>
    {% if webapps %}{{ webapps | map(attribute="name") | sort | join(", ") }}{% else %}<small>keine</small>{% endif %}</p>
{% set sb_name = (workspace.standardbrowser_auswahl | selectattr("key", "equalto", workspace.standardbrowser) | map(attribute="name") | first) if workspace.standardbrowser else None %}
<p><strong>🧭 Standardbrowser:</strong> {% if sb_name %}{{ sb_name }}{% else %}<small>keine Vorgabe</small>{% endif %}</p>

{% else %}
{# ---------- Entwurf: bearbeiten, Wirkung, veröffentlichen ---------- #}
<div class="ws-box entwurf">
    <strong>Entwurf v{{ workspace.version.nummer }}</strong> – Änderungen wirken erst nach dem Veröffentlichen.
</div>

<h3>Inhalt bearbeiten</h3>
<form method="post" action="/admin/workspaces/liste/{{ workspace_id }}/merkmale">
{% for bereich in bereiche %}
    <h4>{{ bereich.symbol }} {{ bereich.name }}</h4>
    {% for kategorie in bereich.kategorien %}
    {% set an = kategorie.eintraege | selectattr("id", "in", ausgewaehlt) | list | length %}
    <details {% if an %}open{% endif %}>
        <summary>{{ kategorie.name }} <small>({{ kategorie.eintraege | length }}{% if an %}, {{ an }} gewählt{% endif %})</small></summary>
        <ul class="ws-liste">
        {% for e in kategorie.eintraege %}
            {% set geht = not distro_key or distro_key in e.distro_keys %}
            <li>
                <label {% if not geht %}title="Auf der Distro dieses Workspace nicht umgesetzt"{% endif %}>
                    <input type="checkbox" name="merkmal_ids" value="{{ e.id }}"
                           {% if e.id in ausgewaehlt %}checked{% endif %} {% if not geht and e.id not in ausgewaehlt %}disabled{% endif %}>
                    {% if e.icon_url %}<img class="ws-icon" src="{{ e.icon_url }}" alt="" width="20" height="20" loading="lazy">{% else %}<span class="ws-icon" aria-hidden="true">⚙️</span>{% endif %}
                    <span class="text">{{ e.name }}{% if not geht %} <small>– nicht auf dieser Distro</small>{% elif e.description %}<small>{{ e.description }}</small>{% endif %}</span>
                </label>
            </li>
        {% endfor %}
        </ul>
    </details>
    {% endfor %}
{% endfor %}
    <button type="submit">Entwurf speichern</button>
</form>

<h4>🌐 Webapps</h4>
{% if webapps %}
<ul class="ws-liste">
{% for w in webapps %}
    <li>
        <div class="zeile">
            {% if w.icon_path %}<img class="ws-icon" src="/admin/workspaces/webapp-icons/{{ w.icon_path.split('/')[-1] }}" alt="" width="20" height="20">{% else %}<span class="ws-icon" aria-hidden="true">⚙️</span>{% endif %}
            <span class="text">{{ w.name }}<small><a href="{{ w.url }}" target="_blank" rel="noopener">{{ w.url }}</a></small></span>
            <form method="post" action="/admin/workspaces/liste/{{ workspace_id }}/webapps/{{ w.id }}/entfernen" class="inline">
                <button type="submit" class="secondary outline">Entfernen</button>
            </form>
        </div>
    </li>
{% endfor %}
</ul>
{% else %}<p><small>Noch keine Webapps.</small></p>{% endif %}
<div class="grid">
    {% if vorlagen_verfuegbar %}
    <form method="post" action="/admin/workspaces/liste/{{ workspace_id }}/webapps/vorlage">
        <label>Aus Webapp-Vorlage
            <select name="template_id" required>
                {% for t in vorlagen_verfuegbar %}<option value="{{ t.id }}">{{ t.name }}</option>{% endfor %}
            </select>
        </label>
        <button type="submit" class="outline">Hinzufügen</button>
    </form>
    {% endif %}
    <form method="post" action="/admin/workspaces/liste/{{ workspace_id }}/webapps">
        <label>Eigene Webapp<input type="text" name="name" required placeholder="Name, z. B. Schulportal"></label>
        <input type="url" name="url" required placeholder="https://…">
        <button type="submit" class="outline">Hinzufügen</button>
    </form>
</div>

<h4>🧭 Standardbrowser</h4>
<div class="ws-box">
    <form method="post" action="/admin/workspaces/liste/{{ workspace_id }}/standardbrowser">
        <label>Webapps ohne Kiosk-Modus und Links aus anderen Programmen öffnen sich in
            <select name="browser">
                <option value="" {% if not workspace.standardbrowser %}selected{% endif %}>keine Vorgabe (Standard der Distro)</option>
                {% for b in workspace.standardbrowser_auswahl %}<option value="{{ b.key }}" {% if b.key == workspace.standardbrowser %}selected{% endif %}>{{ b.name }}</option>{% endfor %}
            </select>
        </label>
        <small>Zur Wahl stehen Firefox und die Browser, die im gespeicherten Entwurf enthalten sind. Webapps mit Kiosk-Modus starten weiterhin als eigenes Chrome- bzw. Chromium-Fenster.</small>
        <button type="submit" class="outline">Speichern</button>
    </form>
</div>

<h3>Wirkung beim Veröffentlichen</h3>
<div class="ws-box ws-diff">
{% if wirkung %}
    {% if wirkung.unveraendert %}
        <p><small>Noch keine Änderungen gegenüber der veröffentlichten Version.</small></p>
    {% else %}
        <ul>
        {% for titel, neu, weg in [("Apps", wirkung.apps_neu, wirkung.apps_weg), ("Webapps", wirkung.webapps_neu, wirkung.webapps_weg), ("Richtlinien", wirkung.richtlinien_neu, wirkung.richtlinien_weg)] %}
            {% if neu or weg %}<li>{{ titel }}:
                {% for n in neu %}<ins>+ {{ n }}</ins> {% endfor %}
                {% for n in weg %}<del>− {{ n }}</del> {% endfor %}</li>{% endif %}
        {% endfor %}
        {% if wirkung.standardbrowser_geaendert %}<li>Standardbrowser:
            {% if wirkung.standardbrowser_neu %}<ins>+ {{ wirkung.standardbrowser_neu }}</ins>{% else %}<ins>keine Vorgabe</ins>{% endif %}
            {% if wirkung.standardbrowser_alt %}<del>− {{ wirkung.standardbrowser_alt }}</del>{% endif %}</li>{% endif %}
        </ul>
    {% endif %}
    <p>
        {% if wirkung.nutzung.geraete_automatisch %}<strong>{{ wirkung.nutzung.geraete_automatisch }} Gerät(e)</strong> übernehmen die neue Version beim nächsten Check-in{% if wirkung.nutzung.organisationen %} ({{ wirkung.nutzung.organisationen | join(", ") }}){% endif %}.{% else %}Kein Gerät übernimmt die neue Version sofort.{% endif %}
        {% for g in wirkung.nutzung.geraete_gepinnt %}{{ g.anzahl }} Gerät(e) bleiben auf v{{ g.version }}. {% endfor %}
        {% if wirkung.nutzung.profile %}Künftige Installationen über {{ wirkung.nutzung.profile | length }} Profil(e) bekommen die neue Version.{% endif %}
    </p>
{% endif %}
    <form method="post" action="/admin/workspaces/liste/{{ workspace_id }}/veroeffentlichen">
        <label>Notiz zur Version <small>(was hat sich geändert?)</small>
            <input type="text" name="notiz" placeholder="z. B. Audacity ergänzt">
        </label>
        <button type="submit">Als v{{ workspace.version.nummer }} veröffentlichen</button>
    </form>
    <form method="post" action="/admin/workspaces/liste/{{ workspace_id }}/entwurf/verwerfen" class="inline">
        <button type="submit" class="secondary outline">Entwurf verwerfen</button>
    </form>
</div>
{% endif %}

<h3>Versionen</h3>
<figure>
<table>
    <thead><tr><th>Version</th><th>Status</th><th>Veröffentlicht</th><th>Inhalt</th><th>Notiz</th></tr></thead>
    <tbody>
    {% for v in versionen %}
        <tr>
            <td>v{{ v.nummer }}</td>
            <td>{{ "Entwurf" if v.status == "entwurf" else "veröffentlicht" }}</td>
            <td data-sort-wert="{{ v.veroeffentlicht_am or '' }}">{{ v.veroeffentlicht_am | datum }}</td>
            <td><small>{{ v.anzahl_merkmale }} Merkmale, {{ v.anzahl_webapps }} Webapps</small></td>
            <td><small>{{ v.notiz or "" }}</small></td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</figure>

<h3>Einstellungen</h3>

<details class="ws-einstellung">
    <summary>Name und Zweck</summary>
    <form method="post" action="/admin/workspaces/liste/{{ workspace_id }}/einstellungen">
        <label>Name<input type="text" name="name" value="{{ workspace.name }}" required></label>
        <label>Zweck<input type="text" name="description" value="{{ workspace.description or '' }}"></label>
        <button type="submit">Speichern</button>
    </form>
</details>

<details class="ws-einstellung" {% if fehler and "Kundengruppe" in fehler or fehler and "Organisation" in fehler %}open{% endif %}>
    <summary>Vorlage und Sichtbarkeit</summary>
    <p><small>Als Vorlage markierte Workspaces können Kunden-Admins auswählen (per Verweis – deine späteren Versionen erreichen sie je nach ihrer Einstellung automatisch).</small></p>
    <form method="post" action="/admin/workspaces/liste/{{ workspace_id }}/vorlage">
        <label><input type="checkbox" name="ist_vorlage" value="ja" {% if workspace.ist_vorlage %}checked{% endif %}> Als Vorlage anbieten</label>
        <fieldset>
            <legend>Sichtbar für</legend>
            <label><input type="radio" name="sichtbarkeit" value="global" {% if workspace.sichtbarkeit == "global" %}checked{% endif %}> alle Organisationen</label>
            <label><input type="radio" name="sichtbarkeit" value="kundengruppe" {% if workspace.sichtbarkeit == "kundengruppe" %}checked{% endif %}> bestimmte Kundengruppen (z. B. alle Schulen):</label>
            <div style="margin-left:1.5rem">
            {% for kg in kundengruppen %}
                <label><input type="checkbox" name="kundengruppe_ids" value="{{ kg.id }}" {% if kg.id in workspace.kundengruppe_ids %}checked{% endif %}> {{ kg.name }}</label>
            {% endfor %}
            </div>
            <label><input type="radio" name="sichtbarkeit" value="organisation" {% if workspace.sichtbarkeit == "organisation" %}checked{% endif %}> bestimmte Organisationen:</label>
            <div style="margin-left:1.5rem">
            {% for org in organisationen %}
                <label><input type="checkbox" name="organization_ids" value="{{ org.id }}" {% if org.id in workspace.organization_ids %}checked{% endif %}> {{ org.name }}</label>
            {% endfor %}
            </div>
        </fieldset>
        <button type="submit">Speichern</button>
    </form>
</details>

<details class="ws-einstellung" {% if kopie %}open{% endif %}>
    <summary>Kopieren (auch für eine andere Distro)</summary>
    <p><small>Kopiert die aktuelle veröffentlichte Version als neuen Workspace (Version 1).</small></p>
    {% if kopie %}
    <div class="ws-box">
        {% if kopie.weggefallen %}
            <p>Auf der gewählten Distro <strong>fallen weg</strong>: {{ kopie.weggefallen | join(", ") }}</p>
        {% else %}
            <p>Alles lässt sich übernehmen.</p>
        {% endif %}
        <form method="post" action="/admin/workspaces/liste/{{ workspace_id }}/kopie">
            <input type="hidden" name="name" value="{{ kopie.name }}">
            <input type="hidden" name="backend_id" value="{{ kopie.backend_id }}">
            <input type="hidden" name="organization_id" value="{{ kopie.organization_id }}">
            <button type="submit">Kopie „{{ kopie.name }}“ anlegen</button>
        </form>
    </div>
    {% endif %}
    <form method="get" action="/admin/workspaces/liste/{{ workspace_id }}">
        <label>Name der Kopie<input type="text" name="kopie_name" required value="{{ kopie.name if kopie else workspace.name ~ ' (Kopie)' }}"></label>
        <label>Distro
            <select name="kopie_backend">
                {% for b in backends %}<option value="{{ b.id }}" {% if (kopie and kopie.backend_id == b.id) or (not kopie and workspace.backend and workspace.backend.id == b.id) %}selected{% endif %}>{{ b.name }} {{ b.version }}</option>{% endfor %}
            </select>
        </label>
        <label>Eigentümer
            <select name="kopie_org">
                <option value="">tuxflotte</option>
                {% for org in organisationen %}<option value="{{ org.id }}" {% if kopie and kopie.organization_id == org.id %}selected{% endif %}>{{ org.name }}</option>{% endfor %}
            </select>
        </label>
        <button type="submit" class="outline">Prüfen</button>
    </form>
</details>

<details class="ws-einstellung">
    <summary>Löschen</summary>
    {% if nutzung.in_benutzung %}
        <p><small>Nicht möglich, solange der Workspace verwendet wird (siehe Nutzung oben).</small></p>
    {% else %}
        <form method="post" action="/admin/workspaces/liste/{{ workspace_id }}/loeschen">
            <label><input type="checkbox" name="bestaetigt" value="ja" required> Ja, „{{ workspace.name }}“ mit allen Versionen endgültig löschen</label>
            <button type="submit" class="secondary">Löschen</button>
        </form>
    {% endif %}
</details>
{% endif %}
{% endblock %}