{% extends "base.html" %}
{% block title %}Syllabus | HAEGL DCET Coaching{% endblock %}
{% block content %}
{% include "includes/page_header.html" with title="DCET Syllabus" subtitle="Subject-wise topics maintained by HAEGL." %}
<section class="section"><div class="container">
  <p class="note">This is institute-provided learning material. For the authoritative syllabus and exam rules, always refer to the official Karnataka DCET notification.</p>
  <form method="get" class="filter-bar" role="search">
    <label for="q" class="sr-only">Search syllabus</label>
    <input id="q" type="search" name="q" value="{{ q }}" placeholder="Search subjects or topics">
    <button class="btn btn-primary btn-sm" type="submit">Search</button>
    {% if q %}<a class="btn btn-outline btn-sm" href="{% url 'courses:syllabus' %}">Clear</a>{% endif %}
    <button type="button" class="btn btn-outline btn-sm" data-toggle-all>Expand / collapse all</button>
  </form>
  {% for s in subjects %}
  <details class="faq" {% if q %}open{% endif %}>
    <summary>{{ s.name }}</summary>
    {% if s.description %}<p>{{ s.description }}</p>{% endif %}
    <ul class="topics">{% for t in s.topics.all %}<li><strong>{{ t.title }}</strong>{% if t.description %}<br><span class="muted">{{ t.description }}</span>{% endif %}</li>{% empty %}<li class="muted">Topics coming soon.</li>{% endfor %}</ul>
  </details>
  {% empty %}{% include "includes/empty.html" with message="No syllabus entries found." %}{% endfor %}
  {% if documents %}<h2 class="section-title">Syllabus documents</h2>
  <div class="grid grid-3">{% for m in documents %}{% include "includes/material_card.html" %}{% endfor %}</div>{% endif %}
</div></section>
{% endblock %}