{% extends "monitor/base.html" %}
{% block title %}Channels{% endblock %}
{% block content %}
<div class="page-head"><h1>Notification channels</h1></div>
<div class="grid two">
<section class="card">
  <table class="checks">
    <thead><tr><th>Name</th><th>Kind</th><th>Target</th><th>Checks</th><th></th></tr></thead>
    <tbody>
    {% for c in channels %}
      <tr><td><b>{{ c.name }}</b></td><td>{{ c.get_kind_display }}</td><td class="muted trunc">{{ c.target }}</td><td>{{ c.checks.count }}</td>
        <td class="row-actions">
          <form method="post" action="{% url 'channel_action' project.slug c.pk 'test' %}" class="inline">{% csrf_token %}<button class="btn small">Send test</button></form>
          <form method="post" action="{% url 'channel_action' project.slug c.pk 'delete' %}" class="inline">{% csrf_token %}<button class="btn small danger">Delete</button></form>
        </td></tr>
    {% empty %}<tr><td colspan="5" class="empty">No channels yet.</td></tr>{% endfor %}
    </tbody>
  </table>
  <p class="muted">Attach channels to a check from its edit form. Webhooks are POSTed as JSON with an
  <code>X-Heartbeat-Signature: sha256=&lt;hmac&gt;</code> header when a secret is set; failed deliveries retry with exponential backoff.</p>
</section>
<section class="card">
  <h2>Add channel</h2>
  <form method="post" class="form">{% csrf_token %}
    {% for field in form %}<div class="field"><label for="{{ field.id_for_label }}">{{ field.label }}</label>{{ field }}{{ field.errors }}</div>{% endfor %}
    <button class="btn primary">Add channel</button>
  </form>
</section>
</div>
{% endblock %}