<%!
from django.utils.translation import ugettext as _
from contentstore.views.helpers import xblock_studio_url
%>
<%namespace name='static' file='static_content.html'/>

<section class="wrapper wrapper-xblock wrapper-component-action-header nopreview" data-locator="${locator}" data-course-key="${xblock.location.course_key}">
    <div class="component-header">
        ${xblock.display_name_with_default}
    </div>
    <ul class="component-actions">
        <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>
    </ul>
</section>
<div class="xblock-header-secondary">
    <div class="meta-info">${_('This block contains multiple components.')}</div>
    <ul class="actions-list">
        <li class="action-item action-view">
            <a href="${xblock_studio_url(xblock)}" class="action-button">
                ## Translators: this is a verb describing the action of viewing more details
                <span class="action-button-text">${_('View')}</span>
                <i class="icon-arrow-right"></i>
            </a>
        </li>
    </ul>
</div>
<span data-tooltip="${_('Drag to reorder')}" class="drag-handle action"></span>
<div class="xblock-message-area">
${preview}
</div>
