{% extends 'base.html' %}
{% block title %}Einstellungen — DynDNS Manager{% endblock %}

{% block content %}
<h4 class="mb-4"><i class="bi bi-gear-fill text-primary"></i> Einstellungen</h4>

<div class="row g-4">

  <!-- Plesk config -->
  <div class="col-lg-7">
    <div class="card">
      <div class="card-header fw-semibold">Plesk-Server</div>
      <div class="card-body">
        <form method="post" action="{{ url_for('settings_plesk') }}">
          <div class="mb-3">
            <label class="form-label">Plesk URL</label>
            <input name="plesk_url" type="url" class="form-control font-monospace"
                   placeholder="https://plesk.example.com:8443"
                   value="{{ plesk_url }}" required>
            <div class="form-text">Inkl. Port, ohne abschließenden Slash.</div>
          </div>
          <div class="mb-3">
            <label class="form-label">API-Schlüssel</label>
            <input name="plesk_api_key" type="password" class="form-control font-monospace"
                   placeholder="Plesk API Key" value="{{ plesk_api_key }}">
            <div class="form-text">In Plesk: <em>Erweiterungen → API-Schlüssel</em> oder
              <em>Admin → API-Schlüssel verwalten</em>.</div>
          </div>
          <div class="mb-3">
            <label class="form-label">Basis-Domain</label>
            <input name="plesk_base_domain" type="text" class="form-control font-monospace"
                   placeholder="example.com" value="{{ plesk_base_domain }}" required>
            <div class="form-text">Domain die in Plesk verwaltet wird. Subdomains werden darunter angelegt.</div>
          </div>
          <div class="mb-4 form-check">
            <input name="plesk_verify_ssl" type="checkbox" class="form-check-input" id="sslCheck"
                   {% if plesk_verify_ssl == '1' %}checked{% endif %}>
            <label class="form-check-label" for="sslCheck">SSL-Zertifikat prüfen</label>
            <div class="form-text">Deaktivieren bei selbstsignierten Zertifikaten.</div>
          </div>
          <div class="d-flex gap-2">
            <button type="submit" class="btn btn-primary">
              <i class="bi bi-save"></i> Speichern
            </button>
            <button type="submit" name="test_connection" value="1" class="btn btn-outline-secondary">
              <i class="bi bi-plug"></i> Verbindung testen
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>

  <!-- Admin password -->
  <div class="col-lg-5">
    <div class="card">
      <div class="card-header fw-semibold">Admin-Passwort ändern</div>
      <div class="card-body">
        <form method="post" action="{{ url_for('settings_password') }}">
          <div class="mb-3">
            <label class="form-label">Aktuelles Passwort</label>
            <input name="current_password" type="password" class="form-control" required>
          </div>
          <div class="mb-3">
            <label class="form-label">Neues Passwort</label>
            <input name="new_password" type="password" class="form-control" minlength="6" required>
          </div>
          <div class="mb-4">
            <label class="form-label">Neues Passwort (Wiederholung)</label>
            <input name="new_password2" type="password" class="form-control" minlength="6" required>
          </div>
          <button type="submit" class="btn btn-warning">
            <i class="bi bi-key"></i> Passwort ändern
          </button>
        </form>
      </div>
    </div>

    <!-- Speedport hint -->
    <div class="card mt-3 border-info">
      <div class="card-header fw-semibold text-info">
        <i class="bi bi-router"></i> Speedport-Konfiguration
      </div>
      <div class="card-body small">
        <p class="mb-2"><strong>Anbieter:</strong> Anderer Anbieter</p>
        <p class="mb-2"><strong>Hostname:</strong> <code>&lt;subdomain&gt;.{{ plesk_base_domain or 'domain.com' }}</code></p>
        <p class="mb-2"><strong>Username:</strong> DynDNS-Benutzername</p>
        <p class="mb-2"><strong>Passwort:</strong> DynDNS-Passwort</p>
        <p class="mb-2"><strong>Updateserver:</strong> <code>&lt;deine-subdomain&gt;</code> (diese App)</p>
        <p class="mb-2"><strong>Protokoll:</strong> HTTP (oder HTTPS)</p>
        <p class="mb-0"><strong>Update-Pfad:</strong> <code>/nic/update</code></p>
      </div>
    </div>
  </div>

</div>
{% endblock %}