{% extends "base.html" %}
{% load i18n static %}
{% block title %}{% translate "Edit DNS Template" %} - Eenos{% endblock %}
{% block extra_css %}<style>.dns-template-editor{width:100%;height:680px;min-height:420px;border:1px solid var(--eenos-border);border-radius:var(--eenos-radius);font-size:.875rem}.dns-template-editor:focus-within{border-color:var(--eenos-primary);box-shadow:0 0 0 .2rem rgba(255,139,0,.15)}</style>{% endblock %}
{% block content %}<div class="eenos-page-header flex-wrap"><div><h1 class="eenos-page-title">{% translate "Edit DNS Template" %}</h1><div class="eenos-page-subtitle">{% translate "Modify a custom Mako zone template." %}</div></div><div class="d-grid col-12 col-sm-auto"><a href="{% url 'dnstemplates' %}"
   class="btn btn-outline-secondary btn-sm text-nowrap"><i data-lucide="arrow-left"></i>{% translate "Back to Templates" %}</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 "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><a href="{% url 'dnstemplates' %}">{% translate "DNS Templates" %}</a><span class="eenos-breadcrumb-separator" aria-hidden="true"><i data-lucide="chevron-right"></i></span><span class="eenos-breadcrumb-current" aria-current="page">{{ name }}</span></nav>{% include "includes/form_alerts.html" %}<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 "Mako template syntax" %}</div><div class="eenos-notice-text">{% translate "Invalid syntax can prevent DNS zone generation. Review changes carefully before saving." %} <a href="https://www.makotemplates.org/"
    target="_blank"
    rel="noopener noreferrer">{% translate "Mako documentation" %}</a></div></div></div><form method="post" id="editDnsTemplate" class="eenos-form">{% csrf_token %}<input type="hidden" name="isedit" value="yes"><input type="hidden" name="template" value="{{ template }}"><input type="hidden" name="name" value="{{ name }}"><div class="eenos-card"><div class="mb-3"><div class="eenos-panel-title">{{ name }}</div><div class="eenos-panel-subtitle font-monospace">{{ template }}</div></div><span id="dnsEditorLabel" class="visually-hidden">{% translate "Template content" %}</span><div id="dnsTemplateEditor"
     class="dns-template-editor"
     aria-labelledby="dnsEditorLabel"></div><textarea id="dnsTemplateData" name="data" class="d-none" aria-hidden="true">{{ data }}</textarea><div id="dnsEditorError" class="invalid-feedback mt-2 d-none">{% translate "Template content cannot be empty." %}</div></div><button id="saveDnsTemplate" type="button" class="btn btn-primary my-4"><i data-lucide="save"></i>{% translate "Save Template" %}</button></form>
<div class="modal fade"
     id="saveDnsModal"
     tabindex="-1"
     aria-labelledby="saveDnsModalTitle"
     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="saveDnsModalTitle">{% translate "Save DNS Template" %}</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="layout-template"></i>
                    </div>
                    <div class="eenos-modal-info-content">
                        <div class="eenos-modal-info-label">{% translate "DNS template" %}</div>
                        <div class="eenos-modal-info-value">{{ name }}</div>
                        <div class="small text-muted font-monospace mt-1 text-break">{{ template }}</div>
                    </div>
                </div>
                <div class="eenos-notice eenos-notice-warning mb-0">
                    <div class="eenos-notice-icon">
                        <i data-lucide="triangle-alert"></i>
                    </div>
                    <div class="eenos-notice-content">
                        <div class="eenos-notice-title">{% translate "Confirm template replacement" %}</div>
                        <div class="eenos-notice-text">
                            {% translate "Saving will replace the existing custom DNS template with the current editor content." %}
                        </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="confirmSaveDns" type="button">
                    <i data-lucide="save"></i>
                    {% translate "Save Changes" %}
                </button>
            </div>
        </div>
    </div>
</div>
{% endblock %}
{% block extra_js %}<script src="{% get_static_prefix %}{{ theme }}/js/ace/ace.js"></script><script>$(function(){ace.config.set('basePath',"{% get_static_prefix %}{{ theme }}/js/ace");const editor=ace.edit('dnsTemplateEditor'),data=$('#dnsTemplateData'),modal=bootstrap.Modal.getOrCreateInstance(document.getElementById('saveDnsModal'));editor.textInput.getElement().id='dnsTemplateEditorInput';editor.setValue(data.val(),-1);editor.session.setMode('ace/mode/python');editor.session.setUseWorker(false);editor.setOptions({fontSize:'14px',showPrintMargin:false,tabSize:4,useSoftTabs:true,wrap:false});function theme(){editor.setTheme(document.body.dataset.theme==='dark'?'ace/theme/tomorrow_night':'ace/theme/chrome')}theme();new MutationObserver(theme).observe(document.body,{attributes:true,attributeFilter:['data-theme']});function sync(){const value=editor.getValue(),valid=value.trim().length>0;data.val(value);$('#dnsTemplateEditor').toggleClass('is-invalid',!valid);$('#dnsEditorError').toggleClass('d-none',valid);return valid}editor.session.on('change',function(){if(editor.getValue().trim().length>0){$('#dnsTemplateEditor').removeClass('is-invalid');$('#dnsEditorError').addClass('d-none')}});$('#saveDnsTemplate').on('click',function(){if(sync())modal.show();else editor.focus()});$('#confirmSaveDns').on('click',function(){if(sync())document.getElementById('editDnsTemplate').submit()})});</script>{% endblock %}