{% extends "base.html" %}
{% load i18n %}
{% load static %}
{% block title %}{% if filter_type == "domain" %}{% translate "Domain Filters" %}{% else %}{% translate "Email Filters" %}{% endif %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header">
        <div>
            <h1 class="eenos-page-title">
                {% if filter_type == "domain" %}
                    {% translate "Domain Filters" %}
                {% else %}
                    {% translate "Email Filters" %}
                {% endif %}
            </h1>
            <div class="eenos-page-subtitle">
                {% if filter_type == "domain" %}
                    {% translate "Apply rules to incoming messages for an entire mail domain before account filters run." %}
                {% else %}
                    {% translate "Create ordered rules for messages delivered to individual email accounts." %}
                {% endif %}
            </div>
        </div>
    </div>
    <nav class="eenos-breadcrumb" aria-label="{% translate 'Breadcrumb' %}">
        <a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span>
        <span>{% translate "Hosting" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span>
        <span>{% translate "Email" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span>
        <span class="eenos-breadcrumb-current">
            {% if filter_type == "domain" %}
                {% translate "Domain Filters" %}
            {% else %}
                {% translate "Email Filters" %}
            {% endif %}
        </span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <div class="eenos-notice eenos-notice-info mb-3">
        <i data-lucide="info"></i>
        <div>
            {% if filter_type == "domain" %}
                {% translate "Domain rules run first. A move, redirect, discard, or stop action prevents account and Roundcube Sieve rules from processing that message." %}
            {% else %}
                {% translate "Email-account rules run after domain rules and before Roundcube Sieve rules. Copy actions continue processing; terminal actions stop it." %}
            {% endif %}
        </div>
    </div>
    <div class="eenos-card">
        <div class="eenos-card-header">
            <h2 class="eenos-card-title">
                {% if filter_type == "domain" %}
                    {% translate "Mail Domains" %}
                {% else %}
                    {% translate "Email Accounts" %}
                {% endif %}
            </h2>
            <div class="eenos-card-action-icon">
                <i data-lucide="{% if filter_type == 'domain' %}funnel{% else %}list-filter{% endif %}"></i>
            </div>
        </div>
        <div class="table-responsive">
            <table id="mailFiltersTable" class="table align-middle w-100">
                <thead>
                    <tr>
                        <th>{% translate "Target" %}</th>
                        <th>{% translate "Status" %}</th>
                        <th>{% translate "Rules" %}</th>
                        <th>{% translate "Actions" %}</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <form method="post"
          id="filterEditorForm"
          class="eenos-form"
          data-parsley-validate>
        {% csrf_token %}
        <input type="hidden" name="save_mail_filter" value="yes"><input type="hidden" name="target" id="filterTarget"><input type="hidden" name="rules" id="filterRules">
        <div class="modal fade"
             id="filterEditorModal"
             tabindex="-1"
             aria-labelledby="filterEditorTitle"
             aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl modal-fullscreen-lg-down">
                <div class="modal-content">
                    <div class="modal-header">
                        <div class="min-w-0">
                            <h2 class="modal-title fs-5 d-flex align-items-center gap-2"
                                id="filterEditorTitle"><i data-lucide="list-filter"></i><span>{% translate "Manage Filter Rules" %}</span></h2>
                            <div class="small text-muted mt-1">{% translate "Build ordered rules for the selected target" %}</div>
                        </div>
                        <button type="button"
                                class="btn-close"
                                data-bs-dismiss="modal"
                                aria-label="{% translate 'Close' %}"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mail-filter-editor-summary mb-3">
                            <div class="mail-filter-editor-target">
                                <span class="mail-filter-editor-target-icon"><i data-lucide="{% if filter_type == 'domain' %}globe-2{% else %}mail{% endif %}"></i></span>
                                <div class="min-w-0">
                                    <div class="mail-filter-editor-target-label">{% translate "Filter target" %}</div>
                                    <div id="filterEditorAddress" class="mail-filter-editor-target-value"></div>
                                </div>
                            </div>
                            <div class="mail-filter-editor-flow"
                                 aria-label="{% translate 'Rule processing order' %}">
                                <span><i data-lucide="scan-search"></i>{% translate "Match conditions" %}</span>
                                <i data-lucide="arrow-right" class="mail-filter-flow-arrow"></i>
                                <span><i data-lucide="workflow"></i>{% translate "Run actions" %}</span>
                            </div>
                        </div>
                        <div id="filterEditorValidation"
                             class="eenos-notice eenos-notice-danger mb-3 d-none"
                             role="alert"
                             aria-live="polite">
                            <i data-lucide="circle-alert"></i>
                            <div id="filterEditorValidationText"></div>
                        </div>
                        <div id="filterRuleList" class="d-grid gap-3"></div>
                        <datalist id="mailFilterFolders"></datalist>
                        <div class="mail-filter-editor-bottom mt-3">
                            <button type="button"
                                    id="addFilterRule"
                                    class="btn btn-outline-secondary btn-sm"><i data-lucide="plus"></i> {% translate "Add Rule" %}</button>
                            <div class="form-check form-switch m-0">
                                <input class="form-check-input"
                                       type="checkbox"
                                       role="switch"
                                       name="enabled"
                                       id="filterEnabled"
                                       checked>
                                <label class="form-check-label" for="filterEnabled">{% translate "Enable filter after saving" %}</label>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button"
                                class="btn btn-outline-secondary"
                                data-bs-dismiss="modal">{% translate "Cancel" %}</button><button type="submit" class="btn btn-primary"><i data-lucide="save"></i> {% translate "Save Filter" %}</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <form method="post" id="filterActionForm">
        {% csrf_token %}
        <input type="hidden" name="mail_filter_action" value="yes"><input type="hidden" name="target" id="filterActionTarget"><input type="hidden" name="action" id="filterActionName">
        <div class="modal fade"
             id="filterActionModal"
             tabindex="-1"
             aria-labelledby="filterActionTitle"
             aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h2 class="modal-title fs-5 d-flex align-items-center gap-2"
                            id="filterActionTitle">
                            <i data-lucide="circle-alert"></i><span id="filterActionTitleText"></span>
                        </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">
                            <i data-lucide="triangle-alert"></i>
                            <div>
                                <strong id="filterActionAddress"></strong>
                                <div id="filterActionMessage" class="mt-1"></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="submit" id="confirmFilterAction" class="btn btn-warning">
                            <span id="confirmFilterActionText"></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </form>
{% endblock %}
{% block extra_js %}
    <script>
window.eenosMailFilters = {
    filterType: "{{ filter_type|escapejs }}",
    dataUrl: "{% if filter_type == 'domain' %}{% url 'email_domain_filters_data' %}{% else %}{% url 'email_filters_data' %}{% endif %}",
    foldersUrl: "{% url 'email_filter_folders_data' %}",
    targetIcon: "{% if filter_type == 'domain' %}globe-2{% else %}mail{% endif %}",
    serverForm: {% if form.errors %}{target:"{{ form.target.value|default_if_none:''|escapejs }}",rules:"{{ form.rules.value|default_if_none:''|escapejs }}",enabled:{% if form.enabled.value %}true{% else %}false{% endif %}}{% else %}null{% endif %},
    text: {
        from:"{% translate 'From'|escapejs %}", to:"{% translate 'To'|escapejs %}", cc:"{% translate 'Cc'|escapejs %}", subject:"{% translate 'Subject'|escapejs %}", replyTo:"{% translate 'Reply-To'|escapejs %}", listId:"{% translate 'List-ID'|escapejs %}", body:"{% translate 'Message body'|escapejs %}", messageSize:"{% translate 'Message size (bytes)'|escapejs %}", spamScore:"{% translate 'Spam score'|escapejs %}",
        contains:"{% translate 'contains'|escapejs %}", equals:"{% translate 'equals'|escapejs %}", begins:"{% translate 'begins with'|escapejs %}", ends:"{% translate 'ends with'|escapejs %}", regex:"{% translate 'matches regular expression'|escapejs %}", above:"{% translate 'is above'|escapejs %}", below:"{% translate 'is below'|escapejs %}",
        move:"{% translate 'Move to folder'|escapejs %}", copy:"{% translate 'Copy to folder'|escapejs %}", redirect:"{% translate 'Redirect to address'|escapejs %}", discard:"{% translate 'Discard message'|escapejs %}", stop:"{% translate 'Stop processing'|escapejs %}",
        messageField:"{% translate 'Message Field'|escapejs %}", comparison:"{% translate 'Comparison'|escapejs %}", value:"{% translate 'Value'|escapejs %}", action:"{% translate 'Action'|escapejs %}", destination:"{% translate 'Destination'|escapejs %}", ruleName:"{% translate 'Rule Name'|escapejs %}", ruleEnabled:"{% translate 'Rule enabled'|escapejs %}", match:"{% translate 'Match'|escapejs %}", allConditions:"{% translate 'All conditions'|escapejs %}", anyCondition:"{% translate 'Any condition'|escapejs %}", conditions:"{% translate 'Conditions'|escapejs %}", actions:"{% translate 'Actions'|escapejs %}", addCondition:"{% translate 'Add Condition'|escapejs %}", addAction:"{% translate 'Add Action'|escapejs %}", removeCondition:"{% translate 'Remove condition'|escapejs %}", removeAction:"{% translate 'Remove action'|escapejs %}", removeRule:"{% translate 'Remove rule'|escapejs %}", moveUp:"{% translate 'Move rule up'|escapejs %}", moveDown:"{% translate 'Move rule down'|escapejs %}", expandRule:"{% translate 'Expand rule'|escapejs %}", collapseRule:"{% translate 'Collapse rule'|escapejs %}",
        sizeHelp:"{% translate 'Enter the message size in bytes.'|escapejs %}", scoreHelp:"{% translate 'Enter the SpamAssassin score, for example 5.0.'|escapejs %}", regexHelp:"{% translate 'Use a regular expression without Exim expansion code.'|escapejs %}", addressHelp:"{% translate 'Enter a complete email address.'|escapejs %}", folderHelp:"{% translate 'Select an existing mailbox folder or enter a new folder name.'|escapejs %}", selectFolder:"{% translate 'Select folder'|escapejs %}", noFolders:"{% translate 'No mailbox folders found'|escapejs %}",
        requiredMessage:"{% translate 'This field is required.'|escapejs %}", emailMessage:"{% translate 'Enter a valid email address.'|escapejs %}", numberMessage:"{% translate 'Enter a valid non-negative number.'|escapejs %}", maximumMessage:"{% translate 'The entered value is too large.'|escapejs %}", folderMessage:"{% translate 'Use letters, numbers, spaces, periods, underscores, or hyphens. The folder name must begin with a letter or number.'|escapejs %}", regexMessage:"{% translate 'Enter a valid regular expression without Exim expansion code.'|escapejs %}", noRulesMessage:"{% translate 'Add at least one filter rule before saving.'|escapejs %}", terminalActionMessage:"{% translate 'Each rule can have multiple copy actions followed by only one move, redirect, discard, or stop action. The terminal action must be last.'|escapejs %}", maxRulesMessage:"{% translate 'A filter can contain no more than 100 rules.'|escapejs %}", maxConditionsMessage:"{% translate 'A rule can contain no more than 20 conditions.'|escapejs %}", maxActionsMessage:"{% translate 'A rule can contain no more than 10 actions.'|escapejs %}",
        loading:"{% translate 'Loading...'|escapejs %}", empty:"{% translate 'No filter targets are available.'|escapejs %}", noMatches:"{% translate 'No matching targets found.'|escapejs %}", editRules:"{% translate 'Edit rules'|escapejs %}", addFilter:"{% translate 'Add filter'|escapejs %}", disableFilter:"{% translate 'Disable filter'|escapejs %}", enableFilter:"{% translate 'Enable filter'|escapejs %}", deleteFilter:"{% translate 'Delete filter'|escapejs %}", convertFilter:"{% translate 'Convert legacy filter'|escapejs %}",
        enableTitle:"{% translate 'Enable Filter'|escapejs %}", disableTitle:"{% translate 'Disable Filter'|escapejs %}", deleteTitle:"{% translate 'Delete Filter'|escapejs %}", convertTitle:"{% translate 'Convert Legacy Filter'|escapejs %}", enable:"{% translate 'Enable'|escapejs %}", disable:"{% translate 'Disable'|escapejs %}", delete:"{% translate 'Delete'|escapejs %}", convert:"{% translate 'Convert'|escapejs %}", enableMessage:"{% translate 'Incoming messages will be processed by this filter.'|escapejs %}", disableMessage:"{% translate 'Rules are retained, but Exim will stop using this filter.'|escapejs %}", convertMessage:"{% translate 'The complete legacy filter will be converted to managed rules after validation. The original file will be retained as a backup.'|escapejs %}", deleteMessage:"{% translate 'This permanently removes the filter and its managed rules.'|escapejs %}", deleteLegacyMessage:"{% translate 'This permanently removes the existing legacy filter file.'|escapejs %}",
        status:{enabled:"{% translate 'Enabled'|escapejs %}",disabled:"{% translate 'Disabled'|escapejs %}",legacy:"{% translate 'Legacy'|escapejs %}",invalid:"{% translate 'Invalid'|escapejs %}",not_configured:"{% translate 'Not configured'|escapejs %}"}
    }
};
    </script>
    <script src="{% get_static_prefix %}{{ theme }}/js/eenos-mail-filters.js"></script>
{% endblock %}