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

<div class="container mt-4">

<div class="d-flex justify-content-between align-items-center mb-3">

  <!-- LEFT SIDE: Back Button + Search -->
  <div class="d-flex align-items-center gap-2">

  <!-- RIGHT SIDE: Optional Title -->
  <h5 class="mb-0">
    {{ project.name }}
  </h5>

    <!-- Search -->
    <form method="get" class="ms-2">
      <div class="input-group input-group-sm" style="width:350px;">
        <input type="text"
               name="q"
               value="{{ search_query }}"
               placeholder="Search subject or paper..."
               class="form-control">

        <button class="btn btn-primary">
          <i class="fas fa-search"></i>
        </button>
      </div>
    </form>


  </div>

<a
  href="{% url 'exams:project_subjects_all_schools_print' project.id %}"
  class="btn btn-info btn-sm"
>
  <i class="fa fa-file-pdf"></i> Score-Sheet
</a>


<a href="{% url 'exams:subject_paper_registration_summary_pdf' project.id %}"
   class="btn btn-success btn-sm"
   target="_blank">
   <i class="fa fa-file-pdf"></i> Paper Reg
</a>

<!-- <a href="{% url 'exams:subject_paper_progress_summary_pdf' project.id %}"
   class="btn btn-info btn-sm"
   target="_blank">
   <i class="fa fa-file-pdf"></i> Progress
</a> -->

<a href="{% url 'exams:project_marking_progress_pdf' project.id %}"
   class="btn btn-warning btn-sm"
   target="_blank">
   <i class="fa fa-file-pdf"></i> Progress
</a>

    <!-- Back to Subjects -->
    <a href="{% url 'exams:project_list' %}"
       class="btn btn-outline-secondary btn-sm">
       <i class="fas fa-arrow-left"></i> Back
    </a>
    

</div>


<table class="table table-bordered">
<thead class="table-primary">
<tr>
    <th>Subject</th>
    <th>Paper Code</th>
    <th>Total Scripts</th>
    <th>Filled</th>
    <th>Progress</th>
    <th>Action</th>
</tr>
</thead>
  <tbody>
    {% for p in page_obj %}
    <tr>
      <td>{{ p.subject.subject_name_eng }}</td>
      <td>{{ p.paper_code }}</td>

    <td>
        <span class="badge bg-info">
            {{ p.total_scripts }}
        </span>
    </td>

    <td>
        <span class="badge bg-success">
            {{ p.filled_scores }}
        </span>
    </td>

    <td style="width:200px;">
        <div class="progress">
            <div class="progress-bar"
                 role="progressbar"
                 style="width: {{ p.completion_percent|floatformat:1 }}%;">
                {{ p.completion_percent|floatformat:1 }}%
            </div>
        </div>
    </td>

      <td>
        <a href="{% url 'exams:marks_schools' project.id p.id %}"
           class="btn btn-primary btn-sm">
           Schools
        </a>

        <a href="{% url 'exams:download_paper_registrations' project.id p.id %}"
           class="btn btn-info btn-sm">
           TEMPLATE
        </a>

        <a href="{% url 'exams:project_subject_all_schools_print' project.id p.id %}"
           class="btn btn-danger btn-sm"
           target="_blank">
           <i class="fa fa-file-pdf"></i> PRINT
        </a>

        <a href="{% url 'exams:project_subject_summary_pdf' project.id p.id %}"
           class="btn btn-warning btn-sm"
           target="_blank">
           <i class="fa fa-file-pdf"></i> SUMMARY
        </a>

      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>


<nav>
  <ul class="pagination pagination-sm">

    {% if page_obj.has_previous %}
      <li class="page-item">
        <a class="page-link"
           href="?q={{ search_query }}&page={{ page_obj.previous_page_number }}">
           Previous
        </a>
      </li>
    {% endif %}

    <li class="page-item active">
      <span class="page-link">
        Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}
      </span>
    </li>

    {% if page_obj.has_next %}
      <li class="page-item">
        <a class="page-link"
           href="?q={{ search_query }}&page={{ page_obj.next_page_number }}">
           Next
        </a>
      </li>
    {% endif %}

  </ul>
</nav>


</div>

{% endblock %}