{% extends "monitor/base.html" %}
{% block title %}Integrations{% endblock %}
{% block content %}
<div class="page-head"><h1>Integrations</h1></div>
<div class="grid two">
<section class="card">
  <h2>Ping by name</h2>
  <p>Ping key: <code>{{ project.ping_key }}</code></p>
  <pre>curl -fsS {{ site_url }}/ping/{{ project.ping_key }}/&lt;check-slug&gt;</pre>
  <h2>REST API</h2>
  <p>Token: <code>{{ project.api_token }}</code></p>
  <pre>curl -H "Authorization: Bearer {{ project.api_token }}" {{ site_url }}/api/v1/checks</pre>
  <h2>Badges</h2>
  <p class="muted">Aggregate status of every check carrying a tag (<code>all</code> for the whole project).</p>
  <ul class="plain">
  {% for t in tags %}<li><img src="{% url 'badge' project.ping_key t %}" alt="{{ t }}"> <code>{{ site_url }}/badge/{{ project.ping_key }}/{{ t }}.svg</code></li>{% endfor %}
  <li><img src="{% url 'badge' project.ping_key 'all' %}" alt="all"> <code>{{ site_url }}/badge/{{ project.ping_key }}/all.svg</code></li>
  </ul>
</section>
<section class="card">
  <h2>Members</h2>
  <ul class="plain">{% for m in memberships %}<li>{{ m.user.username }} <span class="muted">{{ m.role }}</span></li>{% endfor %}</ul>
  <form method="post" class="form">{% csrf_token %}
    {% for field in form %}<div class="field"><label for="{{ field.id_for_label }}">Add member by username</label>{{ field }}{{ field.errors }}</div>{% endfor %}
    <button class="btn">Add member</button>
  </form>
</section>
</div>
{% endblock %}