{% extends "exams/base.html" %}
{% load math_tags %}

{% block page_title %}
district Performance Trend – {{ district.name }}
{% endblock %}

{% block content %}


<style>
@media print {
  body {
    zoom: 90%;
  }

  button, .btn {
    display: none !important;
  }

  .card {
    border: none !important;
  }
}
</style>


<div class="container mt-4">
  <!-- ================= HEADER ================= -->
  <div class="card">
<div class="card-header bg-success text-white fw-bold text-center">

DISTRICT SCHOOL RANKING – {{ district.name }}
{% if exam_type %} – {{ exam_type.name }}{% endif %}
 – {{ year }}

  <span class="ms-3">

    <a href="{% url 'exams:district_school_ranking_print' %}?district={{ district.id }}&year={{ year }}&exam_type_id={{ exam_type_id }}"
       class="btn btn-sm btn-light fw-bold">
       PRINT
    </a>

    <a href="{% url 'exams:district_school_ranking_excel' %}?district={{ district.id }}&year={{ year }}&exam_type_id={{ exam_type_id }}"
       class="btn btn-sm btn-warning fw-bold">
       EXCEL
    </a>

<!--     <a href="{% url 'exams:district_school_ranking_pdf' %}?district={{ district.id }}&year={{ year }}&exam_type_id={{ exam_type_id }}"
       class="btn btn-sm btn-danger fw-bold">
       PDF
    </a> -->

  </span>

</div>


    <div class="card-body p-0">
      <table class="table table-bordered table-striped mb-0">
       <thead class="table-dark text-center">

<table class="table table-bordered table-striped text-center">
<thead class="table-dark">
<tr>
<th>#</th><th>#CODE</th><th>NAME</th><th>DISTRICT</th><th>REGION</th>
<th>I</th><th>II</th><th>III</th><th>IV</th><th>0</th>
<th>#I-IV</th><th>%I-IV</th><th>GPA</th>
</tr>
</thead>
<tbody>
{% for r in rows %}
<tr>
<td>{{ r.rank }}</td>
<td>{{ r.code }}</td>
<td class="text-start">{{ r.name }}</td>
<td>{{ r.district }}</td>
<td>{{ r.region }}</td>
<td>{{ r.d1 }}</td>
<td>{{ r.d2 }}</td>
<td>{{ r.d3 }}</td>
<td>{{ r.d4 }}</td>
<td class="text-danger fw-bold">{{ r.d0 }}</td>
<td class="text-success fw-bold">{{ r.pass }}</td>
<td>{{ r.pass_pct }}%</td>
<td class="fw-bold">{{ r.gpa }}</td>
</tr>
{% endfor %}
</tbody>
</table>



{% endblock %}