{% extends "base.html" %}
{% block title %}Study Materials | HAEGL DCET Coaching{% endblock %}
{% block content %}
{% include "includes/page_header.html" with title="Study Materials" subtitle="Notes, practice questions and revision resources." %}
<section class="section"><div class="container">
  <form method="get" class="filter-bar" role="search">
    <label class="sr-only" for="q">Search</label>
    <input id="q" type="search" name="q" value="{{ q }}" placeholder="Search materials">
    <label class="sr-only" for="category">Category</label>
    <select id="category" name="category"><option value="">All categories</option>
      {% for val, label in categories %}<option value="{{ val }}" {% if val == category %}selected{% endif %}>{{ label }}</option>{% endfor %}</select>
    <label class="sr-only" for="subject">Subject</label>
    <select id="subject" name="subject"><option value="">All subjects</option>
      {% for s in subjects %}<option value="{{ s.pk }}" {% if s.pk|stringformat:"s" == subject %}selected{% endif %}>{{ s.name }}</option>{% endfor %}</select>
    <button class="btn btn-primary btn-sm" type="submit">Filter</button>
  </form>
  {% if page %}<div class="grid grid-3">{% for m in page %}{% include "includes/material_card.html" %}{% endfor %}</div>
  {% include "includes/pagination.html" %}
  {% else %}{% include "includes/empty.html" with message="No materials found." %}{% endif %}
</div></section>
{% endblock %}