{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "HTTPD MPM" %} - Eenos{% endblock %}
{% block extra_css %}
    <style>
      .mpm-choice { cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
      .mpm-choice:hover { border-color: var(--eenos-border-dark); transform: translateY(-1px); }
      .mpm-selector:checked + .mpm-choice { border-color: var(--eenos-primary); box-shadow: 0 0 0 3px rgba(255, 139, 0, .10); }
      .mpm-choice-check { color: var(--eenos-primary); opacity: 0; }
      .mpm-selector:checked + .mpm-choice .mpm-choice-check { opacity: 1; }
    </style>
{% endblock %}
{% block content %}
    <div class="eenos-page-header flex-wrap">
        <div>
            <h1 class="eenos-page-title">{% translate "HTTPD MPM" %}</h1>
            <div class="eenos-page-subtitle">{% translate "Tune Apache process and thread handling for the server workload." %}</div>
        </div>
        <div class="d-grid col-12 col-sm-auto"><button type="button"
                class="btn btn-outline-warning btn-sm text-nowrap mpm-action"
                data-form="mpmRestartForm"
                data-title="{% translate 'Restart HTTPD' %}"
                data-message="{% translate 'Restart HTTPD to activate the saved MPM configuration?' %}"
                data-confirm="{% translate 'Restart HTTPD' %}"
                data-style="btn-warning"><i data-lucide="power"></i>{% translate "Restart HTTPD" %}</button></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 "MPM Tuning" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <div class="mb-4">
        <div class="d-flex align-items-end justify-content-between flex-wrap gap-3 mb-3">
            <div>
                <div class="eenos-panel-title">{% translate "Choose a Multiprocessing Module" %}</div>
                <div class="eenos-panel-subtitle">{% translate "Select a processing model to review its configuration." %}</div>
            </div>
            <div class="small text-muted">{% translate "Configured MPM" %}: <span class="badge eenos-badge-primary text-uppercase">{{ settings.mpm|default:"prefork" }}</span></div>
        </div>
        <div class="row g-3"
             role="radiogroup"
             aria-label="{% translate 'Select MPM' %}">
            <div class="col-12 col-md-4">
                <input type="radio"
                       class="btn-check mpm-selector"
                       name="mpmSelector"
                       id="selectPrefork"
                       value="prefork"
                       {% if settings.mpm != "worker" and settings.mpm != "event" %}checked{% endif %}>
                <label class="eenos-card mpm-choice h-100 d-block" for="selectPrefork">
                    <span class="d-flex align-items-start justify-content-between gap-3 mb-3"><span class="eenos-modal-info-icon"><i data-lucide="layers-3"></i></span><i data-lucide="circle-check" class="mpm-choice-check"></i></span>
                    <span class="d-block fw-bold mb-1">{% translate "Prefork" %}</span>
                    <span class="d-block text-muted small">{% translate "One request per process. Best compatibility for non-thread-safe modules." %}</span>
                </label>
            </div>
            <div class="col-12 col-md-4">
                <input type="radio"
                       class="btn-check mpm-selector"
                       name="mpmSelector"
                       id="selectWorker"
                       value="worker"
                       {% if settings.mpm == "worker" %}checked{% endif %}>
                <label class="eenos-card mpm-choice h-100 d-block" for="selectWorker">
                    <span class="d-flex align-items-start justify-content-between gap-3 mb-3"><span class="eenos-modal-info-icon"><i data-lucide="waypoints"></i></span><i data-lucide="circle-check" class="mpm-choice-check"></i></span>
                    <span class="d-block fw-bold mb-1">{% translate "Worker" %}</span>
                    <span class="d-block text-muted small">{% translate "Processes with multiple threads for efficient concurrent requests." %}</span>
                </label>
            </div>
            <div class="col-12 col-md-4">
                <input type="radio"
                       class="btn-check mpm-selector"
                       name="mpmSelector"
                       id="selectEvent"
                       value="event"
                       {% if settings.mpm == "event" %}checked{% endif %}>
                <label class="eenos-card mpm-choice h-100 d-block" for="selectEvent">
                    <span class="d-flex align-items-start justify-content-between gap-3 mb-3"><span class="eenos-modal-info-icon"><i data-lucide="zap"></i></span><i data-lucide="circle-check" class="mpm-choice-check"></i></span>
                    <span class="d-block fw-bold mb-1">{% translate "Event" %}</span>
                    <span class="d-block text-muted small">{% translate "Modern threaded model optimized for keep-alive connections." %}</span>
                </label>
            </div>
        </div>
    </div>
    <div id="mpm-prefork" class="mpm-section">
        <form method="post" class="eenos-form">
            {% csrf_token %}
            <input type="hidden" name="mpm" value="prefork">
            <div class="eenos-card mb-3">
                <div class="d-flex align-items-start justify-content-between gap-3 mb-4">
                    <div>
                        <div class="eenos-panel-title">{% translate "Prefork Configuration" %}</div>
                        <div class="eenos-panel-subtitle">{% translate "Tune process startup, idle capacity, and recycling thresholds." %}</div>
                    </div>
                    <span class="badge eenos-badge-neutral">mpm_prefork</span>
                </div>
                <div class="eenos-notice eenos-notice-warning mb-4">
                    <div class="eenos-notice-icon">
                        <i data-lucide="info"></i>
                    </div>
                    <div class="eenos-notice-content">
                        <div class="eenos-notice-title">{% translate "Compatibility-oriented processing" %}</div>
                        <div class="eenos-notice-text">{% translate "Prefork uses separate processes without worker threads and generally consumes more memory under concurrency." %}</div>
                    </div>
                </div>
                <div class="row g-3">
                    <div class="col-12 col-md-6 col-xl">
                        <label for="preforkStartServers" class="form-label">{% translate "Start Servers" %}</label>
                        <input type="number"
                               class="form-control"
                               id="preforkStartServers"
                               name="StartServers"
                               value="{{ settings.prefork.StartServers|default:5 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl">
                        <label for="preforkMinSpare" class="form-label">{% translate "Minimum Spare Servers" %}</label>
                        <input type="number"
                               class="form-control"
                               id="preforkMinSpare"
                               name="MinSpareServers"
                               value="{{ settings.prefork.MinSpareServers|default:5 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl">
                        <label for="preforkMaxSpare" class="form-label">{% translate "Maximum Spare Servers" %}</label>
                        <input type="number"
                               class="form-control"
                               id="preforkMaxSpare"
                               name="MaxSpareServers"
                               value="{{ settings.prefork.MaxSpareServers|default:10 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl">
                        <label for="preforkWorkers" class="form-label">{% translate "Maximum Request Workers" %}</label>
                        <input type="number"
                               class="form-control"
                               id="preforkWorkers"
                               name="MaxRequestWorkers"
                               value="{{ settings.prefork.MaxRequestWorkers|default:250 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl">
                        <label for="preforkConnections" class="form-label">{% translate "Connections per Child" %}</label>
                        <input type="number"
                               class="form-control"
                               id="preforkConnections"
                               name="MaxConnectionsPerChild"
                               value="{{ settings.prefork.MaxConnectionsPerChild|default:0 }}"
                               min="0"
                               required>
                        <div class="form-text">{% translate "Use 0 for unlimited." %}</div>
                    </div>
                </div>
            </div>
            <div class="d-flex gap-2 mb-4">
                <button type="submit"
                        name="savesettings_prefork"
                        value="yes"
                        class="btn btn-primary"><i data-lucide="save"></i>{% translate "Save Prefork Settings" %}</button><button type="button"
        class="btn btn-outline-secondary mpm-action"
        data-form="resetPreforkForm"
        data-title="{% translate 'Reset Prefork Settings' %}"
        data-message="{% translate 'Restore the Prefork MPM settings to their defaults?' %}"
        data-confirm="{% translate 'Reset Prefork' %}"
        data-style="btn-warning"><i data-lucide="rotate-ccw"></i>{% translate "Reset Defaults" %}</button>
            </div>
        </form>
    </div>
    <div id="mpm-worker" class="mpm-section">
        <form method="post" class="eenos-form">
            {% csrf_token %}
            <input type="hidden" name="mpm" value="worker">
            <div class="eenos-card mb-3">
                <div class="d-flex align-items-start justify-content-between gap-3 mb-4">
                    <div>
                        <div class="eenos-panel-title">{% translate "Worker Configuration" %}</div>
                        <div class="eenos-panel-subtitle">{% translate "Balance server processes, spare threads, and request capacity." %}</div>
                    </div>
                    <span class="badge eenos-badge-neutral">mpm_worker</span>
                </div>
                <div class="eenos-notice eenos-notice-info mb-4">
                    <div class="eenos-notice-icon">
                        <i data-lucide="info"></i>
                    </div>
                    <div class="eenos-notice-content">
                        <div class="eenos-notice-title">{% translate "Threaded request processing" %}</div>
                        <div class="eenos-notice-text">{% translate "Worker serves multiple connections per process through threads, reducing memory use compared with Prefork." %}</div>
                    </div>
                </div>
                <div class="row g-3">
                    <div class="col-12 col-md-6 col-xl-4">
                        <label for="workerStartServers" class="form-label">{% translate "Start Servers" %}</label>
                        <input type="number"
                               class="form-control"
                               id="workerStartServers"
                               name="StartServers"
                               value="{{ settings.worker.StartServers|default:3 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl-4">
                        <label for="workerMinSpare" class="form-label">{% translate "Minimum Spare Threads" %}</label>
                        <input type="number"
                               class="form-control"
                               id="workerMinSpare"
                               name="MinSpareThreads"
                               value="{{ settings.worker.MinSpareThreads|default:75 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl-4">
                        <label for="workerMaxSpare" class="form-label">{% translate "Maximum Spare Threads" %}</label>
                        <input type="number"
                               class="form-control"
                               id="workerMaxSpare"
                               name="MaxSpareThreads"
                               value="{{ settings.worker.MaxSpareThreads|default:250 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl-4">
                        <label for="workerThreads" class="form-label">{% translate "Threads per Child" %}</label>
                        <input type="number"
                               class="form-control"
                               id="workerThreads"
                               name="ThreadsPerChild"
                               value="{{ settings.worker.ThreadsPerChild|default:25 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl-4">
                        <label for="workerWorkers" class="form-label">{% translate "Maximum Request Workers" %}</label>
                        <input type="number"
                               class="form-control"
                               id="workerWorkers"
                               name="MaxRequestWorkers"
                               value="{{ settings.worker.MaxRequestWorkers|default:400 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl-4">
                        <label for="workerConnections" class="form-label">{% translate "Connections per Child" %}</label>
                        <input type="number"
                               class="form-control"
                               id="workerConnections"
                               name="MaxConnectionsPerChild"
                               value="{{ settings.worker.MaxConnectionsPerChild|default:0 }}"
                               min="0"
                               required>
                        <div class="form-text">{% translate "Use 0 for unlimited." %}</div>
                    </div>
                </div>
            </div>
            <div class="d-flex gap-2 mb-4">
                <button type="submit"
                        name="savesettings_worker"
                        value="yes"
                        class="btn btn-primary"><i data-lucide="save"></i>{% translate "Save Worker Settings" %}</button><button type="button"
        class="btn btn-outline-secondary mpm-action"
        data-form="resetWorkerForm"
        data-title="{% translate 'Reset Worker Settings' %}"
        data-message="{% translate 'Restore the Worker MPM settings to their defaults?' %}"
        data-confirm="{% translate 'Reset Worker' %}"
        data-style="btn-warning"><i data-lucide="rotate-ccw"></i>{% translate "Reset Defaults" %}</button>
            </div>
        </form>
    </div>
    <div id="mpm-event" class="mpm-section">
        <form method="post" class="eenos-form">
            {% csrf_token %}
            <input type="hidden" name="mpm" value="event">
            <div class="eenos-card mb-3">
                <div class="d-flex align-items-start justify-content-between gap-3 mb-4">
                    <div>
                        <div class="eenos-panel-title">{% translate "Event Configuration" %}</div>
                        <div class="eenos-panel-subtitle">{% translate "Tune threaded capacity for event-driven connection handling." %}</div>
                    </div>
                    <span class="badge eenos-badge-neutral">mpm_event</span>
                </div>
                <div class="eenos-notice eenos-notice-info mb-4">
                    <div class="eenos-notice-icon">
                        <i data-lucide="info"></i>
                    </div>
                    <div class="eenos-notice-content">
                        <div class="eenos-notice-title">{% translate "Optimized keep-alive handling" %}</div>
                        <div class="eenos-notice-text">{% translate "Event frees worker threads from idle keep-alive connections and is well suited to modern traffic patterns." %}</div>
                    </div>
                </div>
                <div class="row g-3">
                    <div class="col-12 col-md-6 col-xl-4">
                        <label for="eventStartServers" class="form-label">{% translate "Start Servers" %}</label>
                        <input type="number"
                               class="form-control"
                               id="eventStartServers"
                               name="StartServers"
                               value="{{ settings.event.StartServers|default:3 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl-4">
                        <label for="eventMinSpare" class="form-label">{% translate "Minimum Spare Threads" %}</label>
                        <input type="number"
                               class="form-control"
                               id="eventMinSpare"
                               name="MinSpareThreads"
                               value="{{ settings.event.MinSpareThreads|default:75 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl-4">
                        <label for="eventMaxSpare" class="form-label">{% translate "Maximum Spare Threads" %}</label>
                        <input type="number"
                               class="form-control"
                               id="eventMaxSpare"
                               name="MaxSpareThreads"
                               value="{{ settings.event.MaxSpareThreads|default:250 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl-4">
                        <label for="eventThreads" class="form-label">{% translate "Threads per Child" %}</label>
                        <input type="number"
                               class="form-control"
                               id="eventThreads"
                               name="ThreadsPerChild"
                               value="{{ settings.event.ThreadsPerChild|default:25 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl-4">
                        <label for="eventWorkers" class="form-label">{% translate "Maximum Request Workers" %}</label>
                        <input type="number"
                               class="form-control"
                               id="eventWorkers"
                               name="MaxRequestWorkers"
                               value="{{ settings.event.MaxRequestWorkers|default:400 }}"
                               min="1"
                               required>
                    </div>
                    <div class="col-12 col-md-6 col-xl-4">
                        <label for="eventConnections" class="form-label">{% translate "Connections per Child" %}</label>
                        <input type="number"
                               class="form-control"
                               id="eventConnections"
                               name="MaxConnectionsPerChild"
                               value="{{ settings.event.MaxConnectionsPerChild|default:0 }}"
                               min="0"
                               required>
                        <div class="form-text">{% translate "Use 0 for unlimited." %}</div>
                    </div>
                </div>
            </div>
            <div class="d-flex gap-2 mb-4">
                <button type="submit"
                        name="savesettings_event"
                        value="yes"
                        class="btn btn-primary"><i data-lucide="save"></i>{% translate "Save Event Settings" %}</button><button type="button"
        class="btn btn-outline-secondary mpm-action"
        data-form="resetEventForm"
        data-title="{% translate 'Reset Event Settings' %}"
        data-message="{% translate 'Restore the Event MPM settings to their defaults?' %}"
        data-confirm="{% translate 'Reset Event' %}"
        data-style="btn-warning"><i data-lucide="rotate-ccw"></i>{% translate "Reset Defaults" %}</button>
            </div>
        </form>
    </div>
    <form method="post" id="resetPreforkForm" class="d-none">
        {% csrf_token %}
        <input type="hidden" name="reset_prefork" value="yes">
    </form>
    <form method="post" id="resetWorkerForm" class="d-none">
        {% csrf_token %}
        <input type="hidden" name="reset_worker" value="yes">
    </form>
    <form method="post" id="resetEventForm" class="d-none">
        {% csrf_token %}
        <input type="hidden" name="reset_event" value="yes">
    </form>
    <form method="post" id="mpmRestartForm" class="d-none">
        {% csrf_token %}
        <input type="hidden" name="restart" value="yes">
    </form>
    <div class="modal fade"
         id="mpmActionModal"
         tabindex="-1"
         aria-labelledby="mpmActionModalLabel"
         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="mpmActionModalLabel">
                            <i data-lucide="triangle-alert"></i><span id="mpmActionTitle"></span>
                        </h5>
                        <div class="text-muted small mt-1">{% translate "Confirm this HTTPD 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="mpmActionMessage"></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="confirmMpmAction"></button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block extra_js %}<script>$(function(){const showSection=value=>{$(".mpm-section").addClass("d-none");$("#mpm-"+value).removeClass("d-none");};showSection($(".mpm-selector:checked").val());$(".mpm-selector").on("change",function(){showSection(this.value);});let formId="";const modal=bootstrap.Modal.getOrCreateInstance(document.getElementById("mpmActionModal"));$(".mpm-action").on("click",function(){formId=$(this).data("form");$("#mpmActionTitle").text($(this).data("title"));$("#mpmActionMessage").text($(this).data("message"));$("#confirmMpmAction").attr("class","btn "+$(this).data("style")).text($(this).data("confirm"));modal.show();});$("#confirmMpmAction").on("click",function(){if(formId)document.getElementById(formId).submit();});});</script>{% endblock %}