{{define "body-drops"}}
<div class="editor-container">
  <div class="editor-list" id="itemList">
    <div class="search-bar"><input placeholder="Search drop tables..." 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 Drop Table</button>
  </div>
  <div class="editor-main" id="editorMain">
    <p style="color:#888;text-align:center;margin-top:60px">Select a drop table to edit</p>
  </div>
</div>
<script src="/static/editor.js"></script>
<script>
initEditor('drops', [
  {key:'drops',label:'Drops (JSON array)',type:'textarea',parser:function(v){try{return JSON.parse(v)}catch(e){return []}}}
]);
</script>
{{end}}