{% load i18n %}
{% if domain_settings %}
    <div class="eenos-card mb-4">
        <div class="mb-4">
            <div class="eenos-panel-title">{% translate "Domain Profile" %}</div>
            <div class="eenos-panel-subtitle">{% translate "Select the application template and configure UserDir access for this domain." %}</div>
        </div>
        <div class="row g-4 align-items-center">
            <div class="col-12 col-lg-7">
                <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.' %}">
                    {% for app in apps %}<option value="{{ app }}"
        {% if app == settings.template %}selected{% endif %}>{{ app }}</option>{% endfor %}
                </select>
                <div class="form-text">{% translate "Template used to generate this virtual host configuration." %}</div>
            </div>
            <div class="col-12 col-lg-5">
                <input type="hidden"
                       name="userdir"
                       id="userdirValue"
                       value="{% if domdata.userdir == 'off' %}off{% else %}on{% endif %}">
                <div class="p-3 rounded border bg-body-tertiary">
                    <div class="form-check form-switch mb-0">
                        <input class="form-check-input ols-setting-switch"
                               type="checkbox"
                               role="switch"
                               id="userdirSwitch"
                               data-value-target="#userdirValue"
                               {% if domdata.userdir != "off" %}checked{% endif %}>
                        <label class="form-check-label fw-semibold" for="userdirSwitch">{% translate "OpenLiteSpeed UserDir" %}</label>
                    </div>
                    <div class="form-text mt-2">{% translate "Enable Apache-style user-directory access for this domain." %}</div>
                </div>
            </div>
        </div>
    </div>
{% endif %}
<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 "Core Features" %}</div>
                <div class="eenos-panel-subtitle">{% translate "Control caching, request filtering, and content delivery behavior." %}</div>
            </div>
            <div class="d-grid gap-4">
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="modsecuritySwitch">{% translate "ModSecurity 3" %}</label>
                        <div class="form-text">{% translate "Enable the ModSecurity service when available." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="modsecurity"
                               id="modsecurityValue"
                               value="{% if settings.modsecurity == 'off' %}off{% else %}on{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="modsecuritySwitch"
                                   data-value-target="#modsecurityValue"
                                   {% if settings.modsecurity != "off" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="lscacheSwitch">{% translate "LSCache" %}</label>
                        <div class="form-text">{% translate "Enable OpenLiteSpeed caching when available." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="lscache"
                               id="lscacheValue"
                               value="{% if settings.lscache == 'off' %}off{% else %}on{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="lscacheSwitch"
                                   data-value-target="#lscacheValue"
                                   {% if settings.lscache != "off" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="dirlistSwitch">{% translate "Directory Listing" %}</label>
                        <div class="form-text">{% translate "Show directory contents when no index file exists." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="dirlist"
                               id="dirlistValue"
                               value="{% if settings.dirlist == 'off' %}off{% else %}on{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="dirlistSwitch"
                                   data-value-target="#dirlistValue"
                                   {% if settings.dirlist != "off" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="hotlinkSwitch">{% translate "Hotlink Protection" %}</label>
                        <div class="form-text">{% translate "Prevent unauthorized linking to static files." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="hotlink"
                               id="hotlinkValue"
                               value="{% if settings.hotlink == 'off' %}off{% else %}on{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="hotlinkSwitch"
                                   data-value-target="#hotlinkValue"
                                   {% if settings.hotlink != "off" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="pagespeedSwitch">{% translate "Google PageSpeed" %}</label>
                        <div class="form-text">{% translate "Enable PageSpeed optimization when installed." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="pagespeed"
                               id="pagespeedValue"
                               value="{% if settings.pagespeed == 'on' %}on{% else %}off{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="pagespeedSwitch"
                                   data-value-target="#pagespeedValue"
                                   {% if settings.pagespeed == "on" %}checked{% endif %}>
                        </div>
                    </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 "Security Headers" %}</div>
                <div class="eenos-panel-subtitle">{% translate "Apply browser security policies to generated virtual hosts." %}</div>
            </div>
            <div class="d-grid gap-4">
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="hstsSwitch">{% translate "HTTP Strict Transport Security" %}</label>
                        <div class="form-text">{% translate "Require supported browsers to use HTTPS." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="hsts"
                               id="hstsValue"
                               value="{% if settings.hsts == 'off' %}off{% else %}on{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="hstsSwitch"
                                   data-value-target="#hstsValue"
                                   {% if settings.hsts != "off" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="cspSwitch">{% translate "Content Security Policy" %}</label>
                        <div class="form-text">{% translate "Restrict permitted content sources; verify site compatibility first." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="csp"
                               id="cspValue"
                               value="{% if settings.csp == 'on' %}on{% else %}off{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="cspSwitch"
                                   data-value-target="#cspValue"
                                   {% if settings.csp == "on" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="xxpSwitch">{% translate "XSS Protection" %}</label>
                        <div class="form-text">{% translate "Send the legacy X-XSS-Protection response header." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="xxp"
                               id="xxpValue"
                               value="{% if settings.xxp == 'off' %}off{% else %}on{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="xxpSwitch"
                                   data-value-target="#xxpValue"
                                   {% if settings.xxp != "off" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="xfoSwitch">{% translate "Clickjacking Protection" %}</label>
                        <div class="form-text">{% translate "Control framing through the X-Frame-Options header." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="xfo"
                               id="xfoValue"
                               value="{% if settings.xfo == 'off' %}off{% else %}on{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="xfoSwitch"
                                   data-value-target="#xfoValue"
                                   {% if settings.xfo != "off" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="xctoSwitch">{% translate "Content-Type Protection" %}</label>
                        <div class="form-text">{% translate "Prevent browsers from MIME-sniffing responses." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="xcto"
                               id="xctoValue"
                               value="{% if settings.xcto == 'off' %}off{% else %}on{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="xctoSwitch"
                                   data-value-target="#xctoValue"
                                   {% if settings.xcto != "off" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="rpsSwitch">{% translate "Referrer Policy" %}</label>
                        <div class="form-text">{% translate "Limit referrer information sent with requests." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="rps"
                               id="rpsValue"
                               value="{% if settings.rps == 'off' %}off{% else %}on{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="rpsSwitch"
                                   data-value-target="#rpsValue"
                                   {% if settings.rps != "off" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="ectSwitch">{% translate "Certificate Transparency" %}</label>
                        <div class="form-text">{% translate "Send the legacy Expect-CT response header." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="ect"
                               id="ectValue"
                               value="{% if settings.ect == 'off' %}off{% else %}on{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="ectSwitch"
                                   data-value-target="#ectValue"
                                   {% if settings.ect != "off" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between gap-4">
                    <div>
                        <label class="fw-semibold" for="fpgSwitch">{% translate "Permissions Policy" %}</label>
                        <div class="form-text">{% translate "Control access to supported browser features." %}</div>
                    </div>
                    <div>
                        <input type="hidden"
                               name="fpg"
                               id="fpgValue"
                               value="{% if settings.fpg == 'off' %}off{% else %}on{% endif %}">
                        <div class="form-check form-switch">
                            <input class="form-check-input ols-setting-switch"
                                   type="checkbox"
                                   role="switch"
                                   id="fpgSwitch"
                                   data-value-target="#fpgValue"
                                   {% if settings.fpg != "off" %}checked{% endif %}>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="eenos-card mb-3">
    <div class="mb-3">
        <div class="eenos-panel-title">{% translate "TLS Cipher Suites" %}</div>
        <div class="eenos-panel-subtitle">{% translate "Define the cipher suites offered by OpenLiteSpeed." %}</div>
    </div>
    <label for="sslcipher" class="form-label">{% translate "Cipher list" %}</label>
    <textarea name="ciphers"
              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.' %}">{% if settings.ciphers %}{{ settings.ciphers }}{% 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-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256{% endif %}</textarea>
</div>