{% extends "base.html" %}

{% block title %}sendword — approvals{% endblock %}

{% block crumbs %}
<div class="wf-crumbs">
  <span aria-current="page">APPROVALS</span>
</div>
{% endblock %}

{% block content %}
<div class="wf-f wf-ai-b wf-gap-4 wf-mb-2">
  <h1 class="wf-pagetitle wf-p-0">Approvals</h1>
</div>
<p class="wf-fg-muted wf-t-sm wf-mb-4">{{ executions | length }} pending</p>

{% if executions | length == 0 %}
<div class="wf-empty">
  <div class="wf-empty-title">ALL CLEAR</div>
  <div class="wf-empty-msg">No executions pending approval.</div>
</div>
{% else %}
<div class="wf-panel">
  <table class="wf-table">
    <thead>
      <tr>
        <th>HOOK</th>
        <th>TRIGGERED</th>
        <th>SOURCE</th>
        <th>ACTIONS</th>
      </tr>
    </thead>
    <tbody>
      {% for exec in executions %}
      <tr>
        <td class="strong"><a href="/hooks/{{ exec.hook_slug }}">{{ exec.hook_slug }}</a></td>
        <td><span data-ts="{{ exec.triggered_at }}">{{ exec.triggered_at }}</span></td>
        <td>{{ exec.trigger_source }}</td>
        <td>
          <div class="wf-btn-group">
            <form method="post" action="/executions/{{ exec.id }}/approve" style="display: inline;">
              <button type="submit" class="wf-btn sm">APPROVE</button>
            </form>
            <form method="post" action="/executions/{{ exec.id }}/reject" style="display: inline;">
              <button type="submit" class="wf-btn sm danger">REJECT</button>
            </form>
          </div>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}
{% endblock %}