{% extends "relay/base.html" %}
{% block title %}{{ endpoint.name }}{% endblock %}
{% block content %}
<div class="page-head">
  <div><h1>{{ endpoint.name }} <span class="badge">{{ endpoint.provider }}</span></h1>
  <p class="muted">{{ endpoint.workspace.name }} &middot; retention {{ endpoint.retention_days }} days</p></div>
  <div class="actions"><a class="btn" href="{% url 'endpoint_edit' endpoint.pk %}">Settings</a>
  <button class="btn" data-open="bulk-dialog">Bulk replay</button></div>
</div>

<div class="card">
  <label class="muted">Send webhooks to</label>
  <div class="copyrow"><code id="ingest-url">{{ ingest_url }}</code><button class="btn small" data-copy="{{ ingest_url }}">Copy</button></div>
  <label class="muted">Forward to localhost</label>
  <div class="copyrow"><code>hookrelay-cli listen {{ endpoint.token }} --forward http://localhost:3000</code>
  <button class="btn small" data-copy="hookrelay-cli listen {{ endpoint.token }} --forward http://localhost:3000">Copy</button></div>
</div>

<h2>Events <span class="live" id="live-state" title="Live stream status">connecting</span></h2>
<table class="table" id="events" data-token="{{ endpoint.token }}" data-last="{{ last_id }}" data-url="{% url 'endpoint_list' %}events/" data-stream-url="{% url 'stream' endpoint.token %}">
  <thead><tr><th>#</th><th>Received</th><th>Request</th><th>Signature</th><th class="num">Size</th></tr></thead>
  <tbody>
  {% for e in events %}
  <tr data-id="{{ e.pk }}">
    <td><a href="{% url 'event_detail' e.pk %}">#{{ e.pk }}</a></td>
    <td>{{ e.received_at|date:"Y-m-d H:i:s" }}</td>
    <td><span class="method">{{ e.method }}</span> <code>{{ e.path|default:"/" }}</code>{% if e.parent_id %} <span class="badge">replay copy</span>{% endif %}</td>
    <td><span class="badge sig-{{ e.signature_status }}">{{ e.signature_status }}</span></td>
    <td class="num">{{ e.size }} B</td>
  </tr>
  {% empty %}
  <tr class="placeholder"><td colspan="5" class="muted">No events yet. Send a request to the URL above and it will appear here instantly.</td></tr>
  {% endfor %}
  </tbody>
</table>

<div class="page-head"><h2>Destinations</h2><a class="btn" href="{% url 'destination_create' endpoint.pk %}">Add destination</a></div>
<table class="table">
  <thead><tr><th>Name</th><th>URL</th><th>Filter</th><th>Retry</th><th>Circuit</th><th></th></tr></thead>
  <tbody>
  {% for d in destinations %}
  <tr>
    <td><a href="{% url 'destination_edit' d.pk %}">{{ d.name }}</a>{% if not d.enabled %} <span class="badge">disabled</span>{% endif %}</td>
    <td><code>{{ d.url }}</code>{% if d.transform %}<br><span class="muted">transform on</span>{% endif %}</td>
    <td>{% if d.filter_expr %}<code>{{ d.filter_expr|truncatechars:60 }}</code>{% else %}<span class="muted">all events</span>{% endif %}</td>
    <td>{{ d.max_attempts }}&times;, base {{ d.backoff_base|floatformat:"-1" }}s, cap {{ d.backoff_cap|floatformat:"-1" }}s</td>
    <td><span class="badge circuit-{{ d.breaker_state }}">{{ d.breaker_state }}</span>
      {% if d.consecutive_failures %}<span class="muted">{{ d.consecutive_failures }} failures</span>{% endif %}
      {% if d.breaker_state != 'closed' %}<form method="post" action="{% url 'destination_reset_breaker' d.pk %}" class="inline">{% csrf_token %}<button class="link">reset</button></form>{% endif %}</td>
    <td class="num"><a href="{% url 'destination_edit' d.pk %}">Edit</a></td>
  </tr>
  {% empty %}
  <tr><td colspan="6" class="muted">No destinations: events are captured and not forwarded.</td></tr>
  {% endfor %}
  </tbody>
</table>

<dialog id="bulk-dialog">
  <form method="post" action="{% url 'bulk_replay' endpoint.pk %}">{% csrf_token %}
    <h2>Bulk replay</h2>
    <p class="muted">Re-deliver stored events of this endpoint. Replays ignore the destination's own filter.</p>
    <div class="field"><label>Destination</label>
      <select name="destination"><option value="">One-off URL (below)</option>{% for d in destinations %}<option value="{{ d.pk }}">{{ d.name }}</option>{% endfor %}</select></div>
    <div class="field"><label>One-off URL</label><input name="url" placeholder="http://localhost:3000/hook"></div>
    <div class="field"><label>Only events matching</label><textarea name="filter_expr" rows="2" placeholder='body.type == "invoice.paid"'></textarea></div>
    <div class="field"><label>Received since (ISO, optional)</label><input name="since" placeholder="2026-01-31T09:00:00+00:00"></div>
    <div class="actions"><button class="btn primary">Queue replay</button><button type="button" class="btn" data-close>Cancel</button></div>
  </form>
</dialog>
{% endblock %}
{% block scripts %}{% load static %}<script src="{% static 'relay/live.js' %}" type="module"></script>{% endblock %}