{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Exim RBL Servers" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header flex-wrap">
        <div>
            <h1 class="eenos-page-title">{% translate "RBL Servers" %}</h1>
            <div class="eenos-page-subtitle">{% translate "Manage the DNS blocklists Exim uses to identify mail from known spam sources." %}</div>
        </div>
        <div class="d-grid col-12 col-sm-auto">
            <a href="{% url 'exim_settings' %}"
               class="btn btn-outline-secondary btn-sm text-nowrap"><i data-lucide="settings"></i>{% translate "Exim Settings" %}</a>
        </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 "Mail Services" %}</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <a href="{% url 'exim_settings' %}">Exim</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span class="eenos-breadcrumb-current" aria-current="page">{% translate "RBL Servers" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <div class="eenos-card mb-4">
        <div class="mb-3">
            <div class="eenos-panel-title">{% translate "Add a Custom RBL Server" %}</div>
            <div class="eenos-panel-subtitle">{% translate "Add a DNS-based reputation provider that is not included in Exim's built-in RBL settings." %}</div>
        </div>
        <div class="eenos-notice eenos-notice-warning mb-4">
            <div class="eenos-notice-icon">
                <i data-lucide="triangle-alert"></i>
            </div>
            <div class="eenos-notice-content">
                <div class="eenos-notice-title">{% translate "Consider delivery performance" %}</div>
                <div class="eenos-notice-text">{% translate "Each additional provider introduces another DNS lookup and may delay SMTP processing if its service responds slowly." %}</div>
            </div>
        </div>
        <form method="post"
              id="addRblForm"
              class="eenos-form"
              data-parsley-validate>
            {% csrf_token %}
            <input type="hidden" name="addrbl" value="yes">
            <div class="row g-4 align-items-start">
                <div class="col-12 col-lg-5">
                    <label for="domain" class="form-label">{% translate "RBL Domain" %}</label>
                    <input type="text"
                           class="form-control font-monospace"
                           id="domain"
                           name="domain"
                           value="{{ form.domain.value|default:'' }}"
                           maxlength="253"
                           autocomplete="off"
                           required
                           data-parsley-required-message="{% translate 'Enter the RBL lookup domain.' %}"
                           data-parsley-pattern="^(?=.{1,253}$)(?!-)[A-Za-z0-9-]+(?:\.[A-Za-z0-9-]+)+$"
                           data-parsley-pattern-message="{% translate 'Enter a valid DNS domain, for example rbl.example.net.' %}">
                    <div class="form-text">{% translate "DNS lookup hostname provided by the blocklist operator." %}</div>
                </div>
                <div class="col-12 col-lg-5">
                    <label for="info" class="form-label">{% translate "Description" %}</label>
                    <input type="text"
                           class="form-control"
                           id="info"
                           name="info"
                           value="{{ form.info.value|default:'' }}"
                           maxlength="1024"
                           autocomplete="off"
                           required
                           data-parsley-required-message="{% translate 'Enter a description for this RBL service.' %}">
                    <div class="form-text">{% translate "A recognizable name or purpose for administrators." %}</div>
                </div>
                <div class="col-12 col-lg-2 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary w-100 mt-lg-4"><i data-lucide="plus"></i>{% translate "Add RBL" %}</button>
                </div>
            </div>
        </form>
    </div>
    <div class="eenos-card">
        <div class="mb-4">
            <div class="eenos-panel-title">{% translate "Configured RBL Servers" %}</div>
            <div class="eenos-panel-subtitle">{% translate "Built-in providers are controlled from Exim Settings; custom providers can be enabled, disabled, or removed here." %}</div>
        </div>
        <table id="eximRblTable" class="table table-hover align-middle w-100 mb-0">
            <thead>
                <tr>
                    <th>{% translate "RBL Host" %}</th>
                    <th>{% translate "Description" %}</th>
                    <th>{% translate "Source" %}</th>
                    <th>{% translate "Status" %}</th>
                    <th class="text-end">{% translate "Action" %}</th>
                </tr>
            </thead>
        </table>
    </div>
    <form method="post" id="rblActionForm" class="d-none">
        {% csrf_token %}
        <input type="hidden" name="host" id="rblActionHost"><input type="hidden" name="chgstatus" id="rblStatusMarker" disabled><input type="hidden" name="delete" id="rblDeleteMarker" disabled>
    </form>
    <div class="modal fade"
         id="rblActionModal"
         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="rblActionTitle"></h2>
                    <button type="button"
                            class="btn-close"
                            data-bs-dismiss="modal"
                            aria-label="{% translate 'Close' %}"></button>
                </div>
                <div class="modal-body">
                    <div class="eenos-modal-info mb-4">
                        <div class="eenos-modal-info-icon">
                            <i data-lucide="shield-ban"></i>
                        </div>
                        <div class="eenos-modal-info-content">
                            <div class="eenos-modal-info-label">{% translate "RBL server" %}</div>
                            <div class="eenos-modal-info-value font-monospace"
                                 id="rblActionHostDisplay"></div>
                        </div>
                    </div>
                    <div class="eenos-notice" id="rblActionNotice">
                        <div class="eenos-notice-icon">
                            <i data-lucide="triangle-alert"></i>
                        </div>
                        <div class="eenos-notice-content">
                            <div class="eenos-notice-title" id="rblActionHeading"></div>
                            <div class="eenos-notice-text" id="rblActionText"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="btn btn-outline-secondary"
                            data-bs-dismiss="modal">{% translate "Cancel" %}</button><button type="button" class="btn" id="confirmRblAction"></button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block extra_js %}
    <script>
$(function(){
    const esc=v=>$('<div>').text(v==null?'':v).html();
    const table=$('#eximRblTable').DataTable({responsive:{details:{renderer:DataTable.Responsive.renderer.listHiddenNodes()}},processing:true,pageLength:25,lengthMenu:[[10,25,50,100,-1],[10,25,50,100,"{% translate 'All' %}"]],ajax:{url:"{% url 'exim_rbl_data' %}",type:'GET',dataSrc:'data'},order:[[0,'asc']],columns:[
        {data:'server',responsivePriority:1,render:(d,t)=>t==='display'?'<span class="fw-semibold font-monospace">'+esc(d)+'</span>':d},
        {data:'description',render:(d,t)=>t==='display'?esc(d||'-'):d},
        {data:'source',width:'110px',className:'text-nowrap',render:(d,t)=>t==='display'?'<span class="badge '+(d==='exim'?'eenos-badge-neutral':'eenos-badge-success')+'">'+(d==='exim'?'{% translate "Built-in" %}':'{% translate "Custom" %}')+'</span>':d},
        {data:'is_enabled',width:'120px',className:'text-nowrap',responsivePriority:2,render:(d,t)=>t!=='display'?d:(d?'<span class="eenos-status text-success d-inline-flex align-items-center gap-1"><i data-lucide="circle-check"></i>{% translate "Enabled" %}</span>':'<span class="eenos-status text-muted d-inline-flex align-items-center gap-1"><i data-lucide="circle-x"></i>{% translate "Disabled" %}</span>')},
        {data:null,orderable:false,searchable:false,width:'125px',className:'text-end',responsivePriority:1,render:(d,t,r)=>{if(t!=='display')return '';let b='<div class="eenos-dt-actions d-flex justify-content-end gap-1">';if(r.is_builtin)return b+'<a href="'+esc(r.settings_url)+'" class="btn btn-sm btn-outline-secondary" title="{% translate "Manage in Exim Settings" %}" aria-label="{% translate "Manage in Exim Settings" %}"><i data-lucide="settings"></i></a></div>';b+='<button type="button" class="btn btn-sm '+(r.is_enabled?'btn-outline-warning':'btn-outline-success')+' rbl-action" data-host="'+esc(r.server)+'" data-action="'+(r.is_enabled?'disable':'enable')+'" title="'+(r.is_enabled?'{% translate "Disable RBL" %}':'{% translate "Enable RBL" %}')+'" aria-label="'+(r.is_enabled?'{% translate "Disable RBL" %}':'{% translate "Enable RBL" %}')+'"><i data-lucide="'+(r.is_enabled?'pause':'play')+'"></i></button>';b+='<button type="button" class="btn btn-sm btn-outline-danger rbl-action" data-host="'+esc(r.server)+'" data-action="delete" title="{% translate "Delete RBL" %}" aria-label="{% translate "Delete RBL" %}"><i data-lucide="trash-2"></i></button>';return b+'</div>';}}
    ],language:{processing:'{% translate "Loading..." %}',emptyTable:"{% translate 'No RBL servers are configured.' %}",zeroRecords:"{% translate 'No matching RBL servers found.' %}",search:"{% translate 'Search:' %}",lengthMenu:"{% translate 'Show' %} _MENU_",info:"{% translate 'Showing _START_ to _END_ of _TOTAL_ RBL servers' %}"},drawCallback:function(){if(typeof lucide!=='undefined')lucide.createIcons();}});
    table.on('responsive-display',function(){if(typeof lucide!=='undefined')lucide.createIcons();});
    const modal=bootstrap.Modal.getOrCreateInstance(document.getElementById('rblActionModal'));let action='';
    $(document).on('click','.rbl-action',function(){action=$(this).data('action');const host=$(this).data('host'),deleting=action==='delete',enabling=action==='enable';$('#rblActionHost').val(host);$('#rblActionHostDisplay').text(host);$('#rblActionTitle').text(deleting?"{% translate 'Delete RBL Server' %}":enabling?"{% translate 'Enable RBL Server' %}":"{% translate 'Disable RBL Server' %}");$('#rblActionNotice').removeClass('eenos-notice-danger eenos-notice-warning eenos-notice-success').addClass(deleting?'eenos-notice-danger':enabling?'eenos-notice-success':'eenos-notice-warning');$('#rblActionHeading').text(deleting?"{% translate 'Permanent removal' %}":enabling?"{% translate 'Activate reputation checks' %}":"{% translate 'Pause reputation checks' %}");$('#rblActionText').text(deleting?"{% translate 'This custom RBL server will be removed from the Exim configuration.' %}":enabling?"{% translate 'Exim will query this provider while evaluating incoming SMTP connections.' %}":"{% translate 'Exim will stop querying this provider until it is enabled again.' %}");$('#confirmRblAction').removeClass('btn-danger btn-warning btn-success').addClass(deleting?'btn-danger':enabling?'btn-success':'btn-warning').text(deleting?"{% translate 'Delete RBL' %}":enabling?"{% translate 'Enable RBL' %}":"{% translate 'Disable RBL' %}");modal.show();});
    $('#confirmRblAction').on('click',function(){$('#rblStatusMarker,#rblDeleteMarker').prop('disabled',true);if(action==='delete')$('#rblDeleteMarker').prop('disabled',false).val('yes');else $('#rblStatusMarker').prop('disabled',false).val(action==='enable'?'on':'off');document.getElementById('rblActionForm').submit();});
});
    </script>
{% endblock %}