{% extends "base.html" %}
{% block title %}{{ t('webhook_secret.title') }} — painfree{% endblock %}
{% block body %}
{% if secret %}
<h1>{{ t('webhook_secret.heading_rotated') if rotated else t('webhook_secret.heading_new') }}</h1>
<div class="card warn">
  <h2>{{ t('webhook_secret.copy_now') }}</h2>
  <p>{{ t('webhook_secret.copy_now_why') }}</p>
  <span class="fingerprint">{{ secret }}</span>
</div>

{% if rotated %}
<div class="card">
  <h2>{{ t('webhook_secret.old_still_signing') }}</h2>
  <p>{{ t('webhook_secret.old_still_signing_why') }}</p>
</div>
{% endif %}
{% else %}
<h1>{{ t('webhook_secret.already_registered') }}</h1>
<div class="card">
  <p>{{ t('webhook_secret.already_registered_why') }} <code>{{ subscription.url }}</code>{{ t('webhook_secret.already_registered_tail') }}</p>
  <p>{{ t('webhook_secret.rotate_instead') }}</p>
</div>
{% endif %}

<div class="card">
<table class="plain">
  <tr><td>{{ t('webhooks.endpoint') }}</td><td class="mono">{{ subscription.url }}</td></tr>
  <tr><td>{{ t('webhook_secret.subscription') }}</td><td class="mono">{{ subscription.subscription_id }}</td></tr>
  <tr><td>{{ t('webhooks.events') }}</td><td class="mono">{{ subscription.event_types | join(', ') }}</td></tr>
  <tr><td>{{ t('webhook_secret.secret_generation') }}</td><td>{{ subscription.secret_generation }}</td></tr>
</table>
</div>

<h2>{{ t('webhook_secret.verifying') }}</h2>
<div class="card">
{# The header names, the `v1=` prefix and the HMAC construction are the webhook
   envelope's contract. The prose around them is translated; not one character
   inside them is. #}
<p>{{ t('webhook_secret.verifying_body') }}</p>
<pre class="json">expected = "v1=" + HMAC_SHA256(secret, timestamp + "." + raw_request_body)</pre>
<p>{{ t('webhook_secret.verifying_tail') }}</p>
</div>

<div class="actions">
  <a class="button" href="/ui/webhooks/{{ subscription.subscription_id }}">{{ t('webhook_secret.open_endpoint') }}</a>
  <a class="button secondary" href="/ui/webhooks">{{ t('webhook_secret.all_webhooks') }}</a>
</div>
{% endblock %}