{% extends "base.html" %}
{% block title %}Webhooks · LibreSignage{% endblock %}
{% block content %}
  <h1 class="h2">Webhooks</h1>
  <p class="text-body-secondary">Send signed operational events through the monitor worker.</p>
  {% if plaintext %}
    <div class="alert alert-warning"><strong>Copy this signing secret now.</strong><pre class="mt-2 mb-0 user-select-all"><code>{{ plaintext }}</code></pre></div>
  {% endif %}
  <form class="card card-body mb-4" method="post">
    <h2 class="h5">Add subscription</h2>
    <div class="row g-3">
      <div class="col-md-4"><label class="form-label w-100">Name<input class="form-control" name="name" maxlength="100" required></label></div>
      <div class="col-md-8"><label class="form-label w-100">Destination URL<input class="form-control" type="url" name="url" required></label></div>
    </div>
    <div class="d-flex flex-wrap gap-3 my-3">
      {% for event in event_types %}<label><input class="form-check-input" type="checkbox" name="events" value="{{ event }}"> {{ event }}</label>{% endfor %}
    </div>
    <button class="btn btn-primary align-self-start" type="submit">Add webhook</button>
  </form>
  {% for subscription in subscriptions %}
    <form class="card card-body mb-3" method="post" action="{{ url_for('dashboard.update_webhook', subscription_id=subscription.id) }}">
      <div class="row g-3">
        <div class="col-md-4"><input class="form-control" name="name" value="{{ subscription.name }}" required></div>
        <div class="col-md-8"><input class="form-control" type="url" name="url" value="{{ subscription.url }}" required></div>
      </div>
      <div class="d-flex flex-wrap gap-3 my-3">
        {% for event in event_types %}<label><input class="form-check-input" type="checkbox" name="events" value="{{ event }}" {% if event in subscription.events %}checked{% endif %}> {{ event }}</label>{% endfor %}
        <label><input class="form-check-input" type="checkbox" name="active" {% if subscription.active %}checked{% endif %}> Enabled</label>
      </div>
      <div class="d-flex gap-2">
        <button class="btn btn-sm btn-primary">Save</button>
        <button class="btn btn-sm btn-outline-warning" formaction="{{ url_for('dashboard.rotate_webhook', subscription_id=subscription.id) }}">Rotate secret</button>
        <button class="btn btn-sm btn-outline-danger" formaction="{{ url_for('dashboard.delete_webhook', subscription_id=subscription.id) }}">Delete</button>
      </div>
    </form>
  {% else %}
    <p class="text-body-secondary">No webhook subscriptions configured.</p>
  {% endfor %}
  <h2 class="h4 mt-5">Recent deliveries</h2>
  <div class="table-responsive"><table class="table"><thead><tr><th>ID</th><th>Event</th><th>Status</th><th>Attempts</th><th>Error</th><th></th></tr></thead><tbody>
    {% for delivery in deliveries %}<tr><td>{{ delivery.id }}</td><td>{{ delivery.event_type }}</td><td>{{ delivery.status }}</td><td>{{ delivery.attempts }}</td><td>{{ delivery.last_error or "—" }}</td><td><form method="post" action="{{ url_for('dashboard.redeliver_webhook', delivery_id=delivery.id) }}"><button class="btn btn-sm btn-outline-secondary">Redeliver</button></form></td></tr>
    {% else %}<tr><td colspan="6">No deliveries yet.</td></tr>{% endfor %}
  </tbody></table></div>
{% endblock %}