{% extends 'base/layout.html' %}
{% load form_helpers %}

{% block title %}Windows DHCP — Settings{% endblock %}

{% block content %}
<form method="post">
  {% csrf_token %}
  {% if form.non_field_errors %}
  <div class="alert alert-danger">{{ form.non_field_errors }}</div>
  {% endif %}

  <div class="row">
    {% for cards in form.columns %}
    <div class="col-12 col-lg-6">
      {% for title, description, groups in cards %}
      <div class="card mb-3">
        <h5 class="card-header">{{ title }}</h5>
        <div class="card-body">
          <p class="text-muted small">{{ description }}</p>
          {% for heading, fields in groups %}
            {% if heading %}
            <div class="text-muted text-uppercase small fw-semibold border-bottom pb-1 mb-3{% if not forloop.first %} mt-4{% endif %}">{{ heading }}</div>
            {% endif %}
            {% for field, overridden in fields %}
              {% if overridden %}
              <div class="text-muted small mb-1">
                <i class="mdi mdi-lock-outline"></i>
                Locked by <code>PLUGINS_CONFIG['netbox_windows_dhcp']</code> in <code>configuration.py</code>;
                changes here have no effect while the override is active.
              </div>
              {% endif %}
              {% render_field field %}
            {% endfor %}
          {% endfor %}
        </div>
      </div>
      {% endfor %}
    </div>
    {% endfor %}
  </div>

  <div class="btn-float-group-right">
    <a href="{% url 'plugins:netbox_windows_dhcp:dhcpserver_list' %}" class="btn btn-outline-secondary btn-float">Cancel</a>
    <button type="submit" class="btn btn-primary">Save</button>
  </div>
</form>

{# The full explanations behind the (?) after a setting's help text #}
{% for name, label, details in form.help_details %}
<div class="modal fade" id="{{ name }}_details" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">{{ label }}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">{{ details }}</div>
    </div>
  </div>
</div>
{% endfor %}

{% endblock %}