{% extends "ircpanel/base.html" %}
{% block title %}Spamfilter{% endblock %}
{% block hero_icon %}<svg viewBox="0 0 24 24"><path d="M22 3H2l8 9.5V19l4 2v-8.5L22 3z"/></svg>{% endblock %}
{% block eyebrow %}Protection du réseau{% endblock %}
{% block heading %}Spamfilter <span class="ircp-count">{{ total }}</span>{% endblock %}
{% block subtitle %}Filtres de contenu poussés à l'ircd (m_filter).{% endblock %}
{% block content %}
<input class="ircp-search" id="fq" type="search" placeholder="Filtrer par motif ou raison…" autocomplete="off">
<div class="up-card">
  <div class="proster" id="froster">
    <div class="prow-head"><span>Motif</span><span>Action</span><span>Cibles</span><span>Raison</span><span>Ajouté</span></div>
    {% for f in rows %}
    <div class="prow sfrow" data-q="{{ f.pattern }} {{ f.reason }} {{ f.action }}">
      <span class="prow-mask mono">{{ f.pattern }}</span>
      <span class="up-chip up-act-{{ f.action }}">{{ f.action }}</span>
      <span class="sf-meta mono">{{ f.flags }}</span>
      <span class="prow-reason">{% if f.reason.is_empty() %}<span class="muted">—</span>{% else %}{{ f.reason }}{% endif %}</span>
      <span class="prow-by">{{ f.set_ago }}</span>
    </div>
    {% endfor %}
    {% if rows.is_empty() %}<div class="prow-empty ircp-empty">Aucun filtre configuré.</div>{% endif %}
  </div>
</div>
{% endblock %}
{% block scripts %}
<script>
(function(){var rows=[].slice.call(document.querySelectorAll("#froster .prow"));var q=document.getElementById("fq");
q.addEventListener("input",function(){var t=(q.value||"").toLowerCase();rows.forEach(function(r){r.hidden=t&&(r.dataset.q||"").toLowerCase().indexOf(t)<0;});});})();
</script>
{% endblock %}