{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Nameserver DNS" %} - Eenos{% endblock %}
{% block content %}<div class="eenos-page-header"><div><h1 class="eenos-page-title">{% translate "Nameserver DNS" %}</h1><div class="eenos-page-subtitle">{% translate "Create and maintain zones for the nameservers configured in server settings." %}</div></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 "Network & DNS" %}</span><span class="eenos-breadcrumb-separator" aria-hidden="true"><i data-lucide="chevron-right"></i></span><span>{% translate "DNS" %}</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 "Nameserver DNS" %}</span></nav>{% include "includes/form_alerts.html" %}<div class="eenos-card"><table id="nameserverTable"
       class="table table-hover align-middle w-100 mb-0"><thead><tr><th>{% translate "Nameserver" %}</th><th>IPv4</th><th>IPv6</th><th>{% translate "Status" %}</th><th class="text-end">{% translate "Actions" %}</th></tr></thead></table></div><form method="post" id="nsActionForm" class="d-none">{% csrf_token %}<input type="hidden" name="ns" id="nsName"><input type="hidden" name="ipv4" id="nsIpv4"><input type="hidden" name="ipv6" id="nsIpv6"><input type="hidden" id="nsAction"></form><div class="modal fade" id="nsModal" tabindex="-1" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><form id="nsAddressForm"
      class="modal-content eenos-form"
      data-parsley-validate><div class="modal-header"><h2 class="modal-title fs-5" id="nsModalTitle"></h2><button class="btn-close"
        type="button"
        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="server"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Nameserver" %}</div><div class="eenos-modal-info-value" id="nsDisplay"></div></div></div><div id="nsAddressFields"><div class="mb-3"><label for="nsIpv4Input" class="form-label">IPv4</label><input id="nsIpv4Input"
       name="modal_ipv4"
       class="form-control"
       required
       data-parsley-pattern="^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$"
       data-parsley-required-message="{% translate 'Enter the nameserver IPv4 address.' %}"
       data-parsley-pattern-message="{% translate 'Enter a valid IPv4 address.' %}"></div><div><label for="nsIpv6Input" class="form-label">IPv6 <span class="text-muted">({% translate "optional" %})</span></label><input id="nsIpv6Input" name="modal_ipv6" class="form-control"></div></div><div id="nsDeleteText" class="eenos-notice eenos-notice-danger"><div class="eenos-notice-icon"><i data-lucide="triangle-alert"></i></div><div class="eenos-notice-content"><div class="eenos-notice-text">{% translate "The local nameserver zone will be permanently removed." %}</div></div></div></div><div class="modal-footer"><button class="btn btn-outline-secondary"
        type="button"
        data-bs-dismiss="modal">{% translate "Cancel" %}</button><button class="btn btn-primary" id="confirmNsAction" type="button">{% translate "Save Zone" %}</button></div></form></div></div>{% endblock %}
{% block extra_js %}<script>$(function(){const esc=v=>$('<div>').text(v==null?'':v).html();let row=null,remove=false;const modal=bootstrap.Modal.getOrCreateInstance(document.getElementById('nsModal')),addressForm=$('#nsAddressForm');const table=$('#nameserverTable').DataTable({responsive:{details:{renderer:DataTable.Responsive.renderer.listHiddenNodes()}},processing:true,language:{processing:'{% translate "Loading..." %}'},ajax:{url:"{% url 'dns_ns_data' %}",dataSrc:'data'},columns:[{data:'nameserver',responsivePriority:1,render:(d,t,r)=>t==='display'?'<a href="'+esc(r.site_url)+'" target="_blank">'+esc(d)+'</a>':d},{data:'ipv4',className:'font-monospace'},{data:'ipv6',className:'font-monospace'},{data:'zone_exists',render:(d,t)=>t==='display'?'<span class="eenos-status '+(d?'text-success':'text-muted')+'"><i data-lucide="'+(d?'circle-check':'circle-x')+'"></i>'+(d?'{% translate "Enabled" %}':'{% translate "Not installed" %}')+'</span>':d},{data:null,orderable:false,searchable:false,className:'text-end',responsivePriority:1,render:(d,t,r)=>t==='display'?'<div class="eenos-dt-actions d-flex justify-content-end gap-1"><button class="btn btn-sm btn-outline-primary ns-action" data-remove="false" title="{% translate "Create or rebuild" %}"><i data-lucide="refresh-cw"></i></button>'+(r.can_delete?'<button class="btn btn-sm btn-outline-danger ns-action" data-remove="true" title="{% translate "Delete zone" %}"><i data-lucide="trash-2"></i></button>':'')+'</div>':''}],drawCallback:()=>lucide.createIcons()});table.on('responsive-display',()=>lucide.createIcons());$(document).on('click','.ns-action',function(){const tr=$(this).closest('tr');row=table.row(tr.hasClass('child')?tr.prev():tr).data();remove=$(this).data('remove')===true;addressForm.parsley().reset();$('#nsDisplay').text(row.nameserver);$('#nsIpv4Input').val(row.ipv4);$('#nsIpv6Input').val(row.ipv6);$('#nsAddressFields').toggle(!remove);$('#nsDeleteText').toggle(remove);$('#nsModalTitle').text(remove?'{% translate "Delete Nameserver Zone" %}':'{% translate "Configure Nameserver Zone" %}');$('#confirmNsAction').text(remove?'{% translate "Delete Zone" %}':'{% translate "Save Zone" %}').toggleClass('btn-danger',remove).toggleClass('btn-primary',!remove);modal.show()});$('#confirmNsAction').on('click',function(){if(!remove&&addressForm.parsley().validate()!==true){return}$('#nsName').val(row.nameserver);$('#nsIpv4').val($('#nsIpv4Input').val().trim());$('#nsIpv6').val($('#nsIpv6Input').val().trim());$('#nsAction').attr('name',remove?'deletens':'nssetup').val('yes');document.getElementById('nsActionForm').submit()})});</script>{% endblock %}