<%! from django.utils.translation import ugettext as _ %>
<section class="container peer-grading-container">
    <div class="peer-grading" data-ajax-url="${ajax_url}" data-use-single-location="${use_single_location}">
        <div class="error-container">${error_text}</div>
        <h1>${_("Peer Grading")}</h1>
        <h2>${_("Instructions")}</h2>
        <p>${_("Here are a list of problems that need to be peer graded for this course.")}</p>
        % if success:
            % if len(problem_list) == 0:
            <div class="message-container">
              ${_("Nothing to grade!")}
            </div>
            %else:
            <div class="problem-list-container">
                <table class="problem-list">
                    <tr>
                        <th>${_("Problem Name")}</th>
                        <th>${_("Due date")}</th>
                        <th>${_("Graded")}</th>
                        <th>${_("Available")}</th>
                        <th>${_("Required")}</th>
                        <th>${_("Progress")}</th>
                    </tr>
                %for problem in problem_list:
                <tr data-graded="${problem['num_graded']}" data-required="${problem['num_required']}">
                    <td class="problem-name">
                        %if problem['closed']:
                            ${problem['problem_name']}
                        %else:
                            <a href="#problem" data-location="${problem['location']}" class="problem-button">${problem['problem_name']}</a>
                        %endif
                    </td>
                    <td>
                        % if problem['due']:
                            ${problem['due']}
                        % else:
                            ${_("No due date")}
                        % endif
                    </td>
                    <td>
                        ${problem['num_graded']}
                    </td>
                    <td>
                        ${problem['num_pending']}
                    </td>
                    <td>
                        ${problem['num_required']}
                    </td>
                    <td>
                        <div class="progress-bar">
                        </div>
                    </td>
                </tr>
                %endfor
                </table>
            </div>
            %endif
        %endif
    </div>
</section>
