{% 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 }} Subnet
        <span class="badge text-bg-secondary font-monospace">{{ subnet_cidr }}</span>
      </h5>
      <div class="card-body">
        {% if subnet_cidr %}
          <p class="text-muted small mb-3">
            <i class="mdi mdi-information-outline" aria-hidden="true"></i>
            Subnet CIDR and ID are immutable. All other values replace the current configuration.
            Leave a field blank to clear the corresponding option.
          </p>
        {% endif %}
        <form method="post">
          {% csrf_token %}
          {{ form.subnet_cidr }}

          {% 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.pools.id_for_label }}" class="form-label">{{ form.pools.label }}</label>
            {{ form.pools }}
            {% if form.pools.help_text %}<div class="form-text text-muted">{{ form.pools.help_text }}</div>{% endif %}
            {% for err in form.pools.errors %}<div class="text-danger small">{{ err }}</div>{% endfor %}
          </div>

          <div class="mb-3">
            <label for="{{ form.gateway.id_for_label }}" class="form-label">{{ form.gateway.label }}</label>
            {{ form.gateway }}
            {% if inherited_options.gateway %}
              <div class="form-text text-secondary">
                <i class="mdi mdi-arrow-up-circle-outline" aria-hidden="true"></i>
                Inherited from {{ inherited_options.gateway.source }}: <code>{{ inherited_options.gateway.value }}</code>
              </div>
            {% elif form.gateway.help_text %}
              <div class="form-text text-muted">{{ form.gateway.help_text }}</div>
            {% endif %}
            {% for err in form.gateway.errors %}<div class="text-danger small">{{ err }}</div>{% endfor %}
          </div>

          <div class="mb-3">
            <label for="{{ form.dns_servers.id_for_label }}" class="form-label">{{ form.dns_servers.label }}</label>
            {{ form.dns_servers }}
            {% if inherited_options.dns_servers %}
              <div class="form-text text-secondary">
                <i class="mdi mdi-arrow-up-circle-outline" aria-hidden="true"></i>
                Inherited from {{ inherited_options.dns_servers.source }}: <code>{{ inherited_options.dns_servers.value }}</code>
              </div>
            {% elif 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 inherited_options.ntp_servers %}
              <div class="form-text text-secondary">
                <i class="mdi mdi-arrow-up-circle-outline" aria-hidden="true"></i>
                Inherited from {{ inherited_options.ntp_servers.source }}: <code>{{ inherited_options.ntp_servers.value }}</code>
              </div>
            {% elif 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>

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

          <hr>
          <p class="text-muted small">Lease lifetime overrides (leave blank to use server defaults)</p>

          <div class="row">
            <div class="col-md-4 mb-3">
              <label for="{{ form.valid_lft.id_for_label }}" class="form-label">{{ form.valid_lft.label }}</label>
              {{ form.valid_lft }}
              {% for err in form.valid_lft.errors %}<div class="text-danger small">{{ err }}</div>{% endfor %}
            </div>
            <div class="col-md-4 mb-3">
              <label for="{{ form.min_valid_lft.id_for_label }}" class="form-label">{{ form.min_valid_lft.label }}</label>
              {{ form.min_valid_lft }}
              {% for err in form.min_valid_lft.errors %}<div class="text-danger small">{{ err }}</div>{% endfor %}
            </div>
            <div class="col-md-4 mb-3">
              <label for="{{ form.max_valid_lft.id_for_label }}" class="form-label">{{ form.max_valid_lft.label }}</label>
              {{ form.max_valid_lft }}
              {% for err in form.max_valid_lft.errors %}<div class="text-danger small">{{ err }}</div>{% endfor %}
            </div>
          </div>

          <h6 class="mt-2 text-muted">Timers</h6>
          <p class="text-muted small">Leave blank to keep the current live value; the existing timer will not be changed.</p>
          <div class="row">
            <div class="col-md-6 mb-3">
              <label for="{{ form.renew_timer.id_for_label }}" class="form-label">{{ form.renew_timer.label }}</label>
              {{ form.renew_timer }}
              {% if form.renew_timer.help_text %}<div class="form-text">{{ form.renew_timer.help_text }}</div>{% endif %}
              {% for err in form.renew_timer.errors %}<div class="text-danger small">{{ err }}</div>{% endfor %}
            </div>
            <div class="col-md-6 mb-3">
              <label for="{{ form.rebind_timer.id_for_label }}" class="form-label">{{ form.rebind_timer.label }}</label>
              {{ form.rebind_timer }}
              {% if form.rebind_timer.help_text %}<div class="form-text">{{ form.rebind_timer.help_text }}</div>{% endif %}
              {% for err in form.rebind_timer.errors %}<div class="text-danger small">{{ err }}</div>{% endfor %}
            </div>
          </div>

          <div class="mt-3">
            <a href="{{ return_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 %}