{% extends "exams/base.html" %}
{% block content %}



<style>
table { width:100%; border-collapse:collapse; font-size:12px; margin-bottom:25px; }
th,td { border:1px solid #444; padding:4px; text-align:center; }
.header { background:#d7f2ff; font-weight:bold; font-size:14px; text-align:center; }
.left { text-align:left; }
</style>


<div class="container mt-3">
  <div class="d-flex justify-content-between mb-3">
    <h3 class="fw-bold text-primary mb-3">
    BEST & WORST SCHOOLS – {{ region.name }} – {{ year }}
    <a href="/reports/reg-top-bottom-pdf/?region={{ region.id }}&year={{ year }}" 
       class="btn btn-danger btn-sm">Export PDF</a>
       
    <a href="/reports/reg-top-bottom-excel/?region={{ region.id }}&year={{ year }}" 
       class="btn btn-success btn-sm">Export Excel</a>

</h3>

    <a href="{% url 'exams:regionwise' %}" class="btn btn-primary">
    <i class="fas fa-long-arrow-alt-left"></i> BACK
    </a>
  </div>

{% include "exams/reports/_best10_table_block.html" with title="BEST 10 SCHOOLS – OVERALL" rows=top10 %}
{% include "exams/reports/_best10_table_block.html" with title="BOTTOM 10 SCHOOLS – OVERALL" rows=bottom10 %}
{% include "exams/reports/_best10_table_block.html" with title="BEST 10 SCHOOLS – ≥30 CANDIDATES" rows=top10_big %}
{% include "exams/reports/_best10_table_block.html" with title="BOTTOM 10 SCHOOLS – ≥30 CANDIDATES" rows=bottom10_big %}
{% include "exams/reports/_best10_table_block.html" with title="BEST 10 GOVERNMENT OWNED SCHOOLS" rows=top10_gov %}


{% endblock %}