{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "HTTPD Settings" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header">
        <div>
            <h1 class="eenos-page-title">{% translate "HTTPD Settings" %}</h1>
            <div class="eenos-page-subtitle">{% translate "Configure global Apache HTTPD security, connection, and resource settings." %}</div>
        </div>
    </div>
    <nav class="eenos-breadcrumb" aria-label="{% translate 'Breadcrumb' %}">
        <a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span>{% translate "Web Servers" %}</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <a href="{% url 'httpdsettings' %}">Apache HTTPD</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span class="eenos-breadcrumb-current" aria-current="page">{% translate "Settings" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <form method="post" id="httpdSettingsForm" class="eenos-form">
        {% csrf_token %}
        <div class="eenos-card mb-4">
            <div class="mb-4">
                <div class="eenos-panel-title">{% translate "Security and Server Identity" %}</div>
                <div class="eenos-panel-subtitle">{% translate "Control TLS behavior and the information exposed in HTTP responses." %}</div>
            </div>
            <div class="row g-3">
                <div class="col-12 col-lg-8">
                    <label for="sslprotocol" class="form-label">{% translate "SSL Protocols" %}</label>
                    <input type="text"
                           class="form-control font-monospace"
                           id="sslprotocol"
                           name="sslprotocol"
                           value="{% if settings.sslprotocol %}{{ settings.sslprotocol }}{% else %}all -SSLv2 -SSLv3 -TLSv1 -TLSv1.1{% endif %}"
                           required
                           maxlength="200">
                    <div class="form-text">{% translate "Permit TLS 1.2 or newer and disable obsolete protocols." %}</div>
                </div>
                <div class="col-12 col-lg-4 d-flex align-items-center">
                    <input type="hidden"
                           name="ssl_stapling"
                           id="sslStaplingValue"
                           value="{% if settings.ssl_stapling == 'off' %}off{% else %}on{% endif %}">
                    <div class="form-check form-switch mb-0">
                        <input class="form-check-input setting-switch"
                               type="checkbox"
                               role="switch"
                               id="sslStaplingSwitch"
                               data-value-target="#sslStaplingValue"
                               {% if settings.ssl_stapling != "off" %}checked{% endif %}>
                        <label class="form-check-label fw-semibold" for="sslStaplingSwitch">{% translate "Enable OCSP Stapling" %}</label>
                        <div class="form-text">{% translate "Include certificate-status responses during the TLS handshake." %}</div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="TraceEnable" class="form-label">{% translate "TRACE Requests" %}</label>
                    <select class="form-select" id="TraceEnable" name="TraceEnable">
                        <option value="off" {% if settings.TraceEnable != "on" %}selected{% endif %}>{% translate "Disabled (Recommended)" %}</option>
                        <option value="on" {% if settings.TraceEnable == "on" %}selected{% endif %}>{% translate "Enabled" %}</option>
                    </select>
                </div>
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="ServerSignature" class="form-label">{% translate "Server Signature" %}</label>
                    <select class="form-select" id="ServerSignature" name="ServerSignature">
                        <option value="Off"
                                {% if settings.ServerSignature != "On" and settings.ServerSignature != "EMail" %}selected{% endif %}>{% translate "Off (Recommended)" %}</option>
                        <option value="On"
                                {% if settings.ServerSignature == "On" %}selected{% endif %}>{% translate "On" %}</option>
                        <option value="EMail"
                                {% if settings.ServerSignature == "EMail" %}selected{% endif %}>{% translate "Email" %}</option>
                    </select>
                </div>
                <div class="col-12 col-md-6 col-xl-3"><label for="ServerTokens" class="form-label">{% translate "Server Tokens" %}</label><select class="form-select" id="ServerTokens" name="ServerTokens"><option value="Prod"
        {% if settings.ServerTokens == "Prod" or not settings.ServerTokens %}selected{% endif %}>{% translate "Product Only" %}</option><option value="Major"
        {% if settings.ServerTokens == "Major" %}selected{% endif %}>Major</option><option value="Minor"
        {% if settings.ServerTokens == "Minor" %}selected{% endif %}>Minor</option><option value="Min"
        {% if settings.ServerTokens == "Min" %}selected{% endif %}>Minimal</option><option value="OS" {% if settings.ServerTokens == "OS" %}selected{% endif %}>OS</option><option value="Full"
        {% if settings.ServerTokens == "Full" %}selected{% endif %}>Full</option></select></div>
                <div class="col-12 col-md-6 col-xl-3"><label for="FileETag" class="form-label">{% translate "File ETag" %}</label><select class="form-select" id="FileETag" name="FileETag"><option value="None"
        {% if settings.FileETag == "None" or not settings.FileETag %}selected{% endif %}>None</option><option value="INode"
        {% if settings.FileETag == "INode" %}selected{% endif %}>INode</option><option value="MTime"
        {% if settings.FileETag == "MTime" %}selected{% endif %}>MTime</option><option value="Size" {% if settings.FileETag == "Size" %}selected{% endif %}>Size</option><option value="All" {% if settings.FileETag == "All" %}selected{% endif %}>All</option><option value="Digest"
        {% if settings.FileETag == "Digest" %}selected{% endif %}>Digest</option></select></div>
                <div class="col-12 col-md-6 col-xl-3"><label for="LogLevel" class="form-label">{% translate "Log Level" %}</label><select class="form-select" id="LogLevel" name="LogLevel"><option value="emerg"
        {% if settings.LogLevel == "emerg" %}selected{% endif %}>emerg</option><option value="alert"
        {% if settings.LogLevel == "alert" %}selected{% endif %}>alert</option><option value="crit" {% if settings.LogLevel == "crit" %}selected{% endif %}>crit</option><option value="error"
        {% if settings.LogLevel == "error" %}selected{% endif %}>error</option><option value="warn"
        {% if settings.LogLevel == "warn" or not settings.LogLevel %}selected{% endif %}>warn</option><option value="notice"
        {% if settings.LogLevel == "notice" %}selected{% endif %}>notice</option><option value="info" {% if settings.LogLevel == "info" %}selected{% endif %}>info</option><option value="debug"
        {% if settings.LogLevel == "debug" %}selected{% endif %}>debug</option></select></div>
            </div>
        </div>
        <div class="eenos-card mb-4">
            <div class="mb-4">
                <div class="eenos-panel-title">{% translate "Connection Handling" %}</div>
                <div class="eenos-panel-subtitle">{% translate "Tune persistent connections and request timeouts." %}</div>
            </div>
            <div class="row g-3 align-items-start">
                <div class="col-12 col-md-6 col-xl-3">
                    <div class="form-label">{% translate "Keep-Alive" %}</div>
                    <div class="d-flex gap-4 pt-2">
                        <div class="form-check">
                            <input class="form-check-input"
                                   type="radio"
                                   name="KeepAlive"
                                   id="keepAliveOn"
                                   value="On"
                                   {% if settings.KeepAlive != "Off" %}checked{% endif %}>
                            <label class="form-check-label" for="keepAliveOn">{% translate "On" %}</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input"
                                   type="radio"
                                   name="KeepAlive"
                                   id="keepAliveOff"
                                   value="Off"
                                   {% if settings.KeepAlive == "Off" %}checked{% endif %}>
                            <label class="form-check-label" for="keepAliveOff">{% translate "Off" %}</label>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="KeepAliveTimeout" class="form-label">{% translate "Keep-Alive Timeout" %}</label>
                    <div class="input-group">
                        <input type="number"
                               class="form-control"
                               id="KeepAliveTimeout"
                               name="KeepAliveTimeout"
                               value="{{ settings.KeepAliveTimeout|default:5 }}"
                               min="5"
                               max="20000"
                               required>
                        <span class="input-group-text">{% translate "seconds" %}</span>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="MaxKeepAliveRequests" class="form-label">{% translate "Maximum Keep-Alive Requests" %}</label>
                    <input type="number"
                           class="form-control"
                           id="MaxKeepAliveRequests"
                           name="MaxKeepAliveRequests"
                           value="{{ settings.MaxKeepAliveRequests|default:100 }}"
                           min="0"
                           max="20000"
                           required>
                </div>
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="TimeOut" class="form-label">{% translate "Request Timeout" %}</label>
                    <div class="input-group">
                        <input type="number"
                               class="form-control"
                               id="TimeOut"
                               name="TimeOut"
                               value="{{ settings.TimeOut|default:60 }}"
                               min="1"
                               max="20000"
                               required>
                        <span class="input-group-text">{% translate "seconds" %}</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="eenos-card mb-4">
            <div class="mb-4">
                <div class="eenos-panel-title">{% translate "Process Resource Limits" %}</div>
                <div class="eenos-panel-subtitle">{% translate "Set soft and hard limits applied to processes launched by HTTPD." %}</div>
            </div>
            <div class="row g-4">
                <div class="col-12 col-xl-4">
                    <div class="border rounded p-3 h-100">
                        <div class="d-flex justify-content-between gap-3 mb-3">
                            <div>
                                <div class="fw-semibold">{% translate "CPU Time" %} <span class="text-muted fw-normal">(RLimitCPU)</span></div>
                                <div class="text-muted small">{% translate "Maximum processor time in seconds." %}</div>
                            </div>
                            <div class="form-check form-switch mb-0">
                                <input type="hidden"
                                       name="RLimitCPU"
                                       id="RLimitCPU"
                                       value="{% if settings.RLimitCPU == 'on' %}on{% else %}off{% endif %}">
                                <input type="checkbox"
                                       class="form-check-input resource-limit-switch"
                                       role="switch"
                                       id="cpuSwitch"
                                       data-value-target="#RLimitCPU"
                                       data-fields-target="#cpuLimitFields"
                                       {% if settings.RLimitCPU == "on" %}checked{% endif %}>
                                <label class="form-check-label switch-state-label" for="cpuSwitch">
                                    {% if settings.RLimitCPU == "on" %}
                                        {% translate "Enabled" %}
                                    {% else %}
                                        {% translate "Disabled" %}
                                    {% endif %}
                                </label>
                            </div>
                        </div>
                        <div id="cpuLimitFields"
                             class="row g-2 resource-limit-fields{% if settings.RLimitCPU != 'on' %} d-none{% endif %}">
                            <div class="col-6">
                                <label for="RLimitCPU_min" class="form-label small">{% translate "Soft Limit" %}</label>
                                <input type="number"
                                       class="form-control"
                                       id="RLimitCPU_min"
                                       name="RLimitCPU_min"
                                       value="{{ settings.RLimitCPU_min|default:60 }}"
                                       min="1"
                                       required>
                            </div>
                            <div class="col-6">
                                <label for="RLimitCPU_max" class="form-label small">{% translate "Hard Limit" %}</label>
                                <input type="number"
                                       class="form-control"
                                       id="RLimitCPU_max"
                                       name="RLimitCPU_max"
                                       value="{{ settings.RLimitCPU_max|default:120 }}"
                                       min="1"
                                       required>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-xl-4">
                    <div class="border rounded p-3 h-100">
                        <div class="d-flex justify-content-between gap-3 mb-3">
                            <div>
                                <div class="fw-semibold">{% translate "Memory" %} <span class="text-muted fw-normal">(RLimitMEM)</span></div>
                                <div class="text-muted small">{% translate "Maximum address-space allocation." %}</div>
                            </div>
                            <div class="form-check form-switch mb-0">
                                <input type="hidden"
                                       name="RLimitMEM"
                                       id="RLimitMEM"
                                       value="{% if settings.RLimitMEM == 'on' %}on{% else %}off{% endif %}">
                                <input type="checkbox"
                                       class="form-check-input resource-limit-switch"
                                       role="switch"
                                       id="memSwitch"
                                       data-value-target="#RLimitMEM"
                                       data-fields-target="#memLimitFields"
                                       {% if settings.RLimitMEM == "on" %}checked{% endif %}>
                                <label class="form-check-label switch-state-label" for="memSwitch">
                                    {% if settings.RLimitMEM == "on" %}
                                        {% translate "Enabled" %}
                                    {% else %}
                                        {% translate "Disabled" %}
                                    {% endif %}
                                </label>
                            </div>
                        </div>
                        <div id="memLimitFields"
                             class="row g-2 resource-limit-fields{% if settings.RLimitMEM != 'on' %} d-none{% endif %}">
                            <div class="col-6">
                                <label for="RLimitMEM_min" class="form-label small">{% translate "Soft Limit" %}</label>
                                <input type="number"
                                       class="form-control"
                                       id="RLimitMEM_min"
                                       name="RLimitMEM_min"
                                       value="{{ settings.RLimitMEM_min|default:262144 }}"
                                       min="1"
                                       required>
                            </div>
                            <div class="col-6">
                                <label for="RLimitMEM_max" class="form-label small">{% translate "Hard Limit" %}</label>
                                <input type="number"
                                       class="form-control"
                                       id="RLimitMEM_max"
                                       name="RLimitMEM_max"
                                       value="{{ settings.RLimitMEM_max|default:1048576 }}"
                                       min="1"
                                       required>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-xl-4">
                    <div class="border rounded p-3 h-100">
                        <div class="d-flex justify-content-between gap-3 mb-3">
                            <div>
                                <div class="fw-semibold">{% translate "Processes" %} <span class="text-muted fw-normal">(RLimitNPROC)</span></div>
                                <div class="text-muted small">{% translate "Maximum number of child processes." %}</div>
                            </div>
                            <div class="form-check form-switch mb-0">
                                <input type="hidden"
                                       name="RLimitNPROC"
                                       id="RLimitNPROC"
                                       value="{% if settings.RLimitNPROC == 'on' %}on{% else %}off{% endif %}">
                                <input type="checkbox"
                                       class="form-check-input resource-limit-switch"
                                       role="switch"
                                       id="nprocSwitch"
                                       data-value-target="#RLimitNPROC"
                                       data-fields-target="#nprocLimitFields"
                                       {% if settings.RLimitNPROC == "on" %}checked{% endif %}>
                                <label class="form-check-label switch-state-label" for="nprocSwitch">
                                    {% if settings.RLimitNPROC == "on" %}
                                        {% translate "Enabled" %}
                                    {% else %}
                                        {% translate "Disabled" %}
                                    {% endif %}
                                </label>
                            </div>
                        </div>
                        <div id="nprocLimitFields"
                             class="row g-2 resource-limit-fields{% if settings.RLimitNPROC != 'on' %} d-none{% endif %}">
                            <div class="col-6">
                                <label for="RLimitNPROC_min" class="form-label small">{% translate "Soft Limit" %}</label>
                                <input type="number"
                                       class="form-control"
                                       id="RLimitNPROC_min"
                                       name="RLimitNPROC_min"
                                       value="{{ settings.RLimitNPROC_min|default:100 }}"
                                       min="1"
                                       required>
                            </div>
                            <div class="col-6">
                                <label for="RLimitNPROC_max" class="form-label small">{% translate "Hard Limit" %}</label>
                                <input type="number"
                                       class="form-control"
                                       id="RLimitNPROC_max"
                                       name="RLimitNPROC_max"
                                       value="{{ settings.RLimitNPROC_max|default:512 }}"
                                       min="1"
                                       required>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="eenos-card mb-4">
            <div class="mb-4">
                <div class="eenos-panel-title">{% translate "Content and TLS Defaults" %}</div>
                <div class="eenos-panel-subtitle">{% translate "Configure default index files and the permitted TLS cipher suite." %}</div>
            </div>
            <div class="mb-3"><label for="DirectoryIndex" class="form-label">{% translate "Directory Index Files" %}</label><textarea class="form-control font-monospace"
          id="DirectoryIndex"
          name="DirectoryIndex"
          rows="3"
          required
          maxlength="2000">{% if settings.DirectoryIndex %}{{ settings.DirectoryIndex }}{% else %}index.php,index.php7,index.php5,index.perl,index.pl,index.plx,index.ppl,index.cgi,index.jsp,index.jp,index.phtml,index.shtml,index.xhtml,index.html,index.htm,index.js{% endif %}</textarea><div class="form-text">{% translate "Enter a comma-separated list in lookup order." %}</div></div>
            <div><label for="sslcipher" class="form-label">{% translate "SSL Cipher Suite" %}</label><textarea class="form-control font-monospace"
          id="sslcipher"
          name="sslcipher"
          rows="4"
          required
          maxlength="2000">{% if settings.sslcipher %}{{ settings.sslcipher }}{% else %}ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:ECDHE-RSA-AES128-SHA{% endif %}</textarea></div>
        </div>
        <div class="d-flex flex-wrap gap-2 mb-4">
            <button type="submit" name="savesettings" value="yes" class="btn btn-primary"><i data-lucide="save"></i>{% translate "Save Settings" %}</button>
            <button type="button"
                    class="btn btn-outline-secondary httpd-action"
                    data-form="httpdResetForm"
                    data-title="{% translate 'Reset HTTPD Settings' %}"
                    data-message="{% translate 'Restore the global HTTPD configuration to its default values?' %}"
                    data-confirm="{% translate 'Reset Settings' %}"
                    data-style="btn-warning"><i data-lucide="rotate-ccw"></i>{% translate "Reset Defaults" %}</button>
            <button type="button"
                    class="btn btn-outline-secondary httpd-action"
                    data-form="httpdRebuildForm"
                    data-title="{% translate 'Rebuild Virtual Hosts' %}"
                    data-message="{% translate 'Queue a rebuild of every HTTPD virtual-host configuration?' %}"
                    data-confirm="{% translate 'Rebuild Virtual Hosts' %}"
                    data-style="btn-primary"><i data-lucide="refresh-cw"></i>{% translate "Rebuild Virtual Hosts" %}</button>
            <button type="button"
                    class="btn btn-outline-warning httpd-action"
                    data-form="httpdRestartForm"
                    data-title="{% translate 'Restart HTTPD' %}"
                    data-message="{% translate 'Restart the HTTPD service now? Active connections may be interrupted briefly.' %}"
                    data-confirm="{% translate 'Restart HTTPD' %}"
                    data-style="btn-warning"><i data-lucide="power"></i>{% translate "Restart HTTPD" %}</button>
        </div>
    </form>
    <form method="post" id="httpdResetForm" class="d-none">
        {% csrf_token %}
        <input type="hidden" name="reset" value="yes">
    </form>
    <form method="post" id="httpdRebuildForm" class="d-none">
        {% csrf_token %}
        <input type="hidden" name="rebuildvhosts" value="yes">
    </form>
    <form method="post" id="httpdRestartForm" class="d-none">
        {% csrf_token %}
        <input type="hidden" name="restart" value="yes">
    </form>
    <div class="modal fade"
         id="httpdActionModal"
         tabindex="-1"
         aria-labelledby="httpdActionModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <div>
                        <h5 class="modal-title d-flex align-items-center gap-2"
                            id="httpdActionModalLabel">
                            <i data-lucide="triangle-alert"></i><span id="httpdActionTitle"></span>
                        </h5>
                        <div class="text-muted small mt-1">{% translate "Confirm this server-level operation." %}</div>
                    </div>
                    <button type="button"
                            class="btn-close"
                            data-bs-dismiss="modal"
                            aria-label="{% translate 'Close' %}"></button>
                </div>
                <div class="modal-body">
                    <div class="eenos-notice eenos-notice-warning">
                        <div class="eenos-notice-icon">
                            <i data-lucide="info"></i>
                        </div>
                        <div class="eenos-notice-content">
                            <div class="eenos-notice-text" id="httpdActionMessage"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="btn btn-outline-secondary"
                            data-bs-dismiss="modal">{% translate "Cancel" %}</button><button type="button" class="btn" id="confirmHttpdAction"></button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block extra_js %}
    <script>
      $(function () {
        const syncSwitch = $switch => {
          const enabled = $switch.prop("checked");
          $($switch.data("value-target")).val(enabled ? "on" : "off");
          $switch.siblings(".switch-state-label").text(enabled ? "{% translate 'Enabled' %}" : "{% translate 'Disabled' %}");

          const fieldsTarget = $switch.data("fields-target");
          if (!fieldsTarget) return;

          const $fields = $(fieldsTarget);
          $fields.toggleClass("d-none", !enabled);

          if (!enabled) {
            $fields.find("input").each(function () {
              $(this).parsley().reset();
              $(this).removeClass("is-invalid is-valid");
            });
            $fields.find(".invalid-feedback").hide().empty();
          }
        };

        $(".setting-switch, .resource-limit-switch").each(function () {
          syncSwitch($(this));
        }).on("change", function () {
          syncSwitch($(this));
        });

        let formId = "";
        const modal = bootstrap.Modal.getOrCreateInstance(document.getElementById("httpdActionModal"));
        $(".httpd-action").on("click", function () {
          formId = $(this).data("form");
          $("#httpdActionTitle").text($(this).data("title"));
          $("#httpdActionMessage").text($(this).data("message"));
          $("#confirmHttpdAction").attr("class", "btn " + $(this).data("style")).text($(this).data("confirm"));
          modal.show();
        });
        $("#confirmHttpdAction").on("click", function () {
          if (formId) document.getElementById(formId).submit();
        });
      });
    </script>
{% endblock %}