{% extends 'base.html' %}

{% block page_title %}CA Moderation Queue{% endblock page_title %}

{% block content %}
{% include 'secondary/_nav.html' %}

<div class="x_panel">
  <div class="x_title"><h2>Queue</h2><div class="clearfix"></div></div>
  <div class="x_content table-responsive">
    <table class="table table-striped table-bordered">
      <thead>
        <tr>
          <th>Task</th>
          <th>Student</th>
          <th>Raw</th>
          <th>Current Moderated</th>
          <th>Current Status</th>
          <th>Moderation Action</th>
        </tr>
      </thead>
      <tbody>
        {% for record in records %}
        <tr>
          <td>{{ record.task.title }}<br><small>{{ record.task.subject }} / {{ record.task.academic_class }}</small></td>
          <td>{{ record.student.student_name }}</td>
          <td>{{ record.raw_score }}</td>
          <td>{{ record.moderated_score|default:'-' }}</td>
          <td>{{ record.get_moderation_status_display }}</td>
          <td>
            <form method="post" class="form-inline">
              {% csrf_token %}
              <input type="hidden" name="record_id" value="{{ record.id }}">
              <input class="form-control input-sm" style="width:90px" type="number" step="0.01" name="moderated_score" value="{{ record.moderated_score|default:'' }}">
              <select name="moderation_status" class="form-control input-sm">
                {% for value, label in moderation_action_choices %}
                <option value="{{ value }}">{{ label }}</option>
                {% endfor %}
              </select>
              <input class="form-control input-sm" style="width:180px" type="text" name="comments" placeholder="Comment">
              <button type="submit" class="btn btn-xs btn-primary">Update</button>
            </form>
          </td>
        </tr>
        {% empty %}
        <tr><td colspan="6" class="text-center">No records in moderation queue.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock content %}