{% extends "base.html" %}
{% load custom_tags %}
{% block title %}Content by SubTopic{% endblock %}

{% block content %}
<div class="container py-4">
    <h2>Content Filtered by SubTopic</h2>

    <!-- Filter form -->
    <form method="get" class="mb-4">
        <input type="text" name="sub_topic_short_Code" placeholder="Enter SubTopic Short Code"
               value="{{ sub_topic_short_code }}" class="form-control d-inline w-auto" />
        <button type="submit" class="btn btn-primary">Filter</button>
    </form>

    {% if sub_topic_short_code %}
      <h5>Results for: <b>{{ sub_topic_short_code }}</b></h5>
    {% endif %}

<!-- ✅ PYQs -->
<div class="card mb-3">
  <div class="card-header bg-primary text-white">Previous Year Questions</div>
  <div class="card-body">
    {% if pyqs_grouped %}
      <div class="row">
        {% for base_id, pair in pyqs_grouped %}
          {% include "question_bank/question_pair_card.html" with pair=pair %}
        {% endfor %}
      </div>
    {% else %}
      <p>No Previous Year Questions found.</p>
    {% endif %}
  </div>
</div>

<!-- ✅ MOQs -->
<div class="card mb-3">
  <div class="card-header bg-success text-white">Model Questions</div>
  <div class="card-body">
    {% if moqs_grouped %}
      <div class="row">
        {% for base_id, pair in moqs_grouped %}
          {% include "question_bank/question_pair_card.html" with pair=pair %}
        {% endfor %}
      </div>
    {% else %}
      <p>No Model Questions found.</p>
    {% endif %}
  </div>
</div>

<!-- ✅ OSQs -->
<div class="card mb-3">
  <div class="card-header bg-warning text-dark">Other Source Questions</div>
  <div class="card-body">
    {% if osqs_grouped %}
      <div class="row">
        {% for base_id, pair in osqs_grouped %}
          {% include "question_bank/question_pair_card.html" with pair=pair %}
        {% endfor %}
      </div>
    {% else %}
      <p>No Other Source Questions found.</p>
    {% endif %}
  </div>
</div>

  
    <!-- Lecture Notes -->
<div class="card mb-3">
  <div class="card-header bg-primary text-white">Lecture Notes</div>
  <div class="card-body">
    {% if lecture_notes %}
      <div class="row">
        {% for note in lecture_notes %}
          <div class="col-md-6 mb-4">
            <div class="card h-100 shadow-sm">
              <div class="card-body">
                <!-- Description -->
                <h5 class="card-title">{{ note.description|default:"No description" }}</h5>
                
                <!-- File Link -->
                {% if note.note_file %}
                  <p><a href="{{ note.note_file.url }}" target="_blank" class="btn btn-sm btn-outline-light">📂 Open File</a></p>
                {% endif %}

                <!-- Metadata -->
                <p><strong>Language:</strong> {{ note.get_language_display }}</p>
                <p><strong>CTPL:</strong> {{ note.get_ctpl_display }}</p>
                <p><strong>Type:</strong> {{ note.get_note_type_display }}</p>

                <!-- Hierarchy -->
                <p><strong>Area:</strong> {{ note.area.name }}</p>
                <p><strong>Part:</strong> {{ note.part.name }}</p>
                <p><strong>Chapter:</strong> {{ note.chapter.name }}</p>
                {% if note.topic %}
                  <p><strong>Topic:</strong> {{ note.topic.name }}</p>
                {% endif %}
                {% if note.subtopic %}
                  <p><strong>Subtopic:</strong> {{ note.subtopic.name }}</p>
                {% endif %}

              </div>
              <div class="card-footer text-muted">
                <small>
                  Added on {{ note.created_at|date:"Y-m-d H:i" }}
                  {% if note.created_by %} by {{ note.created_by }}{% endif %}
                </small>
              </div>
            </div>
          </div>
        {% endfor %}
      </div>
    {% else %}
      <p>No Lecture Notes found.</p>
    {% endif %}
  </div>
</div>


    <!-- Input Suggestions -->
{% load custom_tags %} {# only needed if you use the split filter from your custom_tags #}

<!-- Input Suggestions -->
<div class="card mb-3">
  <div class="card-header bg-secondary text-white">Input Suggestions</div>
  <div class="card-body">
    {% if input_suggestions %}
      <div class="row">
        {% for inp in input_suggestions %}
          <div class="col-md-6 mb-4">
            <div class="card h-100 shadow-sm">
              <div class="card-body">
                <!-- Title / View page -->
                <p class="card-title">
                  📝
                  <a href="{% url 'view-input-suggestion' inp.pk %}"
                     target="_blank"
                     class="btn btn-sm btn-outline-secondary">
                    {{ inp.brief_description|safe|truncatewords:15 }}
                  </a>
                </p>

                <!-- Teaser -->
                <p>{{ inp.details|safe|truncatewords:25 }}</p>

                <!-- Video -->
                {% if inp.question_video %}
                  <video width="100%" height="200" controls>
                    <source src="{{ inp.question_video.url }}" type="video/mp4">
                    Your browser does not support the video tag.
                  </video>
                {% endif %}

                <!-- Links (multiple) -->
                {% if inp.link_list %}
                  <p class="mt-2">
                    {% for link in inp.link_list %}
                      <a href="{{ link }}" target="_blank" class="btn btn-sm btn-outline-secondary me-1">
                        🔗 Link {{ forloop.counter }}
                      </a>
                    {% endfor %}
                  </p>
                {% elif inp.question_link %}
                  {# If you added a custom `split` filter in custom_tags.py #}
                  {% with links=inp.question_link|split:"," %}
                    <p class="mt-2">
                      {% for link in links %}
                        <a href="{{ link }}" target="_blank" class="btn btn-sm btn-outline-secondary me-1">
                          🔗 Link {{ forloop.counter }}
                        </a>
                      {% endfor %}
                    </p>
                  {% endwith %}
                {% endif %}

                <!-- Credit / Courtesy -->
                {% if inp.credit_or_courtesy %}
                  <p><strong>Credit / Courtesy:</strong> {{ inp.credit_or_courtesy }}</p>
                {% endif %}

                <!-- Source & Status (support choices or raw values) -->
                <p><strong>Source:</strong> {{ inp.get_source_display|default:inp.source }}</p>
                <p><strong>Status:</strong> {{ inp.get_approval_status_display|default:inp.approval_status }}</p>

                <!-- Hierarchy -->
                <p><strong>Area(s):</strong>
                  {% for a in inp.area_name.all %}{{ a.name }}{% if not forloop.last %}, {% endif %}{% empty %}-{% endfor %}
                </p>
                <p><strong>Part(s):</strong>
                  {% for p in inp.part_name.all %}{{ p.name }}{% if not forloop.last %}, {% endif %}{% empty %}-{% endfor %}
                </p>
                <p><strong>Chapter(s):</strong>
                  {% for ch in inp.chapter_name.all %}{{ ch.name }}{% if not forloop.last %}, {% endif %}{% empty %}-{% endfor %}
                </p>
                <p><strong>Topic(s):</strong>
                  {% for t in inp.topic_name.all %}{{ t.name }}{% if not forloop.last %}, {% endif %}{% empty %}-{% endfor %}
                </p>
                <p><strong>Subtopic(s):</strong>
                  {% for st in inp.subtopic_name.all %}{{ st.name }}{% if not forloop.last %}, {% endif %}{% empty %}-{% endfor %}
                </p>

                <!-- Exams -->
                <p><strong>Exam(s):</strong>
                  {% for ex in inp.exams.all %}{{ ex.name }}{% if not forloop.last %}, {% endif %}{% empty %}-{% endfor %}
                </p>

                <!-- Hashtags -->
                <p><strong>Hashtags:</strong>
                  {% for h in inp.hashtags.all %}#{{ h.name }}{% if not forloop.last %}, {% endif %}{% empty %}-{% endfor %}
                </p>
              </div>

              <div class="card-footer text-muted">
                <small>
                  Added on {{ inp.created_at|date:"Y-m-d H:i" }}{% if inp.created_by %} by {{ inp.created_by }}{% endif %}
                </small>
              </div>
            </div>
          </div>
        {% endfor %}
      </div>
    {% else %}
      <p>No Input Suggestions found.</p>
    {% endif %}
  </div>
</div>



</div>
{% endblock %}