{% import 'ui/kit.html' as kit %}{% import 'ui/broker/_fmt.html' as fmt %}
{% call kit.modal('Publish event', 'events') %}
<form action="/dash/publish" method="post" onsubmit="this.payload.value = window.__pubide ? window.__pubide.getValue() : this.payload.value; return dj.submit(this, '#list-events')">
  <div class="modal-body">
    {{ fmt.flash(error, 'bad') }}
    {%- if errors %}<div class="val-bad"><div class="val-h">{{ errors|length }} validation error(s)</div><ul class="val-list">{% for e in errors %}<li>{{ e }}</li>{% endfor %}</ul></div>{% endif %}
    {%- if not actions %}
    <p class="hint">You may not publish to any action. Ask an action's admin for WRITE access.</p>
    {%- else %}
    <div class="field-row">
      <div class="field"><label>Action<span class="req">*</span></label>
        <select name="action" onchange="dj.get('/dash/new/event?action=' + encodeURIComponent(this.value), '#modal')">
          {%- for a in actions %}<option value="{{ a }}"{{ ' selected' if a == action else '' }}>{{ a }}</option>{% endfor %}
        </select></div>
      <div class="field"><label>Deduper</label><input name="deduper" placeholder="generated when empty" value="{{ deduper }}"></div>
    </div>
    <div class="field"><label>Payload<span class="req">*</span></label>
      <div id="publish-ide" class="ide" style="height:240px">{{ payload }}</div>
      <input type="hidden" name="payload" value="{{ payload }}">
      <p class="hint">Pre-filled from the {{ action }} schema. Validated, redacted, persisted and fanned out to every active subscriber.</p></div>
    <div class="field"><label>Metadata <span class="hint" style="text-transform:none;font-weight:400">optional JSON object</span></label>
      <input name="metadata" class="mono" placeholder='{"workspace_id": "w1"}' value="{{ metadata }}"></div>
    <details class="amebo-schema"><summary class="hint">Show the schema</summary><pre class="respbox">{{ schema_pretty }}</pre></details>
    {%- endif %}
  </div>
  <div class="modal-foot"><button type="button" class="btn btn-ghost" onclick="document.getElementById('modal').innerHTML=''">Cancel</button>{% if actions %}<button class="btn btn-primary">Publish event</button>{% endif %}</div>
</form>
{%- if actions %}
<script>
  (function(){ if (!window.ace) return; var ed = ace.edit('publish-ide'); window.__pubide = 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>
{%- endif %}
{% endcall %}