<%! from django.utils.translation import ugettext as _ %>
<div class="external-grader-message">
    ${msg|n}
    <div class="collapsible evaluation-response">
        <header>
            ## Translators: when "Respond to Feedback" is clicked, a survey
            ## appears on which a user can respond to the feedback the user
            ## received on an openended problem
            <a href="#" class="respond-to-feedback">${_("Respond to Feedback")}</a>
        </header>
        <section id="evaluation_${id}" class="evaluation">
            <p>${_("How accurate do you find this feedback?")}</p>
            <div class="evaluation-scoring">
                <ul class="scoring-list">
                    <li><input type="radio" name="evaluation-score" id="evaluation-score-5" value="5" /> <label for="evaluation-score-5"> ${_("Correct")}</label></li>
                    <li><input type="radio" name="evaluation-score" id="evaluation-score-4" value="4" /> <label for="evaluation-score-4"> ${_("Partially Correct")}</label></li>
                    <li><input type="radio" name="evaluation-score" id="evaluation-score-3" value="3" /> <label for="evaluation-score-3"> ${_("No Opinion")}</label></li>
                    <li><input type="radio" name="evaluation-score" id="evaluation-score-2" value="2" /> <label for="evaluation-score-2"> ${_("Partially Incorrect")}</label></li>
                    <li><input type="radio" name="evaluation-score" id="evaluation-score-1" value="1" /> <label for="evaluation-score-1"> ${_("Incorrect")}</label></li>
                </ul>
            </div>
            <p>${_("Additional comments:")}</p>
            <textarea rows="${rows}" cols="${cols}" name="feedback_${id}" class="feedback-on-feedback" id="feedback_${id}"></textarea>
            <input type="button" value="${_("Submit Feedback")}" class="submit-evaluation-button" name="reset"/>
        </section>
    </div>
</div>