{% import 'ui/kit.html' as kit %}{% import 'ui/broker/_fmt.html' as fmt %}
{% call kit.modal('New action', 'actions') %}
<form action="/dash/actions" method="post" onsubmit="this.schema.value = window.__ide.getValue(); return dj.submit(this, '#list-actions')">
  <div class="modal-body">
    {{ fmt.flash(error, 'bad') }}
    {%- if reasons %}<ul class="val-list amebo-reasons">{% for r in reasons %}<li>{{ r }}</li>{% endfor %}</ul>{% endif %}
    <div class="field-row">
      <div class="field"><label>Action<span class="req">*</span></label><input name="action" placeholder="orders.v1.placed" value="{{ form.action or '' }}" required></div>
      <div class="field"><label>Owner application<span class="req">*</span></label>
        <select name="application" required>
          {%- for o in owners %}<option value="{{ o }}"{{ ' selected' if o == form.application else '' }}>{{ o }}</option>{% endfor %}
        </select>
        {%- if not owners %}<p class="hint">Only a superadmin or the owning service account can register actions.</p>{% endif %}
      </div>
    </div>
    <div class="field"><label>Compatibility</label>
      <select name="compatibility">
        {%- for c in ['BACKWARD', 'FORWARD', 'FULL', 'NONE'] %}<option value="{{ c }}"{{ ' selected' if c == (form.compatibility or 'BACKWARD') else '' }}>{{ c }}</option>{% endfor %}
      </select>
      <p class="hint">Checked against the previous version in the same family when this is a new version.</p></div>
    <div class="field"><label>JSON Schema<span class="req">*</span></label>
      <div id="schema-ide" class="ide">{{ schema }}</div>
      <input type="hidden" name="schema">
      <p class="hint">Draft-07. Every payload published against this action is validated here first.</p>
    </div>
    <div class="field"><label>Redact fields <span class="hint" style="text-transform:none;font-weight:400">optional</span></label>
      <input name="redactions" placeholder="comma-separated dot paths, e.g. card.cvv, card.number" value="{{ form.redactions or '' }}">
      <p class="hint">Stripped from every payload at reception - never stored or delivered.</p>
    </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 action</button></div>
</form>
<script>
  (function(){ var ed = ace.edit('schema-ide'); window.__ide = ed; ed.session.setMode('ace/mode/json');
    ed.setOptions({ fontSize: 14, showPrintMargin: false, tabSize: 2, useWorker: false }); ed.clearSelection();
    (window.__ace = window.__ace || []).push(ed);
    if (window.dgAceTheme) window.dgAceTheme(); })();
</script>
{% endcall %}