{{define "body-courses"}}
<div class="editor-container">
  <div class="editor-list" id="itemList">
    <div class="search-bar"><input placeholder="Search courses..." 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 Course</button>
  </div>
  <div class="editor-main" id="editorMain">
    <p style="color:#888;text-align:center;margin-top:60px">Select a course to edit</p>
  </div>
</div>
<script src="/static/editor.js"></script>
<script>initEditor('courses', [{key:'name',label:'Name',type:'text'},{key:'skill',label:'Skill',type:'text'},{key:'level',label:'Level',type:'number'},{key:'cost',label:'Cost',type:'number'},{key:'description',label:'Description',type:'textarea'}]);</script>
{{end}}