{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Pure-FTPd Settings" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header flex-wrap">
        <div>
            <h1 class="eenos-page-title">{% translate "Pure-FTPd Settings" %}</h1>
            <div class="eenos-page-subtitle">{% translate "Configure server access policy, TLS encryption, and connection limits." %}</div>
        </div>
        <div class="d-grid col-12 col-sm-auto d-sm-flex gap-2">
            <a href="{% url 'ftp_deny' %}" class="btn btn-outline-secondary btn-sm text-nowrap"><i data-lucide="user-x"></i>{% translate "Denied Users" %}</a>
            <button type="button"
                    class="btn btn-outline-secondary btn-sm text-nowrap ftp-command"
                    data-action="rebuild"><i data-lucide="refresh-ccw"></i>{% translate "Rebuild Settings" %}</button><button type="button"
        class="btn btn-outline-warning btn-sm text-nowrap ftp-command"
        data-action="restart"><i data-lucide="refresh-cw"></i>{% translate "Restart Pure-FTPd" %}</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 "FTP & SSH" %}</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span>FTP</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span class="eenos-breadcrumb-current" aria-current="page">{% translate "Settings" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <form method="post"
          id="ftpSettingsForm"
          class="eenos-form"
          data-parsley-validate>
        {% csrf_token %}
        <input type="hidden" name="savesettings" value="yes">
        <div class="eenos-card mb-4">
            <div class="mb-4">
                <div class="eenos-panel-title">{% translate "Access and Security" %}</div>
                <div class="eenos-panel-subtitle">{% translate "Define the listening port, account access policy, and encrypted connection requirements." %}</div>
            </div>
            <div class="row g-4 align-items-start">
                <div class="col-12 col-lg-6">
                    <div class="row g-4">
                        <div class="col-12">
                            <label for="Bind" class="form-label">{% translate "FTP Port" %}</label>
                            <input class="form-control"
                                   type="number"
                                   id="Bind"
                                   name="Bind"
                                   value="{{ settings.Bind|default:'21' }}"
                                   min="20"
                                   max="60000"
                                   required
                                   data-parsley-required-message="{% translate 'Enter the FTP listening port.' %}"
                                   data-parsley-min-message="{% translate 'The FTP port must be 20 or higher.' %}"
                                   data-parsley-max-message="{% translate 'The FTP port cannot exceed 60000.' %}">
                        </div>
                        <div class="col-12">
                            <label for="TLSCipherSuite" class="form-label">{% translate "TLS Cipher Suite" %}</label>
                            <input class="form-control font-monospace"
                                   type="text"
                                   id="TLSCipherSuite"
                                   name="TLSCipherSuite"
                                   value="{{ settings.TLSCipherSuite|default:'HIGH' }}"
                                   maxlength="2000"
                                   required
                                   data-parsley-required-message="{% translate 'Enter the TLS cipher suite.' %}">
                            <div class="form-text">{% translate "Adjust this OpenSSL cipher expression when required by your compliance policy." %}</div>
                        </div>
                        <div class="col-12"><label for="TLS" class="form-label">{% translate "TLS Encryption" %}</label><select class="form-select"
        name="TLS"
        id="TLS"
        required
        data-parsley-required-message="{% translate 'Select the FTP TLS policy.' %}"><option value="1"
        {% if settings.TLS == 1 or settings.TLS == '1' %}selected{% endif %}>{% translate "Optional" %} — {% translate "recommended" %}</option><option value="0"
        {% if settings.TLS == 0 or settings.TLS == '0' %}selected{% endif %}>{% translate "Disabled" %}</option><option value="2"
        {% if settings.TLS == 2 or settings.TLS == '2' %}selected{% endif %}>{% translate "Required for commands" %}</option><option value="3"
        {% if settings.TLS == 3 or settings.TLS == '3' %}selected{% endif %}>{% translate "Required for commands and data" %}</option></select></div>
                    </div>
                </div>
                <div class="col-12 col-lg-6">
                    <div class="row g-3">
                        <div class="col-12">
                            <div class="border rounded p-3 h-100 d-flex justify-content-between gap-3">
                                <div>
                                    <label for="anonymousLoginSwitch" class="form-label mb-1">{% translate "Allow Anonymous Logins" %}</label>
                                    <div class="form-text mt-0">{% translate "Permit unauthenticated clients to connect to the FTP server." %}</div>
                                </div>
                                <div class="form-check form-switch mt-1">
                                    <input type="hidden"
                                           name="NoAnonymous"
                                           id="NoAnonymous"
                                           value="{% if settings.NoAnonymous == 'no' %}no{% else %}yes{% endif %}"><input class="form-check-input ftp-setting-switch"
       type="checkbox"
       role="switch"
       id="anonymousLoginSwitch"
       data-value-target="#NoAnonymous"
       data-on-value="no"
       data-off-value="yes"
       {% if settings.NoAnonymous == 'no' %}checked{% endif %}>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="border rounded p-3 h-100 d-flex justify-content-between gap-3">
                                <div>
                                    <label for="anonymousUploadSwitch" class="form-label mb-1">{% translate "Allow Anonymous Uploads" %}</label>
                                    <div class="form-text mt-0">{% translate "Permit anonymous clients to upload files." %}</div>
                                </div>
                                <div class="form-check form-switch mt-1">
                                    <input type="hidden"
                                           name="AnonymousCantUpload"
                                           id="AnonymousCantUpload"
                                           value="{% if settings.AnonymousCantUpload == 'no' %}no{% else %}yes{% endif %}"><input class="form-check-input ftp-setting-switch"
       type="checkbox"
       role="switch"
       id="anonymousUploadSwitch"
       data-value-target="#AnonymousCantUpload"
       data-on-value="no"
       data-off-value="yes"
       {% if settings.AnonymousCantUpload == 'no' %}checked{% endif %}>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="border rounded p-3 h-100 d-flex justify-content-between gap-3">
                                <div>
                                    <label for="rootLoginSwitch" class="form-label mb-1">{% translate "Allow Root Login" %}</label>
                                    <div class="form-text mt-0">{% translate "Allow the root account to authenticate over FTP. This is not recommended." %}</div>
                                </div>
                                <div class="form-check form-switch mt-1">
                                    <input type="hidden"
                                           name="MinUID"
                                           id="MinUID"
                                           value="{% if settings.MinUID == 0 or settings.MinUID == '0' %}0{% else %}100{% endif %}"><input class="form-check-input ftp-setting-switch"
       type="checkbox"
       role="switch"
       id="rootLoginSwitch"
       data-value-target="#MinUID"
       data-on-value="0"
       data-off-value="100"
       {% if settings.MinUID == 0 or settings.MinUID == '0' %}checked{% endif %}>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="border rounded p-3 h-100 d-flex justify-content-between gap-3">
                                <div>
                                    <label for="legacyClientSwitch" class="form-label mb-1">{% translate "Legacy Client Compatibility" %}</label>
                                    <div class="form-text mt-0">{% translate "Enable compatibility workarounds for older FTP clients." %}</div>
                                </div>
                                <div class="form-check form-switch mt-1">
                                    <input type="hidden"
                                           name="BrokenClientsCompatibility"
                                           id="BrokenClientsCompatibility"
                                           value="{% if settings.BrokenClientsCompatibility == 'yes' %}yes{% else %}no{% endif %}"><input class="form-check-input ftp-setting-switch"
       type="checkbox"
       role="switch"
       id="legacyClientSwitch"
       data-value-target="#BrokenClientsCompatibility"
       data-on-value="yes"
       data-off-value="no"
       {% if settings.BrokenClientsCompatibility == 'yes' %}checked{% endif %}>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="eenos-card mb-4">
            <div class="mb-4">
                <div class="eenos-panel-title">{% translate "Resource and Connection Limits" %}</div>
                <div class="eenos-panel-subtitle">{% translate "Protect the FTP service by limiting anonymous activity, idle sessions, and concurrent connections." %}</div>
            </div>
            <div class="row g-4">
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="MaxLoad" class="form-label">{% translate "Anonymous Download Load Limit" %}</label>
                    <input class="form-control"
                           type="number"
                           id="MaxLoad"
                           name="MaxLoad"
                           value="{{ settings.MaxLoad|default:'4' }}"
                           min="1"
                           max="100"
                           required
                           data-parsley-required-message="{% translate 'Enter the anonymous download load limit.' %}"
                           data-parsley-min-message="{% translate 'The load limit must be at least 1.' %}"
                           data-parsley-max-message="{% translate 'The load limit cannot exceed 100.' %}">
                    <div class="form-text">{% translate "Anonymous downloads are refused when the server load reaches this value." %}</div>
                </div>
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="MaxIdleTime" class="form-label">{% translate "Maximum Idle Time" %}</label>
                    <div class="input-group">
                        <input class="form-control"
                               type="number"
                               id="MaxIdleTime"
                               name="MaxIdleTime"
                               value="{{ settings.MaxIdleTime|default:'15' }}"
                               min="1"
                               max="100"
                               required
                               data-parsley-required-message="{% translate 'Enter the maximum idle time.' %}"
                               data-parsley-min-message="{% translate 'Idle time must be at least one minute.' %}"
                               data-parsley-max-message="{% translate 'Idle time cannot exceed 100 minutes.' %}">
                        <span class="input-group-text">{% translate "minutes" %}</span>
                    </div>
                    <div class="form-text">{% translate "Idle FTP connections are disconnected after this period." %}</div>
                </div>
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="MaxClientsNumber" class="form-label">{% translate "Maximum Connections" %}</label>
                    <input class="form-control"
                           type="number"
                           id="MaxClientsNumber"
                           name="MaxClientsNumber"
                           value="{{ settings.MaxClientsNumber|default:'50' }}"
                           min="1"
                           max="100"
                           required
                           data-parsley-required-message="{% translate 'Enter the maximum number of connections.' %}"
                           data-parsley-min-message="{% translate 'At least one connection must be allowed.' %}"
                           data-parsley-max-message="{% translate 'Connections cannot exceed 100.' %}">
                    <div class="form-text">{% translate "Maximum number of clients that may be connected at the same time." %}</div>
                </div>
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="MaxClientsPerIP" class="form-label">{% translate "Connections per IP" %}</label>
                    <input class="form-control"
                           type="number"
                           id="MaxClientsPerIP"
                           name="MaxClientsPerIP"
                           value="{{ settings.MaxClientsPerIP|default:'8' }}"
                           min="1"
                           max="100"
                           required
                           data-parsley-required-message="{% translate 'Enter the connection limit per IP address.' %}"
                           data-parsley-min-message="{% translate 'At least one connection per IP must be allowed.' %}"
                           data-parsley-max-message="{% translate 'Connections per IP cannot exceed 100.' %}">
                    <div class="form-text">{% translate "Maximum simultaneous connections allowed from a single IP address." %}</div>
                </div>
            </div>
        </div>
        <div class="d-flex gap-2 mb-4">
            <button type="submit" class="btn btn-primary"><i data-lucide="save"></i>{% translate "Save Settings" %}</button><button type="button"
        class="btn btn-outline-secondary ftp-command"
        data-action="reset"><i data-lucide="rotate-ccw"></i>{% translate "Reset to Default" %}</button>
        </div>
    </form>
    <form method="post" id="ftpCommandForm" class="d-none">
        {% csrf_token %}
        <input type="hidden" name="reset" id="ftpReset" disabled><input type="hidden" name="rebuild" id="ftpRebuild" disabled><input type="hidden" name="restart" id="ftpRestart" disabled>
    </form>
    <div class="modal fade"
         id="ftpCommandModal"
         tabindex="-1"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title fs-5" id="ftpCommandTitle"></h2>
                    <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="triangle-alert"></i>
                        </div>
                        <div class="eenos-notice-content">
                            <div class="eenos-notice-title" id="ftpCommandHeading"></div>
                            <div class="eenos-notice-text" id="ftpCommandText"></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 btn-warning" id="confirmFtpCommand"></button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block extra_js %}
    <script>
$(function(){
    $('.ftp-setting-switch').on('change',function(){const input=$($(this).data('value-target'));input.val(this.checked?$(this).data('on-value'):$(this).data('off-value'));});
    const details={reset:{title:"{% translate 'Reset Pure-FTPd Settings' %}",heading:"{% translate 'Restore the default configuration?' %}",text:"{% translate 'The current FTP settings will be replaced with server defaults.' %}",button:"{% translate 'Reset Settings' %}"},rebuild:{title:"{% translate 'Rebuild Pure-FTPd Settings' %}",heading:"{% translate 'Rebuild the service configuration?' %}",text:"{% translate 'Eenos will regenerate the Pure-FTPd configuration from the saved settings.' %}",button:"{% translate 'Rebuild Settings' %}"},restart:{title:"{% translate 'Restart Pure-FTPd' %}",heading:"{% translate 'Restart the FTP service?' %}",text:"{% translate 'Active FTP connections may be interrupted during the restart.' %}",button:"{% translate 'Restart Pure-FTPd' %}"}};
    const fields={reset:'#ftpReset',rebuild:'#ftpRebuild',restart:'#ftpRestart'},modal=bootstrap.Modal.getOrCreateInstance(document.getElementById('ftpCommandModal'));let action='';
    $('.ftp-command').on('click',function(){action=$(this).data('action');const d=details[action];$('#ftpCommandTitle').text(d.title);$('#ftpCommandHeading').text(d.heading);$('#ftpCommandText').text(d.text);$('#confirmFtpCommand').text(d.button);modal.show();});
    $('#confirmFtpCommand').on('click',function(){$(fields[action]).prop('disabled',false).val('yes');document.getElementById('ftpCommandForm').submit();});
});
    </script>
{% endblock %}