{% extends 'base.html' %}

{% block page_title %}A-Level Module Assessments{% endblock page_title %}

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

<div class="row">
  <div class="col-md-5">
    <div class="x_panel">
      <div class="x_title"><h2>Record Assessment</h2><div class="clearfix"></div></div>
      <div class="x_content">
        <form method="post">
          {% csrf_token %}
          {{ form.as_p }}
          <button type="submit" class="btn btn-primary">Save Assessment</button>
        </form>
      </div>
    </div>
  </div>

  <div class="col-md-7">
    <div class="x_panel">
      <div class="x_title"><h2>Assessment Records</h2><div class="clearfix"></div></div>
      <div class="x_content">
        <form method="get" class="form-inline" style="margin-bottom: 10px;">
          <label for="student_id">Student</label>
          <select name="student_id" id="student_id" class="form-control">
            <option value="">All</option>
            {% for student in student_options %}
            <option value="{{ student.id }}" {% if selected_student and student.id == selected_student.id %}selected{% endif %}>{{ student.student_name }}</option>
            {% endfor %}
          </select>

          <label for="subject_id" style="margin-left: 10px;">Subject</label>
          <select name="subject_id" id="subject_id" class="form-control">
            <option value="">All</option>
            {% for subject in subject_options %}
            <option value="{{ subject.id }}" {% if selected_subject and subject.id == selected_subject.id %}selected{% endif %}>{{ subject.name }}</option>
            {% endfor %}
          </select>
          <button type="submit" class="btn btn-default" style="margin-left: 10px;">Filter</button>
        </form>

        <div class="table-responsive">
          <table class="table table-striped table-bordered">
            <thead>
              <tr>
                <th>Date</th>
                <th>Student</th>
                <th>Subject</th>
                <th>Component</th>
                <th>Module</th>
                <th>Attempt</th>
                <th>Competency</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              {% for item in assessments %}
              <tr>
                <td>{{ item.assessed_on }}</td>
                <td>{{ item.student.student_name }}</td>
                <td>{{ item.subject.name }}</td>
                <td>{{ item.get_component_type_display }}</td>
                <td>{% if item.module %}{{ item.module.code }}{% else %}-{% endif %}</td>
                <td>{{ item.attempt_no }}</td>
                <td>{{ item.competency_code }}</td>
                <td>
                  <form method="post" style="display:inline;">
                    {% csrf_token %}
                    <input type="hidden" name="delete_assessment_id" value="{{ item.id }}">
                    <button type="submit" class="btn btn-xs btn-danger">Delete</button>
                  </form>
                </td>
              </tr>
              {% empty %}
              <tr><td colspan="8" class="text-center">No A-Level assessments found.</td></tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock content %}