{% extends "base.html" %}
{% import "_macros.html" as ui %}
{% block title %}Blocklists · sagittarius{% endblock %}
{% block content %}
<hgroup>
  <h1 class="sgt-page-title">{% call ui::icon("blocklists") %}{% endcall %}Blocklist sources</h1>
  <p class="sgt-muted">Subscribed lists are fetched, parsed, and merged into the in-memory blocklist set.</p>
</hgroup>

{% if let Some(notice) = notice %}
<p class="sgt-notice sgt-notice--ok" role="status">{{ notice }}</p>
{% endif %}
{% if let Some(error) = error %}
<p class="sgt-notice sgt-notice--error" role="alert">{{ error }}</p>
{% endif %}

<div class="sgt-actions">
  <form method="post" action="/blocklists/add" class="sgt-actions" style="flex: 1 1 auto">
    <input type="hidden" name="csrf_token" value="{{ chrome.csrf_token }}" />
    <input type="url" name="url" placeholder="https://example.com/hosts.txt" required aria-label="URL" style="flex: 1 1 18rem" />
    <select name="format" aria-label="Format">
      <option value="hosts">hosts</option>
      <option value="domain-list">domain-list</option>
    </select>
    <button type="submit">{% call ui::icon("add") %}{% endcall %}Add</button>
  </form>
  <form method="post" action="/blocklists/refresh" class="sgt-inline-form">
    <input type="hidden" name="csrf_token" value="{{ chrome.csrf_token }}" />
    <button type="submit" class="secondary">{% call ui::icon("refresh") %}{% endcall %}Refresh now</button>
  </form>
</div>

{% if sources.is_empty() %}
<p class="sgt-muted">No blocklist sources yet.</p>
{% else %}
<div class="sgt-table-wrap">
  <table>
    <thead>
      <tr>
        <th>URL</th>
        <th>Format</th>
        <th class="sgt-num">Entries</th>
        <th class="sgt-num">Blocked (24h)</th>
        <th class="sgt-num">Share</th>
        <th>Updated</th>
        <th>Status</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for s in sources %}
      <tr>
        {% if s.removed %}
        <td class="sgt-muted">{{ s.url }}</td>
        {% else %}
        <td class="sgt-mono">{{ s.url }}</td>
        {% endif %}
        <td>{{ s.format }}</td>
        <td class="sgt-num">{{ s.entry_count }}</td>
        <td class="sgt-num">{{ s.blocked }}</td>
        <td class="sgt-num">{{ s.share }}</td>
        <td>{{ s.last_updated }}</td>
        <td>
          {% if s.removed %}
          {% else if s.enabled %}<span class="sgt-badge sgt-badge--forwarded">enabled</span>
          {% else %}<span class="sgt-badge sgt-badge--other">disabled</span>{% endif %}
        </td>
        <td class="sgt-num">
          {% if !s.removed %}
          <div class="sgt-actions">
            <form method="post" action="/blocklists/toggle" class="sgt-inline-form">
              <input type="hidden" name="csrf_token" value="{{ chrome.csrf_token }}" />
              <input type="hidden" name="id" value="{{ s.id }}" />
              <input type="hidden" name="enabled" value="{% if s.enabled %}false{% else %}true{% endif %}" />
              <button type="submit" class="secondary outline sgt-btn-sm">{% call ui::icon("toggle") %}{% endcall %}{% if s.enabled %}Disable{% else %}Enable{% endif %}</button>
            </form>
            <form method="post" action="/blocklists/remove" class="sgt-inline-form">
              <input type="hidden" name="csrf_token" value="{{ chrome.csrf_token }}" />
              <input type="hidden" name="id" value="{{ s.id }}" />
              <button type="submit" class="secondary outline sgt-btn-sm">{% call ui::icon("remove") %}{% endcall %}Remove</button>
            </form>
          </div>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}
{% endblock %}