{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Hostname DNS" %} - Eenos{% endblock %}
{% block content %}<div class="eenos-page-header"><div><h1 class="eenos-page-title">{% translate "Hostname DNS" %}</h1><div class="eenos-page-subtitle">{% translate "Manage the local DNS zone for the server hostname." %}</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 "Hostname DNS" %}</span></nav>{% include "includes/form_alerts.html" %}<div class="eenos-card"><div class="d-flex justify-content-between align-items-start gap-3 flex-wrap"><div><div class="eenos-panel-title">{{ hostname }}</div><div class="eenos-panel-subtitle">{% translate "Uses the server's primary shared addresses." %}</div></div>{% if havehns.status == "yes" %}<span class="eenos-status text-success"><i data-lucide="circle-check"></i>{% translate "Zone installed" %}</span>{% else %}<span class="eenos-status text-muted"><i data-lucide="circle-x"></i>{% translate "Zone not installed" %}</span>{% endif %}</div><div class="row g-3 mt-2"><div class="col-md-6"><div class="border rounded-3 p-3"><div class="small text-muted">IPv4</div><div class="font-monospace fw-semibold">{{ ipv4|default:"—" }}</div></div></div><div class="col-md-6"><div class="border rounded-3 p-3"><div class="small text-muted">IPv6</div><div class="font-monospace fw-semibold text-break">{{ ipv6|default:"—" }}</div></div></div></div>{% if havehns.zone %}<div class="small text-muted mt-3">{% translate "Zone file" %}: <span class="font-monospace">{{ havehns.zone }}</span></div>{% endif %}</div><div class="d-flex gap-2 my-4"><button class="btn btn-primary hostname-action"
        data-action="rebuildhostname"
        type="button"><i data-lucide="refresh-cw"></i>{% if havehns.status == "yes" %}{% translate "Rebuild Zone" %}{% else %}{% translate "Install Zone" %}{% endif %}</button>{% if havehns.status == "yes" %}<button class="btn btn-outline-danger hostname-action"
        data-action="deletehostname"
        type="button"><i data-lucide="trash-2"></i>{% translate "Delete Zone" %}</button>{% endif %}</div><form method="post" id="hostnameForm" class="d-none">{% csrf_token %}<input type="hidden" name="hostname" value="{{ hostname }}"><input type="hidden" id="hostnameAction"></form><div class="modal fade"
     id="hostnameModal"
     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="hostnameModalTitle"></h2><button type="button"
        class="btn-close"
        data-bs-dismiss="modal"
        aria-label="{% translate 'Close' %}"></button></div><div class="modal-body"><p id="hostnameModalText" class="mb-0"></p></div><div class="modal-footer"><button class="btn btn-outline-secondary"
        data-bs-dismiss="modal"
        type="button">{% translate "Cancel" %}</button><button class="btn btn-primary" id="confirmHostname" type="button">{% translate "Continue" %}</button></div></div></div></div>{% endblock %}
{% block extra_js %}<script>$(function(){let action='';const modal=bootstrap.Modal.getOrCreateInstance(document.getElementById('hostnameModal'));$('.hostname-action').on('click',function(){action=$(this).data('action');const remove=action==='deletehostname';$('#hostnameModalTitle').text(remove?'{% translate "Delete Hostname Zone" %}':'{% translate "Build Hostname Zone" %}');$('#hostnameModalText').text((remove?'{% translate "Delete the local DNS zone for" %} ':'{% translate "Create or rebuild the local DNS zone for" %} ')+'{{ hostname|escapejs }}?');$('#confirmHostname').toggleClass('btn-danger',remove).toggleClass('btn-primary',!remove);modal.show()});$('#confirmHostname').on('click',function(){$('#hostnameAction').attr('name',action).val('yes');document.getElementById('hostnameForm').submit()})});</script>{% endblock %}