{% extends 'base.html' %}

{% block page_title %}A-Level Result Preview{% endblock page_title %}

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

<div class="x_panel">
  <div class="x_title"><h2>Compute A-Level Subject 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.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>Computation Summary</h2><div class="clearfix"></div></div>
  <div class="x_content">
    <p><strong>Weighted Point:</strong> {{ result.weighted_point }}</p>
    <p><strong>Final Competency:</strong> {{ result.final_competency }}</p>
    <p><strong>Descriptor:</strong> {{ result.final_descriptor }}</p>
  </div>
</div>

<div class="x_panel">
  <div class="x_title"><h2>Component Breakdown</h2><div class="clearfix"></div></div>
  <div class="x_content table-responsive">
    <table class="table table-striped table-bordered">
      <thead>
        <tr>
          <th>Component</th>
          <th>Points</th>
          <th>Weight (%)</th>
          <th>Contribution</th>
        </tr>
      </thead>
      <tbody>
        {% for row in component_rows %}
        <tr>
          <td>{{ row.component_type }}</td>
          <td>{{ row.point_value }}</td>
          <td>{{ row.weight }}</td>
          <td>{{ row.contribution }}</td>
        </tr>
        {% empty %}
        <tr><td colspan="4" class="text-center">No component data found.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

<div class="x_panel">
  <div class="x_title"><h2>Assessments 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>Component</th>
          <th>Module</th>
          <th>Attempt</th>
          <th>Competency</th>
          <th>Points</th>
        </tr>
      </thead>
      <tbody>
        {% for record in selected_records %}
        <tr>
          <td>{{ record.assessed_on }}</td>
          <td>{{ record.get_component_type_display }}</td>
          <td>{% if record.module %}{{ record.module.code }}{% else %}-{% endif %}</td>
          <td>{{ record.attempt_no }}</td>
          <td>{{ record.competency_code }}</td>
          <td>{{ record.points_awarded|default:'-' }}</td>
        </tr>
        {% empty %}
        <tr><td colspan="6" class="text-center">No assessment records were used.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

{% if result.modular_breakdown %}
<div class="x_panel">
  <div class="x_title"><h2>Modular Exam Detail</h2><div class="clearfix"></div></div>
  <div class="x_content table-responsive">
    <table class="table table-striped table-bordered">
      <thead>
        <tr>
          <th>Module</th>
          <th>Attempt</th>
          <th>Competency</th>
          <th>Points</th>
        </tr>
      </thead>
      <tbody>
        {% for item in result.modular_breakdown %}
        <tr>
          <td>{{ item.module_code }} - {{ item.module_name }}</td>
          <td>{{ item.attempt_no }}</td>
          <td>{{ item.competency_code }}</td>
          <td>{{ item.points }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endif %}
{% endif %}
{% endblock content %}