{% import 'ui/kit.html' as kit %}{% import 'ui/broker/_fmt.html' as fmt %}
{% call kit.modal('Register application', 'applications') %}
<form action="/dash/apps" method="post" onsubmit="return dj.submit(this, '#list-apps')">
  <div class="modal-body">
    {{ fmt.flash(error, 'bad') }}
    <div class="field"><label>Name<span class="req">*</span></label><input name="application" placeholder="orders" value="{{ form.application or '' }}" required></div>
    <div class="field"><label>Address<span class="req">*</span></label><input name="address" placeholder="https://api.example.com" value="{{ form.address or '' }}" required>
      <p class="hint">Where webhooks are POSTed: an absolute http(s) URL; subscription handler paths are appended.</p></div>
    <div class="field"><label>Secret</label><input name="secret" placeholder="generated when empty" value="">
      <p class="hint">Signs this app's publishes and its outbound webhook envelopes. An API key is always minted and shown once.</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">Register application</button></div>
</form>
{% endcall %}