{% extends 'netbox_kea/combined_base.html' %}

{% block tab_content %}
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 g-3 mt-0">
  {% for server in all_servers %}
  <div class="col">
    <div class="card h-100">
      <div class="card-header d-flex justify-content-between align-items-center">
        <strong><a href="{{ server.get_absolute_url }}">{{ server.name }}</a></strong>
        <span
          hx-get="{% url 'plugins:netbox_kea:combined_server_status_badge' server.pk %}"
          hx-trigger="load"
          hx-swap="outerHTML">
          <span class="badge text-bg-secondary ms-1">
            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
            Checking…
          </span>
        </span>
      </div>
      <div class="card-body">
        <dl class="row mb-0">
          <dt class="col-sm-4">URL</dt>
          <dd class="col-sm-8 text-break"><code>{{ server.server_url }}</code></dd>
          {% if server.dhcp4_url %}
          <dt class="col-sm-4">DHCPv4 URL</dt>
          <dd class="col-sm-8 text-break"><code>{{ server.dhcp4_url }}</code></dd>
          {% endif %}
          {% if server.dhcp6_url %}
          <dt class="col-sm-4">DHCPv6 URL</dt>
          <dd class="col-sm-8 text-break"><code>{{ server.dhcp6_url }}</code></dd>
          {% endif %}
          <dt class="col-sm-4">SSL Verify</dt>
          <dd class="col-sm-8">{{ server.ssl_verify|yesno:"Yes,No" }}</dd>
        </dl>
      </div>
      <div class="card-footer d-flex flex-wrap gap-1">
        <a href="{{ server.get_absolute_url }}" class="btn btn-sm btn-outline-secondary">
          <i class="mdi mdi-eye"></i> Detail
        </a>
        {% if server.dhcp4 %}
        <a href="{% url 'plugins:netbox_kea:combined_reservations4' %}?server={{ server.pk }}"
           class="btn btn-sm btn-outline-primary">
          <i class="mdi mdi-bookmark-multiple"></i> v4 Reservations
        </a>
        <a href="{% url 'plugins:netbox_kea:combined_subnets4' %}?server={{ server.pk }}"
           class="btn btn-sm btn-outline-primary">
          <i class="mdi mdi-ip-network"></i> v4 Subnets
        </a>
        {% endif %}
        {% if server.dhcp6 %}
        <a href="{% url 'plugins:netbox_kea:combined_reservations6' %}?server={{ server.pk }}"
           class="btn btn-sm btn-outline-info">
          <i class="mdi mdi-bookmark-multiple"></i> v6 Reservations
        </a>
        <a href="{% url 'plugins:netbox_kea:combined_subnets6' %}?server={{ server.pk }}"
           class="btn btn-sm btn-outline-info">
          <i class="mdi mdi-ip-network"></i> v6 Subnets
        </a>
        {% endif %}
      </div>
    </div>
  </div>
  {% empty %}
  <div class="col-12">
    <div class="alert alert-info">
      No Kea servers configured yet.
      <a href="{% url 'plugins:netbox_kea:server_add' %}">Add one now.</a>
    </div>
  </div>
  {% endfor %}
</div>
{% endblock tab_content %}