{% extends 'base.html' %}
{% block title %}APSS Nepal | Association of Political Science Studies{% endblock %}
{% block content %}
<section class="hero-academic">
  <div class="container hero-content">
    <span class="eyebrow light">Association of Political Science Studies · Nepal</span>
    <h1>Advancing Political Science, Democratic Dialogue and Public Policy Learning</h1>
    <p>{{ MISSION }}</p>
    <div class="hero-actions">
      <a class="btn primary" href="{{ url_for('membership') }}">Join / Renew</a>
      <a class="btn secondary light" href="{{ url_for('publications') }}">Research & Publications</a>
      <a class="btn secondary light" href="{{ url_for('events') }}">Annual Meeting & Events</a>
    </div>
  </div>
</section>

<section class="headline-strip">
  <div class="container headline-grid">
    <article class="headline-card">
      <h3>Democracy Dialogue & Public Reasoning</h3>
      <p>Structured conversations among scholars, political actors, civil society, youth leaders and public institutions.</p>
    </article>
    <article class="headline-card">
      <h3>Political Science Research & Publications</h3>
      <p>Journal, reports, policy briefs, newsletters and conference materials for Nepal’s democratic learning.</p>
    </article>
    <article class="headline-card">
      <h3>Membership, Chapters & Youth Networks</h3>
      <p>A growing national association platform for students, researchers, educators and civic professionals.</p>
    </article>
  </div>
</section>

<section class="section compact">
  <div class="container stats-row">
    <div class="stat-card"><strong>2001</strong><span>Inception</span></div>
    <div class="stat-card"><strong>2006</strong><span>Registered Association</span></div>
    <div class="stat-card"><strong>26</strong><span>District Chapters</span></div>
    <div class="stat-card"><strong>43</strong><span>Youth Groups</span></div>
  </div>
</section>

<section class="section">
  <div class="container split">
    <div>
      <span class="eyebrow">About APSS</span>
      <h2>Academic, independent and public-facing political science institution</h2>
      <p>APSS facilitates dialogue, advocacy and scholarly research among political parties, Government of Nepal, state institutions, academia and civil society. The website is designed as an academic association platform, not a news-blog portal.</p>
      <a class="btn secondary" href="{{ url_for('about') }}">About APSS</a>
    </div>
    <div class="profile-image" aria-label="APSS meeting photo"></div>
  </div>
</section>

<section class="section muted">
  <div class="container">
    <div class="section-heading">
      <h2>Core Programs</h2>
      <a href="{{ url_for('programs') }}">View all programs →</a>
    </div>
    <div class="card-grid three">
      {% for program in featured_programs %}
      <article class="program-card">
        <div class="icon-dot">{{ program.icon[:1]|upper }}</div>
        <h3>{{ program.title }}</h3>
        <p>{{ program.summary }}</p>
      </article>
      {% endfor %}
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <div class="section-heading">
      <h2>Events, Activities and Dialogues</h2>
      <a href="{{ url_for('events') }}">Explore archive →</a>
    </div>
    <div class="card-grid three">
      {% for event in featured_events %}
      <article class="event-card">
        <div class="image-placeholder {% if event.cover_image %}has-image{% endif %}" {% if event.cover_image %}style="background-image:url('{{ url_for('static', filename=event.cover_image) }}')"{% endif %}></div>
        <div class="card-body">
          <span class="tag">{{ event.category }}</span>
          <h3><a href="{{ url_for('event_detail', slug=event.slug) }}">{{ event.title }}</a></h3>
          <p>{{ event.summary }}</p>
          <small>{{ event.event_date.strftime('%d %b %Y') if event.event_date else 'Date to be confirmed' }} · {{ event.location }}</small>
        </div>
      </article>
      {% endfor %}
    </div>
  </div>
</section>

<section class="section navy">
  <div class="container split">
    <div>
      <span class="eyebrow light">Democracy Timeline</span>
      <h2>Supporting Nepal’s democracy since 2004</h2>
      <p>APSS’s historical work can be presented as a public institutional memory: peace process, constitution building, federalism, local governance, civic learning and freedom discussion.</p>
      <a class="btn secondary light" href="{{ url_for('timeline') }}">Open Timeline</a>
    </div>
    <div class="mini-timeline">
      {% for item in TIMELINE %}
        <div><strong>{{ item.year }}</strong><span>{{ item.title }}</span></div>
      {% endfor %}
    </div>
  </div>
</section>

<section class="section muted">
  <div class="container">
    <div class="section-heading">
      <h2>Research and Publications</h2>
      <a href="{{ url_for('publications') }}">Visit library →</a>
    </div>
    <div class="card-grid three">
      {% for pub in featured_publications %}
      <article class="publication-card">
        <span class="tag">{{ pub.publication_type }}</span>
        <h3>{{ pub.title }}</h3>
        <p>{{ pub.summary }}</p>
        <small>{{ pub.author }}{% if pub.year %} · {{ pub.year }}{% endif %}</small>
      </article>
      {% endfor %}
    </div>
  </div>
</section>

<section class="cta" id="support">
  <div class="container cta-inner">
    <h2>Join APSS in promoting informed political dialogue, scholarship and democratic learning.</h2>
    <a class="btn primary" href="{{ url_for('membership') }}">Apply for Membership</a>
  </div>
</section>
{% endblock %}