{% extends 'base.html' %}
{% block title %}Events & Activities | APSS Nepal{% endblock %}
{% block content %}
<section class="page-ribbon"><div class="container">⌂ <a href="{{ url_for('home') }}">HOME</a> &nbsp; &gt; &nbsp; EVENTS</div></section>
<section class="page-intro">
  <div class="container">
    <h1>Events & Activities</h1>
    <p>A searchable archive of APSS seminars, policy dialogues, workshops, consultations, conferences and international exchanges.</p>
  </div>
</section>
<section class="section compact">
  <div class="container">
    <form class="filter-bar" method="get">
      <input type="search" name="q" value="{{ q }}" placeholder="Search events...">
      <select name="category">
        <option value="">All categories</option>
        {% for cat in categories %}<option value="{{ cat }}" {% if selected_category==cat %}selected{% endif %}>{{ cat }}</option>{% endfor %}
      </select>
      <button type="submit">Filter</button>
    </form>
    <div class="list-grid">
      {% for event in events %}
      <article class="list-card">
        <div class="date-box"><strong>{{ event.event_date.strftime('%Y') if event.event_date else 'TBC' }}</strong><span>{{ event.event_date.strftime('%d %b') if event.event_date else '' }}</span></div>
        <div>
          <span class="tag">{{ event.category }}</span>
          <h2><a href="{{ url_for('event_detail', slug=event.slug) }}">{{ event.title }}</a></h2>
          <p>{{ event.summary }}</p>
          <small>{{ event.location }}</small>
        </div>
      </article>
      {% else %}
      <p>No events found.</p>
      {% endfor %}
    </div>
  </div>
</section>
{% endblock %}