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

{% block title %}Global Rules Search{% 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>
    Global Rules Search
    {% if total_count %}
      <span class="badge text-bg-secondary ms-2">{{ total_count }}</span>
    {% endif %}
  </h1>
</div>

{# ── Filter panel ── #}
<div class="card mb-4">
  <div class="card-header fw-semibold">
    <i class="mdi mdi-filter-outline me-1"></i> Object Filter
  </div>
  <div class="card-body pb-2">

    {# Active Source filter #}
    <div class="mb-2">
      <span class="text-muted small me-2">Source:</span>
      {% for item in src_objects %}
        <a href="{{ item.remove_url }}"
           class="badge text-decoration-none me-1"
           style="background:{{ item.obj.custom_type.color|default:'#6c757d' }};color:#fff;"
           title="Remove">
          {{ item.obj.name }} <i class="mdi mdi-close ms-1"></i>
        </a>
      {% empty %}
        <span class="text-muted small fst-italic">none</span>
      {% endfor %}
    </div>

    {# Active Destination filter #}
    <div class="mb-3">
      <span class="text-muted small me-2">Destination:</span>
      {% for item in dst_objects %}
        <a href="{{ item.remove_url }}"
           class="badge text-decoration-none me-1"
           style="background:{{ item.obj.custom_type.color|default:'#6c757d' }};color:#fff;"
           title="Remove">
          {{ item.obj.name }} <i class="mdi mdi-close ms-1"></i>
        </a>
      {% empty %}
        <span class="text-muted small fst-italic">none</span>
      {% endfor %}
    </div>

    {# Search form to add objects #}
    <form method="get" class="d-flex gap-2 align-items-center flex-wrap">
      {% for v in src_obj_ids %}
        <input type="hidden" name="src_obj_id" value="{{ v }}">
      {% endfor %}
      {% for v in dst_obj_ids %}
        <input type="hidden" name="dst_obj_id" value="{{ v }}">
      {% endfor %}
      <input type="text" name="add_q" value="{{ add_q|default:'' }}"
             class="form-control form-control-sm"
             style="max-width:280px;"
             placeholder="Search object by name …"
             autofocus>
      <button type="submit" class="btn btn-sm btn-outline-primary">
        <i class="mdi mdi-magnify"></i> Find
      </button>
      {% if src_obj_ids or dst_obj_ids %}
        <a href="{{ request.path }}" class="btn btn-sm btn-outline-secondary">
          <i class="mdi mdi-close"></i> Clear all
        </a>
      {% endif %}
    </form>

    {# Suggestions #}
    {% if add_suggestions %}
    <div class="mt-3">
      <span class="text-muted small d-block mb-1">Results — click to add as filter:</span>
      <div class="d-flex flex-wrap gap-1">
        {% for item in add_suggestions %}
          <span class="me-2 mb-1">
            <a href="{{ item.add_src_url }}"
               class="badge text-decoration-none"
               style="background:{{ item.obj.custom_type.color|default:'#6c757d' }};color:#fff;"
               title="Add to Source filter">
              <i class="mdi mdi-arrow-right-bold me-1"></i>{{ item.obj.name }}
            </a>
          </span>
        {% endfor %}
      </div>
    </div>
    {% elif add_q %}
    <p class="text-muted small mt-2">No objects found for "{{ add_q }}".</p>
    {% endif %}

  </div>
</div>

{# ── Results grouped by rulebook ── #}
{% if rulebook_groups %}
  <div class="row g-3">
  {% for group in rulebook_groups %}
    <div class="col-12 col-md-6 col-xl-4">
      <div class="card h-100">
        <div class="card-body d-flex flex-column">
          <h6 class="card-title mb-1">
            <i class="mdi mdi-book-open-outline me-1 text-muted"></i>
            {% if group.rulebook %}
              <a href="{{ group.rulebook.get_absolute_url }}">{{ group.rulebook.name }}</a>
            {% else %}
              <span class="text-muted">(no rulebook)</span>
            {% endif %}
          </h6>
          <p class="text-muted small mb-3">
            <span class="badge text-bg-secondary">{{ group.rules|length }}</span>
            matching rule{{ group.rules|length|pluralize }}
          </p>
          {% if group.policy_url %}
            <a href="{{ group.policy_url }}" class="btn btn-primary btn-sm mt-auto">
              <i class="mdi mdi-open-in-new me-1"></i>Open in Policy view
            </a>
          {% endif %}
        </div>
      </div>
    </div>
  {% endfor %}
  </div>
{% elif src_obj_ids or dst_obj_ids %}
  <div class="alert alert-warning">No matching rules found across all rulebooks.</div>
{% endif %}

{% endblock %}