{{ define "help.html" }}

{{ block "title" . }}Hilfe{{ end }}

{{ block "head" . }}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const currentHost = window.location.host;
        const apiEndpoint = window.location.protocol + "//" + currentHost + "/api/password";

        document.getElementById("api-endpoint").textContent = apiEndpoint;
        document.getElementById("curl-example").textContent = "curl " + apiEndpoint;
        document.getElementById("powershell-example").textContent = "Invoke-RestMethod -Uri " + apiEndpoint;
        document.getElementById("cmd-example").textContent = "curl " + apiEndpoint;
    });
</script>
{{ end }}

{{ block "body" . }}
<div class="container">
    <h1>Hilfe: API-Endpunkt</h1>
    <p>Diese Anwendung bietet einen API-Endpunkt, um Passwörter direkt über die Kommandozeile abzurufen.</p>
    <h2>Endpunkt:</h2>
    <p><code id="api-endpoint"></code></p>
    <h2>Beispiele:</h2>
    <h3>Mac/Linux (Terminal):</h3>
    <pre id="curl-example"></pre>
    <h3>Windows (PowerShell):</h3>
    <pre id="powershell-example"></pre>
    <h3>Windows (cmd):</h3>
    <pre id="cmd-example"></pre>
    <p><a href="/">Zurück zur Passwort-Generierung</a></p>
</div>
{{ end }}
{{ end }}