{% extends 'base/layout.html' %}
{% load i18n %}
{% load helpers %}

{% block title %}Matching Rules — {{ object }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h1 class="h3 mb-0">
    <i class="mdi mdi-shield-search me-2"></i>
    Matching Rules — <a href="{{ object.get_absolute_url }}">{{ object }}</a>
  </h1>
  <a href="{{ object.get_absolute_url }}" class="btn btn-outline-secondary btn-sm">
    <i class="mdi mdi-arrow-left"></i> Back
  </a>
</div>

{# Virtual combined label #}
<div class="card mb-3">
  <div class="card-header fw-bold">Virtual Label (sorted)</div>
  <div class="card-body py-2">
    {% for lbl in labels %}
      <a href="{{ lbl.get_absolute_url }}"
         class="badge me-1 text-decoration-none"
         style="background:{{ lbl.custom_type.color|default:'#6c757d' }};color:#fff;">
        {{ lbl.name }}
      </a>
    {% empty %}
      <span class="text-muted">No labels assigned.</span>
    {% endfor %}
    <span class="text-muted ms-2 small">({{ labels|length }} label{{ labels|length|pluralize }})</span>
  </div>
</div>

{# Source matching rules #}
<div class="card mb-3">
  <h5 class="card-header">
    Source Matching Rules
    <span class="badge text-bg-secondary ms-2">{{ src_rules|length }}</span>
    <small class="text-muted fw-normal ms-2">Rules where all device labels appear in Source</small>
  </h5>
  {% if src_rules %}
  <div class="table-responsive">
    <table class="table table-hover table-sm mb-0">
      <thead class="table-light">
        <tr>
          <th>Rule</th>
          <th>Rulebook</th>
          <th>Source Labels</th>
          <th>Source Zones</th>
          <th>Destination Labels</th>
          <th>Destination Zones</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        {% for rule in src_rules %}
        <tr>
          <td><a href="{{ rule.get_absolute_url }}">{{ rule.name }}</a></td>
          <td>
            {% if rule.rulebook %}
              <a href="{{ rule.rulebook.get_absolute_url }}">{{ rule.rulebook.name }}</a>
            {% else %}—{% endif %}
          </td>
          <td>
            {% for obj in rule.custom_srcdst_objects.all %}
              <a href="{{ obj.get_absolute_url }}"
                 class="badge me-1 text-decoration-none"
                 style="background:{{ obj.custom_type.color|default:'#6c757d' }};color:#fff;">
                {{ obj.name }}
              </a>
            {% empty %}—{% endfor %}
          </td>
          <td>
            {% for z in rule.source_zones.all %}
              <a href="{{ z.get_absolute_url }}"
                 class="badge me-1 text-decoration-none"
                 style="background:{{ z.color }};color:#fff;">{{ z.name }}</a>
            {% empty %}—{% endfor %}
          </td>
          <td>
            {% for obj in rule.destination_custom_objects.all %}
              <a href="{{ obj.get_absolute_url }}"
                 class="badge me-1 text-decoration-none"
                 style="background:{{ obj.custom_type.color|default:'#6c757d' }};color:#fff;">
                {{ obj.name }}
              </a>
            {% empty %}—{% endfor %}
          </td>
          <td>
            {% for z in rule.destination_zones.all %}
              <a href="{{ z.get_absolute_url }}"
                 class="badge me-1 text-decoration-none"
                 style="background:{{ z.color }};color:#fff;">{{ z.name }}</a>
            {% empty %}—{% endfor %}
          </td>
          <td>
            {% for act in rule.custom_action_objects.all %}
              <span class="badge text-bg-secondary">{{ act.name }}</span>
            {% empty %}—{% endfor %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% else %}
  <div class="card-body text-muted">No rules match all labels in Source.</div>
  {% endif %}
</div>

{# Destination matching rules #}
<div class="card mb-3">
  <h5 class="card-header">
    Destination Matching Rules
    <span class="badge text-bg-secondary ms-2">{{ dst_rules|length }}</span>
    <small class="text-muted fw-normal ms-2">Rules where all device labels appear in Destination</small>
  </h5>
  {% if dst_rules %}
  <div class="table-responsive">
    <table class="table table-hover table-sm mb-0">
      <thead class="table-light">
        <tr>
          <th>Rule</th>
          <th>Rulebook</th>
          <th>Source Labels</th>
          <th>Source Zones</th>
          <th>Destination Labels</th>
          <th>Destination Zones</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        {% for rule in dst_rules %}
        <tr>
          <td><a href="{{ rule.get_absolute_url }}">{{ rule.name }}</a></td>
          <td>
            {% if rule.rulebook %}
              <a href="{{ rule.rulebook.get_absolute_url }}">{{ rule.rulebook.name }}</a>
            {% else %}—{% endif %}
          </td>
          <td>
            {% for obj in rule.custom_srcdst_objects.all %}
              <a href="{{ obj.get_absolute_url }}"
                 class="badge me-1 text-decoration-none"
                 style="background:{{ obj.custom_type.color|default:'#6c757d' }};color:#fff;">
                {{ obj.name }}
              </a>
            {% empty %}—{% endfor %}
          </td>
          <td>
            {% for z in rule.source_zones.all %}
              <a href="{{ z.get_absolute_url }}"
                 class="badge me-1 text-decoration-none"
                 style="background:{{ z.color }};color:#fff;">{{ z.name }}</a>
            {% empty %}—{% endfor %}
          </td>
          <td>
            {% for obj in rule.destination_custom_objects.all %}
              <a href="{{ obj.get_absolute_url }}"
                 class="badge me-1 text-decoration-none"
                 style="background:{{ obj.custom_type.color|default:'#6c757d' }};color:#fff;">
                {{ obj.name }}
              </a>
            {% empty %}—{% endfor %}
          </td>
          <td>
            {% for z in rule.destination_zones.all %}
              <a href="{{ z.get_absolute_url }}"
                 class="badge me-1 text-decoration-none"
                 style="background:{{ z.color }};color:#fff;">{{ z.name }}</a>
            {% empty %}—{% endfor %}
          </td>
          <td>
            {% for act in rule.custom_action_objects.all %}
              <span class="badge text-bg-secondary">{{ act.name }}</span>
            {% empty %}—{% endfor %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% else %}
  <div class="card-body text-muted">No rules match all labels in Destination.</div>
  {% endif %}
</div>
{% endblock %}