<%! from django.utils.translation import ugettext as _ %>

% if not is_root:
    % if is_reorderable:
    <li class="studio-xblock-wrapper is-draggable" data-locator="${xblock.location}">
    % else:
    <div class="studio-xblock-wrapper" data-locator="${xblock.location}">
    % endif

    <%
    section_class = "level-nesting" if xblock.has_children else "level-element"
    collapsible_class = "is-collapsible" if xblock.has_children else ""
    %>
    <section class="wrapper-xblock ${section_class} ${collapsible_class}" data-course-key="${xblock.location.course_key}">
% endif

    <header class="xblock-header">
        <div class="header-details">
            % if xblock.has_children:
            <a href="#" data-tooltip="${_('Expand or Collapse')}" class="action expand-collapse collapse">
                <i class="icon-caret-down ui-toggle-expansion"></i>
                <span class="sr">${_('Expand or Collapse')}</span>
            </a>
            % endif
            <span>${xblock.display_name_with_default | h}</span>
        </div>
        <div class="header-actions">
            <ul class="actions-list">
                % if not xblock_context['read_only']:
                    % if not xblock.has_children:
                    <li class="action-item action-edit">
                        <a href="#" class="edit-button action-button">
                            <i class="icon-pencil"></i>
                            <span class="action-button-text">${_("Edit")}</span>
                        </a>
                    </li>
                    <li class="action-item action-duplicate">
                        <a href="#" data-tooltip="${_("Duplicate")}" class="duplicate-button action-button">
                            <i class="icon-copy"></i>
                            <span class="sr">${_("Duplicate")}</span>
                        </a>
                    </li>
                    <li class="action-item action-delete">
                        <a href="#" data-tooltip="${_("Delete")}" class="delete-button action-button">
                            <i class="icon-trash"></i>
                            <span class="sr">${_("Delete")}</span>
                        </a>
                    </li>
                    % endif
                    % if not is_root and is_reorderable:
                    <li class="action-item action-drag">
                        <span data-tooltip="${_('Drag to reorder')}" class="drag-handle action"></span>
                    </li>
                    % endif
                % endif
            </ul>
        </div>
    </header>
    <article class="xblock-render">
${content}
    </article>

% if not is_root:
    </section>
    % if is_reorderable:
        </li>
    % else:
        </div>
    % endif
% endif
