{% import 'ui/kit.html' as kit %}{% import 'ui/broker/_fmt.html' as fmt %}
{% call kit.modal('New subscription', 'subscriptions') %}
<form action="/dash/subs" method="post" onsubmit="return dj.submit(this, '#list-subs')">
  <div class="modal-body">
    {{ fmt.flash(error, 'bad') }}
    <div class="field-row">
      <div class="field"><label>Name</label><input name="subscription" placeholder="generated when empty" value="{{ form.subscription or '' }}"></div>
      <div class="field"><label>Subscriber app<span class="req">*</span></label>
        <select name="application" required>
          {%- for a in apps %}<option value="{{ a }}"{{ ' selected' if a == form.application else '' }}>{{ a }}</option>{% endfor %}
        </select>
        {%- if not apps %}<p class="hint">Only a superadmin or a service account can subscribe an application.</p>{% endif %}
      </div>
    </div>
    <div class="field-row">
      <div class="field"><label>Action<span class="req">*</span></label>
        <select name="action" required>
          {%- for a in actions %}<option value="{{ a }}"{{ ' selected' if a == form.action else '' }}>{{ a }}</option>{% endfor %}
        </select></div>
      <div class="field"><label>Max retries</label><input name="max_retries" type="number" min="1" value="{{ form.max_retries or default_retries }}"></div>
    </div>
    <div class="field"><label>Handler path<span class="req">*</span></label><input name="handler" placeholder="/hook" value="{{ form.handler or '' }}" required>
      <p class="hint">Appended to the subscriber's address; receives a signed {action, metadata, payload} envelope.</p></div>
    <div class="field"><label>Description</label><input name="description" value="{{ form.description or '' }}"></div>
  </div>
  <div class="modal-foot"><button type="button" class="btn btn-ghost" onclick="document.getElementById('modal').innerHTML=''">Cancel</button><button class="btn btn-primary">Create subscription</button></div>
</form>
{% endcall %}