<section class="sequence-edit">
  <section class="filters wip">
    <ul>
      <li>
        <h2>Sort:</h2>
        <select>
          <option value="">Linear Order</option>
          <option value="">Recently Modified</option>
          <option value="">Type</option>
          <option value="">Alphabetically</option>
        </select>
      </li>

      <li>
        <h2>Filter:</h2>
        <select>
          <option value="">All content</option>
          <option value="">Videos</option>
          <option value="">Problems</option>
          <option value="">Labs</option>
          <option value="">Tutorials</option>
          <option value="">HTML</option>
        </select>
        <a href="#" class="more">More</a>
      </li>
      <li class="search">
        <input type="search" name="" id="" value="" placeholder="Search" />
      </li>
    </ul>
  </section>

  <div class="content">
    <section class="modules">
      <ol>
        <li>
          <ol id="sortable">
            % for child in module.get_children():
            <li class="${module.category}">
              <a href="#" class="module-edit"
                 data-id="${child.location.url()}"
                 data-type="${child.js_module_name}"
                 data-preview-type="${child.module_class.js_module_name}">${child.display_name_with_default}</a>
              <a href="#" class="draggable">handle</a>
            </li>
            %endfor
          </ol>
        </li>

      </ol>
    </section>
  </div>
  <%include file="metadata-edit.html" />
</section>

