{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Add DNS Zone" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header flex-wrap">
        <div>
            <h1 class="eenos-page-title">{% translate "Add DNS Zone" %}</h1>
            <div class="eenos-page-subtitle">{% translate "Create an authoritative DNS zone for a hosting account." %}</div>
        </div>
        <div class="d-grid col-12 col-sm-auto">
            <a href="{% url 'dnslist' %}" class="btn btn-outline-secondary btn-sm text-nowrap"><i data-lucide="arrow-left"></i>{% translate "Back to Zones" %}</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 'dnslist' %}">{% translate "DNS Zones" %}</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 "Add Zone" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <form method="post"
          id="dnsZoneForm"
          class="eenos-form"
          data-parsley-validate>
        {% csrf_token %}
        <input type="hidden" name="adddns" value="yes">
        {% include "includes/dns_zone_fields.html" with mode="add" %}
        <button type="submit" class="btn btn-primary my-4"><i data-lucide="plus"></i>{% translate "Create DNS Zone" %}</button>
    </form>
{% endblock %}
{% block extra_js %}
    {% include "includes/dns_zone_scripts.html" with mode="add" %}
{% endblock %}