{#
  Channels list page — Settings › Channels.

  Renders inside the shared /settings/_base.html shell (owned by Agent C).
  Uses the shell's shared ``.card`` / ``.btn`` / ``.data-table`` classes
  from /static/settings.css; anything channel-specific is inline here.
#}
{% extends "settings/_base.html" %}
{% from "_macros.html" import confirm_dialog %}

{% block section_header %}
  <header class="settings-header">
    <h1 class="settings-header__title">Channels</h1>
    <p class="settings-header__subtitle">
      Where Agent Drop sends push notifications. Add one or more channels and
      mark one as the default; every drop uses that channel unless a
      <a href="/settings/routing">routing rule</a> picks a different one.
    </p>
  </header>
{% endblock %}

{% block settings_content %}
  {# Flash messages. ``notice`` is driven by the ?notice=<kind> query
     param and is intentionally denylisted: we only render known values
     so an attacker can't inject arbitrary strings via the query. #}
  {% if notice == "sent-ok" %}
    <div class="flash flash--success" role="status">Test notification sent.</div>
  {% elif notice == "failed" %}
    <div class="flash flash--error" role="status">
      Test notification failed.{% if detail %} <code>{{ detail }}</code>{% endif %}
    </div>
  {% elif notice == "created" %}
    <div class="flash flash--success" role="status">Channel created.</div>
  {% elif notice == "updated" %}
    <div class="flash flash--success" role="status">Channel updated.</div>
  {% elif notice == "deleted" %}
    <div class="flash flash--success" role="status">Channel deleted.</div>
  {% elif notice == "default-set" %}
    <div class="flash flash--success" role="status">Default channel updated.</div>
  {% elif notice == "not-found" %}
    <div class="flash flash--error" role="status">Channel not found.</div>
  {% endif %}

  <div class="channels-toolbar">
    <a class="btn btn--primary" href="/settings/channels/new">+ New channel</a>
  </div>

  {% if channels %}
    <div class="data-table-wrap">
      <table class="data-table channels-table">
        <thead>
          <tr>
            <th scope="col">Name</th>
            <th scope="col">Driver</th>
            <th scope="col">Default</th>
            <th scope="col">Created</th>
            <th scope="col"><span class="sr-only">Actions</span></th>
          </tr>
        </thead>
        <tbody>
          {% for c in channels %}
            <tr>
              <td>{{ c.name }}</td>
              <td class="mono">{{ c.driver }}</td>
              <td>
                {% if c.is_default %}
                  <span class="channel-default-badge">default</span>
                {% else %}
                  <span class="channel-default-badge channel-default-badge--off">—</span>
                {% endif %}
              </td>
              <td class="mono">{{ c.created_at.strftime("%Y-%m-%d") }}</td>
              <td class="channels-actions">
                <a class="btn btn--ghost" href="/settings/channels/{{ c.id }}/edit">Edit</a>
                <form method="post" action="/settings/channels/{{ c.id }}/test">
                  <input type="hidden" name="_csrf" value="{{ csrf_token(request) }}" />
                  <button class="btn btn--ghost" type="submit">Test</button>
                </form>
                {% if not c.is_default %}
                  <form method="post" action="/settings/channels/{{ c.id }}/default">
                    <input type="hidden" name="_csrf" value="{{ csrf_token(request) }}" />
                    <button class="btn btn--ghost" type="submit">Set default</button>
                  </form>
                {% endif %}
                <form method="post"
                      action="/settings/channels/{{ c.id }}/delete"
                      id="delete-channel-{{ c.id }}">
                  <input type="hidden" name="_csrf" value="{{ csrf_token(request) }}" />
                  <button class="btn btn--ghost btn--danger" type="submit">Delete</button>
                </form>
                {{ confirm_dialog(
                  form_id="delete-channel-" ~ c.id,
                  title="Delete channel?",
                  message="Delete channel " ~ c.name ~ "? This cannot be undone.",
                  confirm_text="Delete channel",
                  danger=True,
                ) }}
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% else %}
    <div class="empty-state">
      <div>No channels yet.</div>
      <p class="empty-state__sub">
        The recommended default is <strong>Web Push</strong> — set the
        <code>AGENTDROP_VAPID_*</code> env vars and restart, and a default
        <code>web_push</code> channel is created for you. Alternatively,
        add a Pushover / ntfy / Apprise / webhook channel above. Until a
        channel exists, every drop's POST response carries a
        <code>"no channel configured"</code> warning.
      </p>
    </div>
  {% endif %}

  <style>
    body.settings .channels-toolbar {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 14px;
    }

    body.settings .channels-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }

    body.settings .channels-actions form {
      display: inline;
      margin: 0;
    }

    body.settings .channel-default-badge {
      display: inline-block;
      padding: 2px 8px;
      border-radius: 999px;
      background: var(--color-indigo-soft);
      color: var(--color-indigo);
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.5px;
    }

    body.settings .channel-default-badge--off {
      background: transparent;
      color: var(--color-ink-faint);
    }
  </style>
{% endblock %}