{% extends "tesm_core/base.html" %}
{% from "tesm_core/macros.html" import field, checkbox, alert, pill %}

{% block page_title %}Webserver und TLS{% endblock %}
{% block page_sub %}
  {{ config.domain or 'ohne Domain' }} ·
  {% if config.https_enabled %}HTTPS aktiv{% else %}nur HTTP{% endif %}
{% endblock %}

{% block content %}
{% if license_hint %}{{ alert(license_hint, 'warning') }}{% endif %}
{% if not sysops_available %}
  {{ alert('Systemhelfer nicht verfügbar -- die Konfiguration kann hier erzeugt und angesehen,
  aber nicht angewandt werden.', 'info') }}
{% endif %}

{{ alert('Die Site-Datei wird bei jeder Übernahme vollständig neu geschrieben.
Alles, was ein Administrator sonst per Hand hineinschreiben würde, ist hier Einstellung. Der
Vorgänger schrieb die Datei nur, wenn sie noch nicht existierte -- ein einmal falscher Pfad
blieb dadurch über Jahre bestehen und lieferte alle statischen Dateien als 404.', 'info',
'Warum die Datei immer neu geschrieben wird') }}

<div class="grid grid--split">
  <div class="stack">
    <section class="card">
      <div class="card__header">
        <div class="flex-1"><div class="card__title">{{ icon('server', size=17) }} Einstellungen</div></div>
      </div>
      <form method="post" action="{{ url_for('hostsettings.web_save') }}">
        <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
        <div class="card__body stack">
          <div class="form-grid">
            {{ field('web_domain', 'Domain', value=config.domain,
                     placeholder='tesm.firma.de', disabled=bool(license_hint),
                     hint_text='Leer = Zugriff über IP-Adresse.') }}
            {{ field('web_acme_email', 'E-Mail für Let\'s Encrypt', value=acme_email, type='email',
                     disabled=bool(license_hint)) }}
            {{ field('web_cert_path', 'Zertifikat (Pfad)', value=config.cert_path,
                     disabled=bool(license_hint), extra_class='field--full') }}
            {{ field('web_key_path', 'Privater Schlüssel (Pfad)', value=config.key_path,
                     disabled=bool(license_hint), extra_class='field--full') }}
            {{ field('web_acme_webroot', 'ACME-Webroot', value=config.acme_webroot,
                     disabled=bool(license_hint), extra_class='field--full') }}
          </div>
          <div class="stack stack--tight">
            {{ checkbox('web_https_enabled', 'HTTPS auf Port 443 anbieten',
                        checked=config.https_enabled, disabled=bool(license_hint)) }}
            {{ checkbox('web_redirect_http', 'HTTP (Port 80) auf HTTPS umleiten',
                        checked=config.redirect_http, disabled=bool(license_hint),
                        hint_text='Der ACME-Pfad bleibt dabei erreichbar -- sonst könnte Let\'s
                        Encrypt nie erneuern.') }}
            {{ checkbox('web_hsts_enabled', 'HSTS-Header senden',
                        checked=config.hsts_enabled, disabled=bool(license_hint),
                        hint_text='Nur mit funktionierendem HTTPS aktivieren: Browser merken sich
                        die Vorgabe und verweigern danach jeden HTTP-Zugriff.') }}
          </div>
        </div>
        <div class="card__footer">
          <button class="btn btn--primary" type="submit" {% if license_hint %}disabled{% endif %}>
            Speichern
          </button>
        </div>
      </form>
    </section>

    <details class="card" data-persist="nginx-preview">
      <summary class="card__header" style="cursor:pointer">
        <div class="flex-1">
          <div class="card__title">{{ icon('file-text', size=17) }} Erzeugte nginx-Konfiguration</div>
          <div class="card__sub">Vorschau der Datei, die geschrieben würde</div>
        </div>
        {{ icon('chevron-down', size=16) }}
      </summary>
      <pre class="log-view">{{ preview }}</pre>
    </details>
  </div>

  <div class="stack">
    <section class="card">
      <div class="card__header">
        <div class="flex-1">
          <div class="card__title">{{ icon('shield', size=17) }} Zertifikat</div>
          <div class="card__sub">
            {% if certificate.present %}vorhanden{% else %}nicht vorhanden{% endif %}
          </div>
        </div>
      </div>
      <div class="card__body stack">
        {% if certificate.present and not certificate.get('error') %}
          <dl class="kv fs-sm">
            <dt>Inhaber</dt><dd class="break-all">{{ certificate.subject }}</dd>
            <dt>Aussteller</dt><dd class="break-all">{{ certificate.issür }}</dd>
            <dt>Gültig bis</dt><dd>{{ certificate.not_valid_after | dt }}</dd>
            <dt>Seriennummer</dt><dd class="mono fs-xs break-all">{{ certificate.serial }}</dd>
          </dl>
        {% elif certificate.get('error') %}
          {{ alert('Zertifikat nicht lesbar: ' ~ certificate.error, 'danger') }}
        {% else %}
          <p class="muted fs-sm">
            Fordern Sie ein Zertifikat per Let's Encrypt an oder hinterlegen Sie eigene Pfade.
          </p>
        {% endif %}

        {% if current_user.has('settings_web.execute') %}
          <form method="post" action="{{ url_for('hostsettings.web_certificate') }}" data-no-guard>
            <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
            <button class="btn btn--sm" type="submit"
                    {% if license_hint or not certbot_available or not config.domain %}disabled{% endif %}
                    data-busy-label="Fordere an ..."
                    data-confirm="Zertifikat für {{ config.domain }} per Let's Encrypt anfordern? Die Domain muss öffentlich auf diesen Host zeigen."
                    data-confirm-title="Zertifikat anfordern" data-confirm-ok="Anfordern"
                    data-confirm-style="primary">
              {{ icon('lock', size=14) }} Let's-Encrypt-Zertifikat anfordern
            </button>
          </form>
          {% if not certbot_available %}
            <p class="fs-xs faint">certbot ist auf diesem Host nicht installiert.</p>
          {% elif not config.domain %}
            <p class="fs-xs faint">
              Für Let's Encrypt wird oben eine Domain gebraucht, die öffentlich auf
              diesen Host zeigt.
            </p>
          {% endif %}

          <hr>
          <p class="muted fs-sm">
            Kein öffentlicher Name? Dann ein eigenes Zertifikat erzeugen. Browser
            zeigen dafür eine Warnung, die Verbindung ist aber verschlüsselt --
            und das Sitzungscookie darf endlich <span class="mono">Secure</span> tragen.
          </p>
          {% if local_names %}
            <p class="fs-xs faint">
              Wird ausgestellt auf:
              <span class="mono">{{ (config.domain or local_names[0]) }}</span>
              {% if local_names|length > 1 %}
                (zusätzlich {{ local_names[1:] | join(', ') }})
              {% endif %}
            </p>
          {% endif %}
          <form method="post" action="{{ url_for('hostsettings.web_self_signed') }}" data-no-guard>
            <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
            <button class="btn btn--sm" type="submit"
                    {% if license_hint or not sysops_available %}disabled{% endif %}
                    data-busy-label="Erzeuge ..."
                    data-confirm="Ein selbstsigniertes Zertifikat erzeugen und HTTPS aktivieren? Ein bereits vorhandenes selbstsigniertes Zertifikat dieser Installation wird ersetzt."
                    data-confirm-title="Selbstsigniertes Zertifikat"
                    data-confirm-ok="Erzeugen" data-confirm-style="primary">
              {{ icon('shield', size=14) }} Selbstsigniertes Zertifikat erzeugen
            </button>
          </form>
        {% endif %}
      </div>
    </section>

    {% if current_user.has('settings_web.execute') %}
      <section class="card card--accent">
        <div class="card__header">
          <div class="flex-1">
            <div class="card__title">{{ icon('upload', size=17) }} Übernehmen</div>
            <div class="card__sub">Schreiben, <span class="mono">nginx -t</span>, dann neu laden</div>
          </div>
        </div>
        <div class="card__body">
          <form method="post" action="{{ url_for('hostsettings.web_apply') }}" data-no-guard>
            <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
            <button class="btn btn--primary btn--block" type="submit"
                    {% if license_hint or not sysops_available %}disabled{% endif %}
                    data-busy-label="Übernehme ..."
                    data-confirm="Konfiguration schreiben, prüfen und nginx neu laden? Eine fehlerhafte Konfiguration wird vorher abgewiesen."
                    data-confirm-title="nginx übernehmen" data-confirm-ok="Übernehmen"
                    data-confirm-style="primary">
              Konfiguration übernehmen
            </button>
          </form>
        </div>
      </section>
    {% endif %}
  </div>
</div>
{% endblock %}