{% extends "base.html" %}
{% block title %}{{ "Tool bearbeiten" if software else "Neues Tool" }} – Server-Bibliothek{% endblock %}
{% block content %}

<div class="page-head">
  <div>
    <p class="eyebrow">{{ "Bearbeiten" if software else "Neu anlegen" }}</p>
    <h1>{{ software.name if software else "Neues Software-Tool" }}</h1>
  </div>
</div>

<form method="post" class="form-grid">
  <div class="field">
    <label for="name">Name *</label>
    <input type="text" id="name" name="name" required value="{{ software.name if software else '' }}" placeholder="z. B. 7-Zip, Adobe Reader, Firmen-VPN-Client">
  </div>

  <div class="field">
    <label for="kategorie">Kategorie</label>
    <input type="text" id="kategorie" name="kategorie" value="{{ software.kategorie if software else '' }}" placeholder="z. B. Basis-Software, Sicherheit, Inhouse-Tool">
  </div>

  <div class="field">
    <label for="version">Aktuelle Version</label>
    <input type="text" id="version" name="version" value="{{ software.version if software else '' }}" placeholder="z. B. 24.08">
  </div>

  <div class="field">
    <label for="installer_pfad">Ablageordner</label>
    <input type="text" id="installer_pfad" name="installer_pfad" value="{{ software.installer_pfad if software else '' }}" placeholder="z. B. C:\Bibliothek ablage\7-Zip\">
    <div class="hint">Nur der Ordner – das Tool legt automatisch einen eigenen Unterordner und Dateinamen an, auch wenn ihr überall denselben Basisordner eintragt.</div>
  </div>

  <div class="field">
    <label for="install_parameter">Silent-Install-Parameter</label>
    <input type="text" id="install_parameter" name="install_parameter" value="{{ software.install_parameter if software else '' }}" placeholder="z. B. /S oder /quiet /norestart">
  </div>

  <div class="field">
    <label for="dokumentation">Dokumentation / Einrichtungshinweise</label>
    <textarea id="dokumentation" name="dokumentation" rows="8" placeholder="Schritt-fuer-Schritt Anleitung, Lizenzhinweise, Besonderheiten…">{{ software.dokumentation if software else '' }}</textarea>
  </div>

  <div class="field panel" style="padding:16px 18px;">
    <label style="display:flex; align-items:center; gap:8px; font-size:14px;">
      <input type="checkbox" id="auto_update" name="auto_update" style="width:auto;"
             {{ "checked" if software and software.auto_update }}>
      Automatische Aktualisierung aktivieren
    </label>
    <div class="hint">Wenn aktiv, sucht das Tool selbststaendig nach neuen Versionen und ersetzt die
      Installer-Datei automatisch – ohne Rueckfrage. Die alte Datei wird vorher immer gesichert.</div>

    <div id="update_quelle_felder" style="margin-top:14px; display:{{ 'block' if software and software.auto_update else 'none' }};">
      <div class="auto-update-layout">
        <div class="auto-update-fields">
          <div class="field">
            <label for="update_quelle">Update-Quelle</label>
            <select id="update_quelle" name="update_quelle" onchange="updateQuelleHinweis()">
              <option value="">– auswaehlen –</option>
              <option value="winget" {{ "selected" if software and software.update_quelle == "winget" }}>winget (Windows-Paketverwaltung)</option>
              <option value="github" {{ "selected" if software and software.update_quelle == "github" }}>GitHub-Projekt (Releases)</option>
              <option value="direkt" {{ "selected" if software and software.update_quelle == "direkt" }}>Direkter Download-Link</option>
            </select>
          </div>
          <div class="field">
            <label for="update_wert" id="update_wert_label">Update-Wert</label>
            <input type="text" id="update_wert" name="update_wert" value="{{ software.update_wert if software else '' }}" placeholder="– zuerst Update-Quelle auswaehlen –">
          </div>
        </div>

        <div class="mini-doku" id="mini_doku">
          <div class="mini-doku-titel" id="mini_doku_titel">Wo pruefen?</div>
          <div id="mini_doku_inhalt">Zuerst eine Update-Quelle auswaehlen, dann erscheinen hier die Pruef-Schritte.</div>
        </div>
      </div>
    </div>
  </div>

  <div class="form-actions">
    <button type="submit" class="btn">{{ "Speichern" if software else "Tool anlegen" }}</button>
    <a href="{{ url_for('software_detail', software_id=software.id) if software else url_for('dashboard') }}" class="btn btn-secondary">Abbrechen</a>
  </div>
</form>

<script>
  document.getElementById("auto_update").addEventListener("change", function () {
    document.getElementById("update_quelle_felder").style.display = this.checked ? "block" : "none";
  });

  const MINI_DOKU = {
    "": {
      label: "Update-Wert",
      platzhalter: "– zuerst Update-Quelle auswaehlen –",
      inhalt: "Zuerst eine Update-Quelle auswaehlen, dann erscheinen hier die Pruef-Schritte."
    },
    "winget": {
      label: "winget-Paket-ID",
      platzhalter: "z. B. 7zip.7zip",
      inhalt: `
        <ol>
          <li><strong>winstall.app</strong> oeffnen, Tool-Namen eingeben</li>
          <li>Im grauen Befehlskasten das Wort direkt nach <code>--id</code> kopieren (bis zum naechsten Leerzeichen)</li>
          <li>Exakt einfuegen wie kopiert – Gross-/Kleinschreibung ist wichtig, nicht abtippen</li>
        </ol>
        <div class="beispiel">--id <strong>Google.Chrome</strong> → Google.Chrome</div>`
    },
    "github": {
      label: "GitHub-Projekt",
      platzhalter: "z. B. videolan/vlc",
      inhalt: `
        <ol>
          <li>Auf <strong>github.com</strong> nach dem Tool suchen</li>
          <li>Auf der Projektseite rechts auf „Releases" schauen</li>
          <li>Pruefen: liegt dort eine .exe- oder .msi-Datei?</li>
        </ol>
        <div class="beispiel">Beispiel: videolan/vlc<br>(aus github.com/videolan/vlc)</div>
        <div class="hint" style="margin-top:8px;">Auch okay, falls aus Versehen die ganze Adresse eingefuegt wird (z. B. https://github.com/videolan/vlc) – wird automatisch erkannt.</div>`
    },
    "direkt": {
      label: "Download-Link",
      platzhalter: "z. B. https://beispiel.de/tool/aktuell.exe",
      inhalt: `
        <ol>
          <li>Download-Seite des Herstellers oeffnen</li>
          <li>Nach einem Link suchen, der immer zur neuesten Datei fuehrt (oft bei Portable-Tools)</li>
        </ol>
        <div class="beispiel">Versionsnummer ist hier technisch, keine echte Nummer.</div>`
    }
  };

  function updateQuelleHinweis() {
    const quelle = document.getElementById("update_quelle").value;
    const angaben = MINI_DOKU[quelle] || MINI_DOKU[""];
    document.getElementById("update_wert_label").textContent = angaben.label;
    document.getElementById("update_wert").placeholder = angaben.platzhalter;
    document.getElementById("mini_doku_inhalt").innerHTML = angaben.inhalt;
  }
  updateQuelleHinweis();

  // Ordner-Vorschlag: merkt sich den zuletzt genutzten Basis-Ordner und
  // schlaegt ihn bei neuen Tools automatisch vor - so muss der Ablageort
  // nur beim allerersten Tool einmal komplett eingetippt werden.
  (function () {
    var nameFeld = document.getElementById("name");
    var pfadFeld = document.getElementById("installer_pfad");
    var SPEICHER_KEY = "sb_basis_ordner";

    function sanitisiere(text) {
      return (text || "").trim().replace(/[<>:"/\\|?*]/g, "");
    }

    if (nameFeld && pfadFeld && !pfadFeld.value) {
      nameFeld.addEventListener("blur", function () {
        if (pfadFeld.value.trim() !== "" || !nameFeld.value.trim()) return;
        var basis = localStorage.getItem(SPEICHER_KEY);
        if (!basis) return;
        pfadFeld.value = basis.replace(/[\\/]+$/, "") + "\\" + sanitisiere(nameFeld.value) + "\\";
      });
    }

    if (pfadFeld) {
      pfadFeld.addEventListener("change", function () {
        var wert = pfadFeld.value.trim();
        if (!wert) return;
        var teile = wert.replace(/[\\/]+$/, "").split(/[\\/]/);
        if (teile.length > 1) {
          teile.pop();
          var basis = teile.join("\\");
          if (basis) localStorage.setItem(SPEICHER_KEY, basis);
        }
      });
    }
  })();
</script>

{% endblock %}