{% load i18n %}
{% spaceless %}
<li class="openassessment_training_example is-collapsible">

    <div class="openassessment_training_example_header view-outline">
        <a class="action expand-collapse collapse">
            <i class="icon-caret-down ui-toggle-expansion"></i>
        </a>
        <h6 class="openassessment_training_example_header_title">
            {% blocktrans %} Scored Response {% endblocktrans %}
        </h6>
        <div class="openassessment_training_example_remove">
            <h2>{% trans "Remove" %}</h2>
        </div>
    </div>

    <div class="openassessment_training_example_body">
        <div class="openassessment_training_example_scored_rubric wrapper-comp-settings">
            <h2>{% trans "Scored Rubric" %}</h2>
            <ol class="openassessment_training_example_criteria_selections list-input settings-list">
                {% for criterion in example.criteria %}
                    {%  if criterion.options %}
                        {% include "openassessmentblock/edit/oa_training_example_criterion.html" with criterion=criterion %}
                    {% endif %}
                {% endfor %}
            </ol>
        </div>

        <div class="openassessment_training_example_essay_wrapper">
            <h2>{% trans "Response" %}</h2>
            <textarea class="openassessment_training_example_essay" maxlength="100000">{{ example.answer }}</textarea>
        </div>
    </div>
</li>
{% endspaceless %}