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

<div class="annotatable-wrapper">
	<div class="annotatable-header">
		% if display_name is not UNDEFINED and display_name is not None:
		  <div class="annotatable-title">${display_name}</div>
		% endif
    </div>

    % if instructions_html is not UNDEFINED and instructions_html is not None:
    <div class="annotatable-section shaded">
        <div class="annotatable-section-title">
            ${_("Instructions")}
            <a class="annotatable-toggle annotatable-toggle-instructions expanded" href="javascript:void(0)">${_("Collapse Instructions")}</a>
        </div>
        <div class="annotatable-section-body annotatable-instructions">
            ${instructions_html}
        </div>
    </div>
    % endif

    <div class="annotatable-section">
        <div class="annotatable-section-title">
            ${_("Guided Discussion")}
            <a class="annotatable-toggle annotatable-toggle-annotations" href="javascript:void(0)">${_("Hide Annotations")}</a>
        </div>
        <div class="annotatable-section-body annotatable-content">
            ${content_html}
        </div>
    </div>
</div>