{% load i18n %}
<div class="eenos-card mb-4">
    <div class="mb-4">
        <div class="eenos-panel-title">{% translate "General and Connection Settings" %}</div>
        <div class="eenos-panel-subtitle">{% translate "Choose the application profile and configure client connection behavior." %}</div>
    </div>
    <div class="row g-3">
        <div class="col-12 col-lg-6">
            <label for="template" class="form-label">{% translate "Application Template" %}</label>
            <select class="form-select"
                    name="template"
                    id="template"
                    required
                    data-parsley-required-message="{% translate 'Please select an application template.' %}">
                {% if domain_settings %}{% for app in apps %}<option value="{{ app }}"
        {% if app == settings.template %}selected{% endif %}>{{ app }}</option>{% endfor %}{% else %}<option value="hybrid"
        {% if settings.template == "hybrid" %}selected{% endif %}>Hybrid</option><option value="proxy"
        {% if settings.template == "proxy" %}selected{% endif %}>Proxy</option><option value="nginx"
        {% if settings.template == "nginx" %}selected{% endif %}>Nginx</option>{% endif %}
            </select>
        </div>
        <div class="col-12 col-lg-6">
            <label for="sslprotocol" class="form-label">{% translate "SSL Protocols" %}</label>
            <input class="form-control font-monospace"
                   id="sslprotocol"
                   name="sslprotocol"
                   value="{{ settings.sslprotocol|default:'TLSv1.3 TLSv1.2' }}"
                   maxlength="200"
                   required
                   data-parsley-required-message="{% translate 'Please enter at least one SSL protocol.' %}">
        </div>
        <div class="col-12 col-md-6 col-xl-3">
            <label for="client_max_body_size" class="form-label">{% translate "Maximum Request Body" %}</label>
            <input class="form-control"
                   id="client_max_body_size"
                   name="client_max_body_size"
                   value="{{ settings.client_max_body_size|default:'2000m' }}"
                   pattern="^[0-9]+m$"
                   required
                   data-parsley-pattern-message="{% translate 'Enter a size in megabytes ending with m, for example 2000m.' %}">
        </div>
        <div class="col-12 col-md-6 col-xl-3">
            <label for="client_body_buffer_size" class="form-label">{% translate "Request Body Buffer" %}</label>
            <input class="form-control"
                   id="client_body_buffer_size"
                   name="client_body_buffer_size"
                   value="{{ settings.client_body_buffer_size|default:'512k' }}"
                   pattern="^[0-9]+k$"
                   required
                   data-parsley-pattern-message="{% translate 'Enter a size in kilobytes ending with k, for example 512k.' %}">
        </div>
        <div class="col-12 col-md-6 col-xl-3">
            <label for="keepalive_requests" class="form-label">{% translate "Keep-Alive Requests" %}</label>
            <input type="number"
                   class="form-control"
                   id="keepalive_requests"
                   name="keepalive_requests"
                   value="{{ settings.keepalive_requests|default:100 }}"
                   min="1"
                   max="20000"
                   required
                   data-parsley-required-message="{% translate 'Please enter the maximum keep-alive requests.' %}">
        </div>
        <div class="col-12 col-md-6 col-xl-3">
            <label for="keepalive_timeout" class="form-label">{% translate "Keep-Alive Timeout" %}</label>
            <input class="form-control"
                   id="keepalive_timeout"
                   name="keepalive_timeout"
                   value="{{ settings.keepalive_timeout|default:'60s' }}"
                   pattern="^[0-9]+s$"
                   required
                   data-parsley-pattern-message="{% translate 'Enter a timeout in seconds ending with s, for example 60s.' %}">
        </div>
    </div>
    <div class="row g-3 mt-1">
        <div class="col-12 col-sm-6 col-xl-3"><input type="hidden"
       name="http2"
       id="http2Value"
       value="{% if settings.http2 == 'on' %}on{% else %}off{% endif %}"><div class="form-check form-switch"><input class="form-check-input nginx-setting-switch"
       type="checkbox"
       id="http2Switch"
       data-value-target="#http2Value"
       {% if settings.http2 == "on" %}checked{% endif %}><label class="form-check-label" for="http2Switch">HTTP/2</label></div></div>
        <div class="col-12 col-sm-6 col-xl-3"><input type="hidden"
       name="http3"
       id="http3Value"
       value="{% if settings.http3 == 'on' %}on{% else %}off{% endif %}"><div class="form-check form-switch"><input class="form-check-input nginx-setting-switch"
       type="checkbox"
       id="http3Switch"
       data-value-target="#http3Value"
       {% if settings.http3 == "on" %}checked{% endif %}><label class="form-check-label" for="http3Switch">HTTP/3</label></div></div>
        <div class="col-12 col-sm-6 col-xl-3"><input type="hidden"
       name="hsts"
       id="hstsValue"
       value="{% if settings.hsts == 'on' %}on{% else %}off{% endif %}"><div class="form-check form-switch"><input class="form-check-input nginx-setting-switch"
       type="checkbox"
       id="hstsSwitch"
       data-value-target="#hstsValue"
       {% if settings.hsts == "on" %}checked{% endif %}><label class="form-check-label" for="hstsSwitch">HSTS</label></div></div>
        <div class="col-12 col-sm-6 col-xl-3"><input type="hidden"
       name="userdir"
       id="userdirValue"
       value="{% if settings.userdir == 'on' %}on{% else %}off{% endif %}"><div class="form-check form-switch"><input class="form-check-input nginx-setting-switch"
       type="checkbox"
       id="userdirSwitch"
       data-value-target="#userdirValue"
       {% if settings.userdir == "on" %}checked{% endif %}><label class="form-check-label" for="userdirSwitch">UserDir</label></div></div>
        <div class="col-12 col-sm-6 col-xl-3">
            <input type="hidden"
                   name="dirlist"
                   id="dirlistValue"
                   value="{% if settings.dirlist == 'on' %}on{% else %}off{% endif %}">
            <div class="form-check form-switch">
                <input class="form-check-input nginx-setting-switch"
                       type="checkbox"
                       id="dirlistSwitch"
                       data-value-target="#dirlistValue"
                       {% if settings.dirlist == "on" %}checked{% endif %}>
                <label class="form-check-label" for="dirlistSwitch">{% translate "Directory Listing" %}</label>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-xl-3"><input type="hidden"
       name="pseudoflv"
       id="pseudoflvValue"
       value="{% if settings.pseudoflv == 'on' %}on{% else %}off{% endif %}"><div class="form-check form-switch"><input class="form-check-input nginx-setting-switch"
       type="checkbox"
       id="pseudoflvSwitch"
       data-value-target="#pseudoflvValue"
       {% if settings.pseudoflv == "on" %}checked{% endif %}><label class="form-check-label" for="pseudoflvSwitch">Pseudo FLV</label></div></div>
        <div class="col-12 col-sm-6 col-xl-3"><input type="hidden"
       name="pseudomp4"
       id="pseudomp4Value"
       value="{% if settings.pseudomp4 == 'on' %}on{% else %}off{% endif %}"><div class="form-check form-switch"><input class="form-check-input nginx-setting-switch"
       type="checkbox"
       id="pseudomp4Switch"
       data-value-target="#pseudomp4Value"
       {% if settings.pseudomp4 == "on" %}checked{% endif %}><label class="form-check-label" for="pseudomp4Switch">Pseudo MP4</label></div></div>
        <div class="col-12 col-sm-6 col-xl-3">
            <input type="hidden"
                   name="access_log_buffering"
                   id="accessLogBufferingValue"
                   value="{% if settings.access_log_buffering == 'on' %}on{% else %}off{% endif %}">
            <div class="form-check form-switch">
                <input class="form-check-input nginx-setting-switch"
                       type="checkbox"
                       id="accessLogBufferingSwitch"
                       data-value-target="#accessLogBufferingValue"
                       {% if settings.access_log_buffering == "on" %}checked{% endif %}>
                <label class="form-check-label" for="accessLogBufferingSwitch">{% translate "Access Log Buffering" %}</label>
            </div>
        </div>
    </div>
</div>
<div class="eenos-card mb-4">
    <div class="mb-4">
        <div class="eenos-panel-title">{% translate "Reverse Proxy" %}</div>
        <div class="eenos-panel-subtitle">{% translate "Configure upstream timeouts, buffers, and connection headers." %}</div>
    </div>
    <div class="row g-3">
        <div class="col-12 col-sm-6 col-xl-3">
            <input type="hidden"
                   name="proxy_buffering"
                   id="proxyBufferingValue"
                   value="{% if settings.proxy_buffering == 'on' %}on{% else %}off{% endif %}">
            <div class="form-check form-switch pt-2">
                <input class="form-check-input nginx-setting-switch"
                       type="checkbox"
                       id="proxyBufferingSwitch"
                       data-value-target="#proxyBufferingValue"
                       {% if settings.proxy_buffering == "on" %}checked{% endif %}>
                <label class="form-check-label" for="proxyBufferingSwitch">{% translate "Proxy Buffering" %}</label>
            </div>
        </div>
        <div class="col-12 col-md-6 col-xl-3"><label for="proxy_http_version" class="form-label">{% translate "Proxy HTTP Version" %}</label><select class="form-select" name="proxy_http_version" id="proxy_http_version"><option value="1.1"
        {% if settings.proxy_http_version == "1.1" %}selected{% endif %}>1.1 ({% translate "Recommended" %})</option><option value="1.0"
        {% if settings.proxy_http_version == "1.0" %}selected{% endif %}>1.0</option></select></div>
        <div class="col-12 col-sm-6 col-xl-3">
            <input type="hidden"
                   name="proxy_set_header_connection"
                   id="proxyHeaderValue"
                   value="{% if settings.proxy_set_header_connection == 'on' %}on{% else %}off{% endif %}">
            <div class="form-check form-switch pt-2">
                <input class="form-check-input nginx-setting-switch"
                       type="checkbox"
                       id="proxyHeaderSwitch"
                       data-value-target="#proxyHeaderValue"
                       {% if settings.proxy_set_header_connection == "on" %}checked{% endif %}>
                <label class="form-check-label" for="proxyHeaderSwitch">{% translate "Connection Header" %}</label>
            </div>
        </div>
        <div class="col-12 col-md-6 col-xl-3">
            <label for="proxy_connect_timeout" class="form-label">{% translate "Connect Timeout" %}</label>
            <input class="form-control"
                   id="proxy_connect_timeout"
                   name="proxy_connect_timeout"
                   value="{{ settings.proxy_connect_timeout|default:'300s' }}"
                   pattern="^[0-9]+s$"
                   required>
        </div>
        <div class="col-12 col-md-6 col-xl-3">
            <label for="proxy_send_timeout" class="form-label">{% translate "Send Timeout" %}</label>
            <input class="form-control"
                   id="proxy_send_timeout"
                   name="proxy_send_timeout"
                   value="{{ settings.proxy_send_timeout|default:'300s' }}"
                   pattern="^[0-9]+s$"
                   required>
        </div>
        <div class="col-12 col-md-6 col-xl-3">
            <label for="proxy_read_timeout" class="form-label">{% translate "Read Timeout" %}</label>
            <input class="form-control"
                   id="proxy_read_timeout"
                   name="proxy_read_timeout"
                   value="{{ settings.proxy_read_timeout|default:'300s' }}"
                   pattern="^[0-9]+s$"
                   required>
        </div>
        <div class="col-12 col-md-6 col-xl-3">
            <label for="proxy_buffer_size" class="form-label">{% translate "Header Buffer" %}</label>
            <input class="form-control"
                   id="proxy_buffer_size"
                   name="proxy_buffer_size"
                   value="{{ settings.proxy_buffer_size|default:'64k' }}"
                   pattern="^[0-9]+k$"
                   required>
        </div>
        <div class="col-12 col-md-6 col-xl-3">
            <label for="proxy_buffers_num" class="form-label">{% translate "Buffer Count" %}</label>
            <input type="number"
                   class="form-control"
                   id="proxy_buffers_num"
                   name="proxy_buffers_num"
                   value="{{ settings.proxy_buffers_num|default:32 }}"
                   min="1"
                   max="20000"
                   required>
        </div>
        <div class="col-12 col-md-6 col-xl-3">
            <label for="proxy_buffers_size" class="form-label">{% translate "Buffer Size" %}</label>
            <input class="form-control"
                   id="proxy_buffers_size"
                   name="proxy_buffers_size"
                   value="{{ settings.proxy_buffers_size|default:'64k' }}"
                   pattern="^[0-9]+k$"
                   required>
        </div>
        <div class="col-12 col-md-6 col-xl-3">
            <label for="proxy_busy_buffers_size" class="form-label">{% translate "Busy Buffer Size" %}</label>
            <input class="form-control"
                   id="proxy_busy_buffers_size"
                   name="proxy_busy_buffers_size"
                   value="{{ settings.proxy_busy_buffers_size|default:'128k' }}"
                   pattern="^[0-9]+k$"
                   required>
        </div>
        <div class="col-12 col-md-6 col-xl-3">
            <label for="proxy_temp_file_write_size" class="form-label">{% translate "Temporary File Write Size" %}</label>
            <input class="form-control"
                   id="proxy_temp_file_write_size"
                   name="proxy_temp_file_write_size"
                   value="{{ settings.proxy_temp_file_write_size|default:'128k' }}"
                   pattern="^[0-9]+k$"
                   required>
        </div>
    </div>
</div>
<div class="row g-4 mb-4">
    <div class="col-12 col-xl-6">
        <div class="eenos-card h-100">
            <div class="mb-4">
                <div class="eenos-panel-title">{% translate "TLS and Request Security" %}</div>
                <div class="eenos-panel-subtitle">{% translate "Enable transport and request filtering protections." %}</div>
            </div>
            <div class="row g-3">
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="ssl_stapling"
                           id="sslStaplingValue"
                           value="{% if settings.ssl_stapling == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="sslStaplingSwitch"
                               data-value-target="#sslStaplingValue"
                               {% if settings.ssl_stapling == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="sslStaplingSwitch">{% translate "OCSP Stapling" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="ssl_prefer_server_ciphers"
                           id="preferCiphersValue"
                           value="{% if settings.ssl_prefer_server_ciphers == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="preferCiphersSwitch"
                               data-value-target="#preferCiphersValue"
                               {% if settings.ssl_prefer_server_ciphers == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="preferCiphersSwitch">{% translate "Prefer Server Ciphers" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="hotlink"
                           id="hotlinkValue"
                           value="{% if settings.hotlink == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="hotlinkSwitch"
                               data-value-target="#hotlinkValue"
                               {% if settings.hotlink == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="hotlinkSwitch">{% translate "Hotlink Protection" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6"><input type="hidden"
       name="modsec"
       id="modsecValue"
       value="{% if settings.modsec == 'on' %}on{% else %}off{% endif %}"><div class="form-check form-switch"><input class="form-check-input nginx-setting-switch"
       type="checkbox"
       id="modsecSwitch"
       data-value-target="#modsecValue"
       {% if settings.modsec == "on" %}checked{% endif %}><label class="form-check-label" for="modsecSwitch">ModSecurity</label></div></div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="range_protection"
                           id="rangeProtectionValue"
                           value="{% if settings.range_protection == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="rangeProtectionSwitch"
                               data-value-target="#rangeProtectionValue"
                               {% if settings.range_protection == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="rangeProtectionSwitch">{% translate "Range Protection" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="limitmethod"
                           id="limitMethodValue"
                           value="{% if settings.limitmethod == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="limitMethodSwitch"
                               data-value-target="#limitMethodValue"
                               {% if settings.limitmethod == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="limitMethodSwitch">{% translate "Method Restriction" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="useragent"
                           id="userAgentValue"
                           value="{% if settings.useragent == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="userAgentSwitch"
                               data-value-target="#userAgentValue"
                               {% if settings.useragent == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="userAgentSwitch">{% translate "User-Agent Filtering" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="scanner"
                           id="scannerValue"
                           value="{% if settings.scanner == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="scannerSwitch"
                               data-value-target="#scannerValue"
                               {% if settings.scanner == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="scannerSwitch">{% translate "Scanner Protection" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="xss"
                           id="xssValue"
                           value="{% if settings.xss == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="xssSwitch"
                               data-value-target="#xssValue"
                               {% if settings.xss == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="xssSwitch">{% translate "XSS Protection" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="xframe"
                           id="xframeValue"
                           value="{% if settings.xframe == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="xframeSwitch"
                               data-value-target="#xframeValue"
                               {% if settings.xframe == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="xframeSwitch">{% translate "Clickjacking Protection" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="sql_injection"
                           id="sqlInjectionValue"
                           value="{% if settings.sql_injection == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="sqlInjectionSwitch"
                               data-value-target="#sqlInjectionValue"
                               {% if settings.sql_injection == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="sqlInjectionSwitch">{% translate "SQL Injection Protection" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="file_injection"
                           id="fileInjectionValue"
                           value="{% if settings.file_injection == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="fileInjectionSwitch"
                               data-value-target="#fileInjectionValue"
                               {% if settings.file_injection == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="fileInjectionSwitch">{% translate "File Injection Protection" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="cep"
                           id="cepValue"
                           value="{% if settings.cep == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="cepSwitch"
                               data-value-target="#cepValue"
                               {% if settings.cep == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="cepSwitch">{% translate "Cookie Exploit Protection" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="refspam"
                           id="refspamValue"
                           value="{% if settings.refspam == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="refspamSwitch"
                               data-value-target="#refspamValue"
                               {% if settings.refspam == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="refspamSwitch">{% translate "Referrer Spam Protection" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6">
                    <input type="hidden"
                           name="symlink_protect"
                           id="symlinkValue"
                           value="{% if settings.symlink_protect == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="symlinkSwitch"
                               data-value-target="#symlinkValue"
                               {% if settings.symlink_protect == "on" %}checked{% endif %}>
                        <label class="form-check-label" for="symlinkSwitch">{% translate "Symlink Protection" %}</label>
                    </div>
                </div>
                <div class="col-12 col-sm-6"><input type="hidden"
       name="xmlrpc"
       id="xmlrpcValue"
       value="{% if settings.xmlrpc == 'on' %}on{% else %}off{% endif %}"><div class="form-check form-switch"><input class="form-check-input nginx-setting-switch"
       type="checkbox"
       id="xmlrpcSwitch"
       data-value-target="#xmlrpcValue"
       {% if settings.xmlrpc == "on" %}checked{% endif %}><label class="form-check-label" for="xmlrpcSwitch">XML-RPC {% translate "Protection" %}</label></div></div>
            </div>
        </div>
    </div>
    <div class="col-12 col-xl-6">
        <div class="eenos-card h-100">
            <div class="mb-4">
                <div class="eenos-panel-title">{% translate "Traffic and Timeout Protection" %}</div>
                <div class="eenos-panel-subtitle">{% translate "Limit abusive connections and slow requests." %}</div>
            </div>
            <div class="row g-3">
                <div class="col-12">
                    <input type="hidden"
                           name="limit_connection"
                           id="limitConnectionValue"
                           value="{% if settings.limit_connection == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="limitConnectionSwitch"
                               data-value-target="#limitConnectionValue"
                               {% if settings.limit_connection == "on" %}checked{% endif %}>
                        <label class="form-check-label fw-semibold" for="limitConnectionSwitch">{% translate "Connection Limits" %}</label>
                    </div>
                </div>
                <div class="col-6">
                    <label for="limit_connection_perip" class="form-label">{% translate "Per IP" %}</label>
                    <input type="number"
                           class="form-control"
                           id="limit_connection_perip"
                           name="limit_connection_perip"
                           value="{{ settings.limit_connection_perip|default:10 }}"
                           min="1"
                           max="20000"
                           required>
                </div>
                <div class="col-6">
                    <label for="limit_connection_perdomain" class="form-label">{% translate "Per Domain" %}</label>
                    <input type="number"
                           class="form-control"
                           id="limit_connection_perdomain"
                           name="limit_connection_perdomain"
                           value="{{ settings.limit_connection_perdomain|default:100 }}"
                           min="1"
                           max="20000"
                           required>
                </div>
                <div class="col-12 mt-4">
                    <input type="hidden"
                           name="request_module"
                           id="requestModuleValue"
                           value="{% if settings.request_module == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="requestModuleSwitch"
                               data-value-target="#requestModuleValue"
                               {% if settings.request_module == "on" %}checked{% endif %}>
                        <label class="form-check-label fw-semibold" for="requestModuleSwitch">{% translate "Request Limits" %}</label>
                    </div>
                </div>
                <div class="col-6">
                    <label for="request_module_perip" class="form-label">{% translate "Per IP" %}</label>
                    <input type="number"
                           class="form-control"
                           id="request_module_perip"
                           name="request_module_perip"
                           value="{{ settings.request_module_perip|default:10 }}"
                           min="1"
                           max="20000"
                           required>
                </div>
                <div class="col-6">
                    <label for="request_module_perdomain" class="form-label">{% translate "Per Domain" %}</label>
                    <input type="number"
                           class="form-control"
                           id="request_module_perdomain"
                           name="request_module_perdomain"
                           value="{{ settings.request_module_perdomain|default:100 }}"
                           min="1"
                           max="20000"
                           required>
                </div>
                <div class="col-12 mt-4">
                    <input type="hidden"
                           name="slowloris"
                           id="slowlorisValue"
                           value="{% if settings.slowloris == 'on' %}on{% else %}off{% endif %}">
                    <div class="form-check form-switch">
                        <input class="form-check-input nginx-setting-switch"
                               type="checkbox"
                               id="slowlorisSwitch"
                               data-value-target="#slowlorisValue"
                               {% if settings.slowloris == "on" %}checked{% endif %}>
                        <label class="form-check-label fw-semibold" for="slowlorisSwitch">{% translate "Slowloris Protection" %}</label>
                    </div>
                </div>
                <div class="col-6">
                    <label for="client_header_timeout" class="form-label">{% translate "Header Timeout" %}</label>
                    <input type="number"
                           class="form-control"
                           id="client_header_timeout"
                           name="client_header_timeout"
                           value="{{ settings.client_header_timeout|default:5 }}"
                           min="1"
                           max="20000"
                           required>
                </div>
                <div class="col-6">
                    <label for="client_body_timeout" class="form-label">{% translate "Body Timeout" %}</label>
                    <input type="number"
                           class="form-control"
                           id="client_body_timeout"
                           name="client_body_timeout"
                           value="{{ settings.client_body_timeout|default:180 }}"
                           min="1"
                           max="20000"
                           required>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="eenos-card mb-3">
    <div class="mb-4">
        <div class="eenos-panel-title">{% translate "Caching" %}</div>
        <div class="eenos-panel-subtitle">{% translate "Configure proxy and FastCGI cache behavior." %}</div>
    </div>
    <div class="row g-4">
        <div class="col-12 col-xl-6">
            <div class="p-3 border rounded h-100">
                <div class="d-flex justify-content-between mb-3">
                    <div class="fw-semibold">{% translate "Proxy Cache" %}</div>
                    <div>
                        <input type="hidden"
                               name="proxycache"
                               id="proxycacheValue"
                               value="{% if settings.proxycache == 'on' %}on{% else %}off{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input nginx-setting-switch"
                                   type="checkbox"
                                   id="proxycacheSwitch"
                                   data-value-target="#proxycacheValue"
                                   {% if settings.proxycache == "on" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="row g-3" id="proxyCacheOptions">
                    <div class="col-12 col-sm-4">
                        <input type="hidden"
                               name="proxy_cache_revalidate"
                               id="proxyRevalidateValue"
                               value="{% if settings.proxy_cache_revalidate == 'on' %}on{% else %}off{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input nginx-setting-switch"
                                   type="checkbox"
                                   id="proxyRevalidateSwitch"
                                   data-value-target="#proxyRevalidateValue"
                                   {% if settings.proxy_cache_revalidate == "on" %}checked{% endif %}>
                            <label class="form-check-label" for="proxyRevalidateSwitch">{% translate "Revalidate" %}</label>
                        </div>
                    </div>
                    <div class="col-12 col-sm-4">
                        <input type="hidden"
                               name="proxy_cache_lock"
                               id="proxyLockValue"
                               value="{% if settings.proxy_cache_lock == 'on' %}on{% else %}off{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input nginx-setting-switch"
                                   type="checkbox"
                                   id="proxyLockSwitch"
                                   data-value-target="#proxyLockValue"
                                   {% if settings.proxy_cache_lock == "on" %}checked{% endif %}>
                            <label class="form-check-label" for="proxyLockSwitch">{% translate "Cache Lock" %}</label>
                        </div>
                    </div>
                    <div class="col-12 col-sm-4">
                        <input type="hidden"
                               name="proxy_cache_use_stale"
                               id="proxyStaleValue"
                               value="{% if settings.proxy_cache_use_stale == 'on' %}on{% else %}off{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input nginx-setting-switch"
                                   type="checkbox"
                                   id="proxyStaleSwitch"
                                   data-value-target="#proxyStaleValue"
                                   {% if settings.proxy_cache_use_stale == "on" %}checked{% endif %}>
                            <label class="form-check-label" for="proxyStaleSwitch">{% translate "Use Stale" %}</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <label for="proxy_cache_min_uses" class="form-label">{% translate "Minimum Uses" %}</label>
                        <input type="number"
                               class="form-control"
                               id="proxy_cache_min_uses"
                               name="proxy_cache_min_uses"
                               value="{{ settings.proxy_cache_min_uses|default:5 }}"
                               min="1"
                               max="20000"
                               required
                               data-parsley-required-message="{% translate 'Please enter the minimum number of requests before caching.' %}"
                               data-parsley-min-message="{% translate 'Minimum uses must be at least 1.' %}"
                               data-parsley-max-message="{% translate 'Minimum uses cannot exceed 20,000.' %}">
                    </div>
                    <div class="col-6">
                        <label for="proxy_cache_valid" class="form-label">{% translate "Cache Validity" %}</label>
                        <input class="form-control"
                               id="proxy_cache_valid"
                               name="proxy_cache_valid"
                               value="{{ settings.proxy_cache_valid|default:'60h' }}"
                               pattern="^[0-9]+[mh]$"
                               required
                               data-parsley-required-message="{% translate 'Please enter the proxy cache validity period.' %}"
                               data-parsley-pattern-message="{% translate 'Enter a duration ending with m or h, for example 60m or 24h.' %}">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-xl-6">
            <div class="p-3 border rounded h-100">
                <div class="d-flex justify-content-between mb-3">
                    <div class="fw-semibold">{% translate "FastCGI Cache" %}</div>
                    <div>
                        <input type="hidden"
                               name="fcgicache"
                               id="fcgicacheValue"
                               value="{% if settings.fcgicache == 'on' %}on{% else %}off{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input nginx-setting-switch"
                                   type="checkbox"
                                   id="fcgicacheSwitch"
                                   data-value-target="#fcgicacheValue"
                                   {% if settings.fcgicache == "on" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="row g-3" id="fastcgiCacheOptions">
                    <div class="col-12 col-sm-4">
                        <input type="hidden"
                               name="fastcgi_cache_revalidate"
                               id="fastcgiRevalidateValue"
                               value="{% if settings.fastcgi_cache_revalidate == 'on' %}on{% else %}off{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input nginx-setting-switch"
                                   type="checkbox"
                                   id="fastcgiRevalidateSwitch"
                                   data-value-target="#fastcgiRevalidateValue"
                                   {% if settings.fastcgi_cache_revalidate == "on" %}checked{% endif %}>
                            <label class="form-check-label" for="fastcgiRevalidateSwitch">{% translate "Revalidate" %}</label>
                        </div>
                    </div>
                    <div class="col-12 col-sm-4">
                        <input type="hidden"
                               name="fastcgi_cache_lock"
                               id="fastcgiLockValue"
                               value="{% if settings.fastcgi_cache_lock == 'on' %}on{% else %}off{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input nginx-setting-switch"
                                   type="checkbox"
                                   id="fastcgiLockSwitch"
                                   data-value-target="#fastcgiLockValue"
                                   {% if settings.fastcgi_cache_lock == "on" %}checked{% endif %}>
                            <label class="form-check-label" for="fastcgiLockSwitch">{% translate "Cache Lock" %}</label>
                        </div>
                    </div>
                    <div class="col-12 col-sm-4">
                        <input type="hidden"
                               name="fastcgi_cache_use_stale"
                               id="fastcgiStaleValue"
                               value="{% if settings.fastcgi_cache_use_stale == 'on' %}on{% else %}off{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input nginx-setting-switch"
                                   type="checkbox"
                                   id="fastcgiStaleSwitch"
                                   data-value-target="#fastcgiStaleValue"
                                   {% if settings.fastcgi_cache_use_stale == "on" %}checked{% endif %}>
                            <label class="form-check-label" for="fastcgiStaleSwitch">{% translate "Use Stale" %}</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <label for="fastcgi_cache_min_use" class="form-label">{% translate "Minimum Uses" %}</label>
                        <input type="number"
                               class="form-control"
                               id="fastcgi_cache_min_use"
                               name="fastcgi_cache_min_use"
                               value="{{ settings.fastcgi_cache_min_use|default:5 }}"
                               min="1"
                               max="20000"
                               required
                               data-parsley-required-message="{% translate 'Please enter the minimum number of requests before caching.' %}"
                               data-parsley-min-message="{% translate 'Minimum uses must be at least 1.' %}"
                               data-parsley-max-message="{% translate 'Minimum uses cannot exceed 20,000.' %}">
                    </div>
                    <div class="col-6">
                        <label for="fastcgi_cache_valid" class="form-label">{% translate "Cache Validity" %}</label>
                        <input class="form-control"
                               id="fastcgi_cache_valid"
                               name="fastcgi_cache_valid"
                               value="{{ settings.fastcgi_cache_valid|default:'60h' }}"
                               pattern="^[0-9]+[mh]$"
                               required
                               data-parsley-required-message="{% translate 'Please enter the FastCGI cache validity period.' %}"
                               data-parsley-pattern-message="{% translate 'Enter a duration ending with m or h, for example 60m or 24h.' %}">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12"><label for="file_extensions" class="form-label">{% translate "Cacheable File Extensions" %}</label><textarea name="file_extensions"
          class="form-control font-monospace"
          rows="3"
          id="file_extensions"
          maxlength="2000"
          required
          data-parsley-required-message="{% translate 'Please enter at least one cacheable file extension.' %}"
          data-parsley-maxlength-message="{% translate 'The extension list cannot exceed 2,000 characters.' %}">{{ settings.file_extensions|default:'jpg,jpeg,gif,png,ico,zip,tgz,gz,rar,bz2,iso,doc,xls,exe,pdf,ppt,txt,tar,mid,midi,wav,bmp,rtf,mp3,ogv,ogg,flv,swf,mpeg,mpg,mpeg4,mp4,avi,wmv,js,css,3gp,sis,sisx,nth' }}</textarea></div>
        <div class="col-12"><label for="sslcipher" class="form-label">{% translate "TLS Cipher Suites" %}</label><textarea name="sslcipher"
          class="form-control font-monospace"
          rows="4"
          id="sslcipher"
          maxlength="2000"
          required
          data-parsley-required-message="{% translate 'Please enter at least one TLS cipher suite.' %}"
          data-parsley-maxlength-message="{% translate 'The TLS cipher list cannot exceed 2,000 characters.' %}">{{ settings.sslcipher|default:'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' }}</textarea></div>
    </div>
</div>