{% extends "base.html" %}
{% block content %}
<h2>Lectures</h2>

<!-- ===== PAPER FILTER BAR (preserves all filters) ===== -->
<div class="row mb-3">
  <div class="col">
    <div class="btn-group" role="group" aria-label="Paper filter">
      {% set all_params = {
          'search': search,
          'sort': sort_by,
          'order': order,
          'lecturer': lecturer,
          'subject': subject,
          'syllabus': syllabus,
          'chapter': chapter,
          'date_from': date_from,
          'date_to': date_to,
          'notes': notes,
          'video_id': video_id,
          'mirror_id': mirror_id,
          'exact': exact
      } %}
      <a href="{{ url_for('lectures', paper='', **all_params) }}"
         class="btn btn-outline-secondary {% if not request.args.get('paper') %}active{% endif %}">All</a>
      <a href="{{ url_for('lectures', paper='pretest', **all_params) }}"
         class="btn btn-outline-primary {% if request.args.get('paper') == 'pretest' %}active{% endif %}">Pretest</a>
      <a href="{{ url_for('lectures', paper='paper_i', **all_params) }}"
         class="btn btn-outline-primary {% if request.args.get('paper') == 'paper_i' %}active{% endif %}">Paper I</a>
      <a href="{{ url_for('lectures', paper='paper_ii', **all_params) }}"
         class="btn btn-outline-primary {% if request.args.get('paper') == 'paper_ii' %}active{% endif %}">Paper II</a>
      <a href="{{ url_for('lectures', paper='paper_iii', **all_params) }}"
         class="btn btn-outline-primary {% if request.args.get('paper') == 'paper_iii' %}active{% endif %}">Paper III</a>
    </div>
  </div>
</div>

<!-- ===== SEARCH BAR ===== -->
<div class="row mb-3">
  <div class="col">
    <form method="get" class="row g-3" id="search-form">
      <div class="col-auto">
        <input type="text" name="search" value="{{ search }}" class="form-control" placeholder="Search...">
      </div>
      <div class="col-auto">
        <button type="submit" class="btn btn-primary"><i class="bi bi-search"></i> Search</button>
      </div>
      <div class="col-auto">
        <a href="{{ url_for('lectures') }}" class="btn btn-secondary">Clear</a>
      </div>
      <!-- Preserve all advanced filters (hidden) -->
      <input type="hidden" name="sort" value="{{ sort_by }}">
      <input type="hidden" name="order" value="{{ order }}">
      <input type="hidden" name="paper" value="{{ request.args.get('paper', '') }}">
      <input type="hidden" name="lecturer" value="{{ lecturer or '' }}">
      <input type="hidden" name="subject" value="{{ subject or '' }}">
      <input type="hidden" name="syllabus" value="{{ syllabus or '' }}">
      <input type="hidden" name="chapter" value="{{ chapter or '' }}">
      <input type="hidden" name="date_from" value="{{ date_from or '' }}">
      <input type="hidden" name="date_to" value="{{ date_to or '' }}">
      <input type="hidden" name="notes" value="{{ notes or '' }}">
      <input type="hidden" name="video_id" value="{{ video_id or '' }}">
      <input type="hidden" name="mirror_id" value="{{ mirror_id or '' }}">
      <input type="hidden" name="exact" value="{{ 'true' if exact else 'false' }}">
    </form>
  </div>
</div>

<!-- ===== ADVANCED SEARCH TOGGLE ===== -->
<div class="mb-3">
  <button class="btn btn-outline-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#advancedSearch" aria-expanded="false" aria-controls="advancedSearch">
    <i class="bi bi-funnel"></i> Advanced Filters
  </button>
</div>

<div class="collapse mb-4" id="advancedSearch">
  <div class="card card-body">
    <form method="get" action="{{ url_for('lectures') }}" id="adv-search-form">
      <div class="row g-3">
        <!-- Hidden fields to preserve sorting and paper -->
        <input type="hidden" name="sort" value="{{ sort_by }}">
        <input type="hidden" name="order" value="{{ order }}">
        <input type="hidden" name="paper" value="{{ request.args.get('paper', '') }}">

        <div class="col-md-3">
          <label for="syllabus" class="form-label">Syllabus ID</label>
          <input type="text" class="form-control" id="syllabus" name="syllabus" value="{{ syllabus or '' }}">
        </div>
        <div class="col-md-3">
          <label for="subject" class="form-label">Subject</label>
          <input type="text" class="form-control" id="subject" name="subject" value="{{ subject or '' }}">
        </div>
        <div class="col-md-3">
          <label for="lecturer" class="form-label">Lecturer</label>
          <input type="text" class="form-control" id="lecturer" name="lecturer" value="{{ lecturer or '' }}">
        </div>
        <div class="col-md-3">
          <label for="chapter" class="form-label">Chapter</label>
          <input type="text" class="form-control" id="chapter" name="chapter" value="{{ chapter or '' }}">
        </div>
        <div class="col-md-3">
          <label for="date_from" class="form-label">Date from (YYYY-MM-DD)</label>
          <input type="text" class="form-control" id="date_from" name="date_from" value="{{ date_from or '' }}" placeholder="e.g. 2080-01-01">
        </div>
        <div class="col-md-3">
          <label for="date_to" class="form-label">Date to</label>
          <input type="text" class="form-control" id="date_to" name="date_to" value="{{ date_to or '' }}" placeholder="e.g. 2081-12-31">
        </div>
        <div class="col-md-3">
          <label for="video_id" class="form-label">Video ID</label>
          <input type="text" class="form-control" id="video_id" name="video_id" value="{{ video_id or '' }}">
        </div>
        <div class="col-md-3">
          <label for="mirror_id" class="form-label">Mirror ID</label>
          <input type="text" class="form-control" id="mirror_id" name="mirror_id" value="{{ mirror_id or '' }}">
        </div>
        <div class="col-md-6">
          <label for="notes" class="form-label">Notes</label>
          <input type="text" class="form-control" id="notes" name="notes" value="{{ notes or '' }}">
        </div>
        <div class="col-md-6 d-flex align-items-end">
          <div class="form-check">
            <input class="form-check-input" type="checkbox" id="exact" name="exact" value="true" {% if exact %}checked{% endif %}>
            <label class="form-check-label" for="exact">
              Exact match (case‑insensitive)
            </label>
          </div>
        </div>
      </div>
      <div class="mt-3">
        <button type="submit" class="btn btn-primary"><i class="bi bi-search"></i> Apply Filters</button>
        <a href="{{ url_for('lectures') }}" class="btn btn-secondary">Clear All</a>
      </div>
    </form>
  </div>
</div>

<!-- ===== TABLE WITH SORT HEADERS (preserving all filters) ===== -->
<div class="table-responsive">
  <table class="table table-striped table-hover">
    <thead>
      <tr>
        <th>
          {% set new_order = 'desc' if sort_by == 'syllabus_id' and order == 'asc' else 'asc' %}
          <a href="{{ url_for('lectures', sort='syllabus_id', order=new_order,
                    paper=request.args.get('paper', ''),
                    search=search,
                    lecturer=lecturer,
                    subject=subject,
                    syllabus=syllabus,
                    chapter=chapter,
                    date_from=date_from,
                    date_to=date_to,
                    notes=notes,
                    video_id=video_id,
                    mirror_id=mirror_id,
                    exact=exact) }}">
            Syllabus
            {% if sort_by == 'syllabus_id' %}{{ '▲' if order == 'asc' else '▼' }}{% endif %}
          </a>
        </th>
        <th>
          {% set new_order = 'desc' if sort_by == 'subject' and order == 'asc' else 'asc' %}
          <a href="{{ url_for('lectures', sort='subject', order=new_order,
                    paper=request.args.get('paper', ''),
                    search=search,
                    lecturer=lecturer,
                    subject=subject,
                    syllabus=syllabus,
                    chapter=chapter,
                    date_from=date_from,
                    date_to=date_to,
                    notes=notes,
                    video_id=video_id,
                    mirror_id=mirror_id,
                    exact=exact) }}">
            Subject
            {% if sort_by == 'subject' %}{{ '▲' if order == 'asc' else '▼' }}{% endif %}
          </a>
        </th>
        <th>Chapter</th>
        <th>
          {% set new_order = 'desc' if sort_by == 'lecturer' and order == 'asc' else 'asc' %}
          <a href="{{ url_for('lectures', sort='lecturer', order=new_order,
                    paper=request.args.get('paper', ''),
                    search=search,
                    lecturer=lecturer,
                    subject=subject,
                    syllabus=syllabus,
                    chapter=chapter,
                    date_from=date_from,
                    date_to=date_to,
                    notes=notes,
                    video_id=video_id,
                    mirror_id=mirror_id,
                    exact=exact) }}">
            Lecturer
            {% if sort_by == 'lecturer' %}{{ '▲' if order == 'asc' else '▼' }}{% endif %}
          </a>
        </th>
        <th>
          {% set new_order = 'desc' if sort_by == 'nepali_date' and order == 'asc' else 'asc' %}
          <a href="{{ url_for('lectures', sort='nepali_date', order=new_order,
                    paper=request.args.get('paper', ''),
                    search=search,
                    lecturer=lecturer,
                    subject=subject,
                    syllabus=syllabus,
                    chapter=chapter,
                    date_from=date_from,
                    date_to=date_to,
                    notes=notes,
                    video_id=video_id,
                    mirror_id=mirror_id,
                    exact=exact) }}">
            Date
            {% if sort_by == 'nepali_date' %}{{ '▲' if order == 'asc' else '▼' }}{% endif %}
          </a>
        </th>
        <th>
          {% set new_order = 'desc' if sort_by == 'time' and order == 'asc' else 'asc' %}
          <a href="{{ url_for('lectures', sort='time', order=new_order,
                    paper=request.args.get('paper', ''),
                    search=search,
                    lecturer=lecturer,
                    subject=subject,
                    syllabus=syllabus,
                    chapter=chapter,
                    date_from=date_from,
                    date_to=date_to,
                    notes=notes,
                    video_id=video_id,
                    mirror_id=mirror_id,
                    exact=exact) }}">
            Time
            {% if sort_by == 'time' %}{{ '▲' if order == 'asc' else '▼' }}{% endif %}
          </a>
        </th>
        <th>Video ID</th>
        <th>Mirror ID</th>
        <th>Paper</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for rec in records %}
      <tr>
        <td>{{ rec.syllabus_id or '' }}</td>
        <td>{{ rec.subject or '' }}</td>
        <td>{{ rec.chapter or '' }}</td>
        <td>{{ rec.lecturer or '' }}</td>
        <td>{{ rec.nepali_date or '' }}</td>
        <td>{{ rec.time or '' }}</td>
        <td>{{ rec.video_id }}</td>
        <td>{{ rec.mirror_video_id or '—' }}</td>
        <td>
          {% if rec.paper %}
            <span class="badge bg-info">{{ rec.paper }}</span>
          {% else %}
            <span class="badge bg-secondary">unknown</span>
          {% endif %}
        </td>
        <td>
          <a href="{{ url_for('lecture_detail', id=rec.id) }}" class="btn btn-sm btn-info"><i class="bi bi-eye"></i></a>
          <a href="{{ url_for('edit_lecture_web', id=rec.id) }}" class="btn btn-sm btn-warning"><i class="bi bi-pencil"></i></a>
          <form method="post" action="{{ url_for('delete_lecture_web', id=rec.id) }}" style="display:inline;" onsubmit="return confirm('Delete this lecture?')">
            <button type="submit" class="btn btn-sm btn-danger"><i class="bi bi-trash"></i></button>
          </form>
          <form method="post" action="{{ url_for('organize_lecture', id=rec.id) }}" style="display:inline;">
            <button type="submit" class="btn btn-sm btn-success"><i class="bi bi-folder-symlink"></i></button>
          </form>
          <form method="post" action="{{ url_for('trash_lecture', id=rec.id) }}" style="display:inline;" onsubmit="return confirm('Move video to trash?')">
            <button type="submit" class="btn btn-sm btn-secondary"><i class="bi bi-archive"></i></button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}