{{define "body-triggers"}}
<div class="editor-container">
  <div class="editor-list" id="itemList">
    <div class="search-bar"><input type="search" placeholder="Search triggers..." oninput="filterList(this.value)"></div>
    <div id="listEntries"></div>
    <button class="btn btn-primary btn-sm" style="margin-top:8px;width:100%" onclick="createNew()">+ New Trigger</button>
  </div>
  <div class="editor-main" id="editorMain">
    <p style="color:#888;text-align:center;margin-top:60px">Select a trigger to edit</p>
  </div>
</div>
<script src="/static/editor.js"></script>
<script src="/static/cardeditor.js"></script>
<script src="/static/intereditor.js"></script>
<script src="/static/dropview.js"></script>
<script src="/static/triggerseditor.js"></script>
<script>
initTriggerEditor();
</script>
{{end}}