{% extends 'base.html' %}

{% block page_title %}Secondary Result Preview{% endblock page_title %}

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

<div class="x_panel">
  <div class="x_title"><h2>Compute Result</h2><div class="clearfix"></div></div>
  <div class="x_content">
    <form method="post" class="form-inline">
      {% csrf_token %}
      {{ form.student.label_tag }} {{ form.student }}
      {{ form.subject.label_tag }} {{ form.subject }}
      {{ form.exam_score.label_tag }} {{ form.exam_score }}
      {{ form.policy.label_tag }} {{ form.policy }}
      <button type="submit" class="btn btn-primary">Compute</button>
    </form>
  </div>
</div>

{% if result %}
<div class="x_panel">
  <div class="x_title"><h2>Computed Result</h2><div class="clearfix"></div></div>
  <div class="x_content">
    <p><strong>CA Score:</strong> {{ result.ca_score }}</p>
    <p><strong>Exam Score:</strong> {{ result.exam_score }}</p>
    <p><strong>CA Contribution:</strong> {{ result.ca_contribution }}</p>
    <p><strong>Exam Contribution:</strong> {{ result.exam_contribution }}</p>
    <p><strong>Final Score:</strong> {{ result.final_score }}</p>
    <p><strong>Grade:</strong> {{ result.grade }}</p>
    <p><strong>Descriptor:</strong> {{ result.descriptor }}</p>
  </div>
</div>

<div class="x_panel">
  <div class="x_title"><h2>CA Records Used</h2><div class="clearfix"></div></div>
  <div class="x_content table-responsive">
    <table class="table table-striped table-bordered">
      <thead><tr><th>Date</th><th>Task</th><th>Weight</th><th>Raw</th><th>Moderated</th><th>Status</th></tr></thead>
      <tbody>
        {% for record in ca_records %}
        <tr>
          <td>{{ record.task.assigned_date }}</td>
          <td>{{ record.task.title }}</td>
          <td>{{ record.task.weight }}</td>
          <td>{{ record.raw_score }}</td>
          <td>{{ record.moderated_score|default:'-' }}</td>
          <td>{{ record.get_moderation_status_display }}</td>
        </tr>
        {% empty %}
        <tr><td colspan="6" class="text-center">No CA records found.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endif %}
{% endblock content %}