{# SPDX-FileCopyrightText: 2025 Marcin Zieba <marcinpsk@gmail.com> #}
{# SPDX-License-Identifier: Apache-2.0 #}
{% extends "generic/object.html" %}

{% block content %}
<div class="row">
  <div class="col-md-8">
    <div class="card">
      <h5 class="card-header d-flex justify-content-between align-items-center">
        Edit DHCPv{{ dhcp_version }} Shared Network
        <span class="badge text-bg-secondary font-monospace">{{ network_name }}</span>
      </h5>
      <div class="card-body">
        <p class="text-muted small mb-3">
          <i class="mdi mdi-information-outline" aria-hidden="true"></i>
          Network name is immutable. Changes are applied via <code>config-get</code> →
          <code>config-test</code> → <code>config-write</code>.
        </p>

        <form method="post">
          {% csrf_token %}
          {{ form.name }}

          {% if form.non_field_errors %}
            <div class="alert alert-danger">
              {% for error in form.non_field_errors %}
                <div>{{ error }}</div>
              {% endfor %}
            </div>
          {% endif %}

          <div class="mb-3">
            <label for="{{ form.description.id_for_label }}" class="form-label">{{ form.description.label }}</label>
            {{ form.description }}
            {% if form.description.help_text %}<div class="form-text text-muted">{{ form.description.help_text }}</div>{% endif %}
            {% for err in form.description.errors %}<div class="text-danger small">{{ err }}</div>{% endfor %}
          </div>

          <div class="mb-3">
            <label for="{{ form.interface.id_for_label }}" class="form-label">{{ form.interface.label }}</label>
            {{ form.interface }}
            {% if form.interface.help_text %}<div class="form-text text-muted">{{ form.interface.help_text }}</div>{% endif %}
            {% for err in form.interface.errors %}<div class="text-danger small">{{ err }}</div>{% endfor %}
          </div>

          <div class="mb-3">
            <label for="{{ form.relay_addresses.id_for_label }}" class="form-label">{{ form.relay_addresses.label }}</label>
            {{ form.relay_addresses }}
            {% if form.relay_addresses.help_text %}<div class="form-text text-muted">{{ form.relay_addresses.help_text }}</div>{% endif %}
            {% for err in form.relay_addresses.errors %}<div class="text-danger small">{{ err }}</div>{% endfor %}
          </div>

          <hr>
          <h6 class="text-muted">Option Data</h6>

          <div class="mb-3">
            <label for="{{ form.dns_servers.id_for_label }}" class="form-label">{{ form.dns_servers.label }}</label>
            {{ form.dns_servers }}
            {% if form.dns_servers.help_text %}<div class="form-text text-muted">{{ form.dns_servers.help_text }}</div>{% endif %}
            {% for err in form.dns_servers.errors %}<div class="text-danger small">{{ err }}</div>{% endfor %}
          </div>

          <div class="mb-3">
            <label for="{{ form.ntp_servers.id_for_label }}" class="form-label">{{ form.ntp_servers.label }}</label>
            {{ form.ntp_servers }}
            {% if form.ntp_servers.help_text %}<div class="form-text text-muted">{{ form.ntp_servers.help_text }}</div>{% endif %}
            {% for err in form.ntp_servers.errors %}<div class="text-danger small">{{ err }}</div>{% endfor %}
          </div>

          <div class="mt-3">
            <a href="{{ cancel_url }}" class="btn btn-secondary me-2">Cancel</a>
            <button type="submit" class="btn btn-primary">
              <i class="mdi mdi-content-save-outline" aria-hidden="true"></i>
              Save Changes
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}