{% extends "base.html" %}
{% block page_title %}Exam Timetable{% endblock page_title %}

{% block content %}
<div class="clearfix"></div>

<div class="row">
  <div class="col-md-12 col-sm-12 col-xs-12">
    <div class="x_panel">
      <div class="x_title">
        <h2><i class="fa fa-calendar"></i> Exam Timetable</h2>
        <ul class="nav navbar-right panel_toolbox">
          <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
        </ul>
        <div class="clearfix"></div>
      </div>
      <div class="x_content">
        <form method="get" class="form-inline" style="display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;">
          <div class="form-group">
            <label>Academic Year</label>
            <select name="year_id" class="form-control">
              <option value="">All</option>
              {% for y in academic_years %}
              <option value="{{ y.id }}" {% if y.id|stringformat:"s" == selected_year_id %}selected{% endif %}>
                {{ y.academic_year }}
              </option>
              {% endfor %}
            </select>
          </div>
          <div class="form-group">
            <label>Term</label>
            <select name="term_id" class="form-control">
              <option value="">All</option>
              {% for t in terms %}
              <option value="{{ t.id }}" {% if t.id|stringformat:"s" == selected_term_id %}selected{% endif %}>
                {{ t.term }}
              </option>
              {% endfor %}
            </select>
          </div>
          <div class="form-group">
            <label>Class</label>
            <select name="class_id" class="form-control">
              <option value="">All</option>
              {% for c in classes %}
              <option value="{{ c.id }}" {% if c.id|stringformat:"s" == selected_class_id %}selected{% endif %}>
                {{ c.name }}
              </option>
              {% endfor %}
            </select>
          </div>
          <div class="form-group">
            <label>Assessment Type</label>
            <select name="assessment_type_id" class="form-control">
              <option value="">All</option>
              {% for at in assessment_types %}
              <option value="{{ at.id }}" {% if at.id|stringformat:"s" == selected_assessment_type_id %}selected{% endif %}>
                {{ at.name }}
              </option>
              {% endfor %}
            </select>
          </div>
          <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-filter"></i> Filter</button>
          <a href="{% url 'exam_timetable' %}?year_id={{ selected_year_id }}&term_id={{ selected_term_id }}&class_id={{ selected_class_id }}&assessment_type_id={{ selected_assessment_type_id }}&print=1" class="btn btn-default btn-sm"><i class="fa fa-print"></i> Print PDF</a>
        </form>

        <hr />

        {% if assessments_by_date %}
        {% for exam_date, items in assessments_by_date.items %}
        <div class="panel panel-default" style="margin-bottom:12px;">
          <div class="panel-heading" style="font-weight:700;">
            {{ exam_date|date:"M d, Y" }}
          </div>
          <div class="panel-body">
            <div class="table-responsive">
              <table class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>Date</th>
                    <th>Class</th>
                    <th>Assessment Type</th>
                    <th>Subject</th>
                  </tr>
                </thead>
                <tbody>
                  {% for a in items %}
                  <tr>
                    <td>{{ a.date|date:"M d, Y" }}</td>
                    <td>{{ a.academic_class }}</td>
                    <td>{{ a.assessment_type.name }}</td>
                    <td>{{ a.subject.name }}</td>
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </div>
        {% endfor %}
        {% else %}
        <div class="text-muted">No assessments found for the selected filters.</div>
        {% endif %}
      </div>
    </div>
  </div>
</div>
{% endblock content %}