{% load i18n %}
{% spaceless %}
<div id="oa_rubric_editor_wrapper" class="oa_editor_content_wrapper">
    <div id="openassessment_criterion_template" class="is--hidden">
        {% include "openassessmentblock/edit/oa_edit_criterion.html" with criterion_name="" criterion_label="" criterion_prompt="" criterion_options=False criterion_feedback="disabled" %}
    </div>

    <div id="openassessment_option_template" class="is--hidden">
        {% include "openassessmentblock/edit/oa_edit_option.html" with option_name="" option_label="" option_points=1 option_explanation="" %}
    </div>

    <div id="openassessment_rubric_validation_alert" class="is--hidden">
        <i class="openassessment_alert_icon"></i>
        <div class="openassessment_alert_header">
            <h2 class="openassessment_alert_title">{% trans "Rubric Change Impacts Settings Section" %}</h2>
            <p class="openassessment_alert_message">{% trans "A change that you made to this assessment's rubric has an impact on some examples laid out in the settings tab. For more information, go to the Settings section and fix areas highlighted in red." %}</p>
        </div>
        <a href="" rel="view" class="action openassessment_alert_close">
            <i class="icon-remove-sign"></i>
            <span class="label is--hidden">{% trans "close alert" %}</span>
        </a>
    </div>

    <div id="openassessment_rubric_content_editor">
    <div id="openassessment_rubric_instructions">
        <p class = openassessment_description>
            {% trans "For open response problems, assessment is rubric-based.  Rubric criterion have point breakdowns and explanations to help students with peer and self assessment steps. For more information on how to build your rubric, see our online help documentation."%}
        </p>
    </div>

    <ul id="openassessment_criterion_list" >
        {% for criterion in criteria %}
            {% include "openassessmentblock/edit/oa_edit_criterion.html" with criterion_name=criterion.name criterion_label=criterion.label criterion_prompt=criterion.prompt criterion_options=criterion.options criterion_feedback=criterion.feedback %}
        {% endfor %}
    </ul>

    <div id="openassessment_rubric_add_criterion">
        <h6>
            {% trans "Add Another Criterion" %}
        </h6>
    </div>

    <div id="openassessment_rubric_feedback_wrapper" class="wrapper-comp-settings">
        <div id="openassessment_rubric_feedback_header">
            <span>{% trans "Rubric Feedback" %}</span>
        </div>
        <ul class="list-input settings-list">
            <li class="field comp-setting-entry">
                <div class="wrapper-comp-setting" id="openassessment_rubric_feedback_input_wrapper">
                    <label for="openassessment_rubric_feedback" class="setting-label">{% trans "Feedback Direction" %}</label>
                    <textarea id="openassessment_rubric_feedback" class="input setting-input">{{ feedbackprompt }}</textarea>
                </div>
                <p class="setting-help">
                    {% trans "If you would like your students to be able to provide feedback on the rubric, add a prompt to ask them for it." %}
                </p>
            </li>

        </ul>
    </div>
    </div>
</div>
{% endspaceless %}