{% extends 'generic/object.html' %}
{% load helpers %}

{% block content %}
{% if not push_scope_info %}
<div class="alert alert-warning d-flex align-items-center mb-3" role="alert">
  <i class="mdi mdi-lock me-2"></i>
  <span>Scopes are <strong>read-only</strong> — enable <em>Push Scope Info</em> in
    <a href="{% url 'plugins:netbox_windows_dhcp:settings' %}">plugin settings</a>
    to allow edits.</span>
</div>
{% endif %}
<div class="row mb-3">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">DHCP Scope</h5>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">Name</th>
            <td>{{ object.name }}</td>
          </tr>
          <tr>
            <th scope="row">Prefix</th>
            <td><a href="{{ object.prefix.get_absolute_url }}">{{ object.prefix }}</a></td>
          </tr>
          <tr>
            <th scope="row">Start IP</th>
            <td><code>{{ object.start_ip }}</code></td>
          </tr>
          <tr>
            <th scope="row">End IP</th>
            <td><code>{{ object.end_ip }}</code></td>
          </tr>
          <tr>
            <th scope="row">Router (Option 3)</th>
            <td>{% if object.router %}<code>{{ object.router }}</code>{% else %}<span class="text-muted">—</span>{% endif %}</td>
          </tr>
          <tr>
            <th scope="row">Lease Lifetime</th>
            <td>{{ object.lease_lifetime_display }}</td>
          </tr>
          <tr>
            <th scope="row">Scope Source</th>
            <td>
              {% if object.failover %}
                <a href="{{ object.failover.get_absolute_url }}">{{ object.failover }}</a>
                <span class="text-muted ms-1">(failover)</span>
              {% elif object.server %}
                <a href="{{ object.server.get_absolute_url }}">{{ object.server }}</a>
                <span class="text-muted ms-1">(standalone)</span>
              {% else %}
                <span class="text-muted">None</span>
              {% endif %}
            </td>
          </tr>
        </table>
      </div>
    </div>
    {% include 'inc/panels/tags.html' %}
    {% include 'inc/panels/custom_fields.html' %}
  </div>
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">Option Values</h5>
      <div class="card-body">
        {% if option_table.rows %}
          {% include 'inc/table.html' with table=option_table %}
        {% else %}
          <p class="text-muted">No option values assigned.</p>
        {% endif %}
      </div>
    </div>
    {% if option_table.rows %}
      {% include 'inc/paginator.html' with paginator=option_table.paginator page=option_table.page %}
    {% endif %}

    <div class="card mt-3">
      <h5 class="card-header d-flex justify-content-between align-items-center">
        Exclusion Ranges
        <a href="{% url 'plugins:netbox_windows_dhcp:dhcpexclusionrange_add' %}?scope={{ object.pk }}"
           class="btn btn-sm btn-primary">
          <i class="mdi mdi-plus-thick"></i> Add
        </a>
      </h5>
      <div class="card-body">
        {% if exclusion_table.rows %}
          {% include 'inc/table.html' with table=exclusion_table %}
        {% else %}
          <p class="text-muted">No exclusion ranges defined.</p>
        {% endif %}
      </div>
    </div>
    {% if exclusion_table.rows %}
      {% include 'inc/paginator.html' with paginator=exclusion_table.paginator page=exclusion_table.page %}
    {% endif %}
  </div>
</div>

<div class="row mb-3">
  <div class="col col-12">
    <div class="card">
      <h5 class="card-header">IP Addresses</h5>
      <div class="card-body">
        {% if ip_table.rows %}
          {% include 'inc/table.html' with table=ip_table %}
        {% else %}
          <p class="text-muted">No IP addresses found in this scope's range or with a dhcp-* status within the prefix.</p>
        {% endif %}
      </div>
    </div>
    {% if ip_table.rows %}
      {% include 'inc/paginator.html' with paginator=ip_table.paginator page=ip_table.page %}
    {% endif %}
  </div>
</div>

{% endblock %}