<%! from django.core.urlresolvers import reverse %>
<%! from contentstore.utils import compute_unit_state %>
<%! from xmodule.modulestore.django import loc_mapper %>

<!--
This def will enumerate through a passed in subsection and list all of the units
-->
<%def name="enum_units(subsection, actions=True, selected=None, sortable=True, subsection_units=None)">
<ol ${'class="sortable-unit-list"' if sortable else ''}>
  <%
    if subsection_units is None:
      subsection_units = subsection.get_children()
  %>
  <%
    subsection_locator = loc_mapper().translate_location(context_course.location.course_id, subsection.location, False, True)
  %>
  % for unit in subsection_units:
  <%
    unit_locator = loc_mapper().translate_location(context_course.location.course_id, unit.location, False, True)
  %>
  <li class="courseware-unit leaf unit is-draggable" data-locator="${unit_locator}"
      data-parent="${subsection_locator}">

    <%include file="_ui-dnd-indicator-before.html" />

    <%
      unit_state = compute_unit_state(unit)
      if unit.location == selected:
        selected_class = 'editing'
      else:
        selected_class = ''
    %>
    <div class="section-item ${selected_class}">
      <a href="${unit_locator.url_reverse('unit')}" class="${unit_state}-item">
        <span class="${unit.scope_ids.block_type}-icon"></span>
        <span class="unit-name">${unit.display_name_with_default}</span>
      </a>
      % if actions:
      <div class="item-actions">
	<a href="#" data-tooltip="Delete this unit" class="delete-button" data-locator="${unit_locator}">
        <span class="delete-icon"></span></a>
	<span data-tooltip="Drag to sort" class="drag-handle unit-drag-handle"></span>
      </div>
      % endif
    </div>

    <%include file="_ui-dnd-indicator-after.html" />
  </li>
  % endfor
  <li>
    <%include file="_ui-dnd-indicator-initial.html" />

    <a href="#" class="new-unit-item" data-category="${new_unit_category}" data-parent="${subsection_locator}">
      <span class="new-unit-icon"></span>New Unit
    </a>
  </li>
</ol>
</%def>



