<%! from django.utils.translation import ugettext as _ %>
% for co in context_list:
    % if co['grader_type'] in grader_type_image_dict:
        <%grader_type=co['grader_type']%>
        <% grader_image = grader_type_image_dict[grader_type] %>
        % if grader_type in human_grader_types:
            <% human_title = human_grader_types[grader_type] %>
        % else:
            <% human_title = grader_type %>
        % endif
        <section class="rubric-result-container">
            <div class="rubric-result">
                <img src="${grader_image}" title="${human_title}"/>
            </div>
            <div class="rubric-result">
                ${co['rubric_html']}
            </div>
            <div class="rubric-result">
                %if len(co['feedback'])>2:
                    <div class="collapsible evaluation-response">
                        <header>
                            ## Translators: "See full feedback" is the text of
                            ## a link that allows a user to see more detailed
                            ## feedback from a self, peer, or instructor
                            ## graded openended problem
                            <a href="#" class="see-full-feedback">${_("See full feedback")}</a>
                        </header>
                        <section class="feedback-full">
                            ${co['feedback']}
                        </section>
                    </div>
                %endif
            </div>
            %if grader_type!="SA":
                <div class="rubric-result">
                    <input type="hidden" value="${co['grader_id']}" class="grader_id" />
                    <input type="hidden" value="${co['submission_id']}" class="submission_id" />
                    <div class="collapsible evaluation-response">
                        <header>
                            ## Translators: this text forms a link that, when
                            ## clicked, allows a user to respond to the feedback
                            ## the user received on his or her openended problem
                            <a href="#" class="respond-to-feedback">${_("Respond to Feedback")}</a>
                        </header>
                        <section id="evaluation" 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" class="feedback-on-feedback" id="feedback"></textarea>
                            <input type="button" value="${_("Submit Feedback")}" class="submit-evaluation-button" name="reset"/>
                        </section>
                    </div>
                </div>
            %endif
        </section>
        <br/>
    %endif
%endfor