{{define "body-hazards"}}
<div class="editor-container">
  <div class="editor-list" id="itemList">
    <div class="search-bar"><input placeholder="Search hazards..." 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 Hazard</button>
  </div>
  <div class="editor-main" id="editorMain">
    <p style="color:#888;text-align:center;margin-top:60px">Select a hazard to edit</p>
  </div>
</div>
<script src="/static/editor.js"></script>
<script src="/static/cardeditor.js"></script>
<script src="/static/hazardeditor.js"></script>
<script>
initHazardEditor();
</script>
{{end}}