{% extends "base.html" %}
{% from "components/ui.html" import breadcrumb, card, csrf_field, icon with context %}
{% from "components/webhook.html" import webhook_fields %}
{% block title %}New webhook · {{ APP_NAME }}{% endblock %}
{% block heading %}New webhook{% endblock %}
{% block subheading %}{{ breadcrumb([("Webhooks", "/ui/webhooks"), ("New webhook", None)]) }}{% endblock %}
{% block content %}
<form method="post" action="/ui/webhooks">
  {{ csrf_field() }}
  {% call card("Webhook", meta="Each post is signed with a secret, shown once after creating.") %}
    {{ webhook_fields(typed, events, accounts, focus=True) }}
  {% endcall %}
  <div class="form-actions">
    <button class="primary" type="submit">{{ icon("check-lg") }} Create</button>
    <a class="btn" href="/ui/webhooks">Cancel</a>
  </div>
</form>
{% endblock %}