{% extends "base.html" %}
{% block title %}{{ settings.site_name }} | Publications{% endblock %}

{% block content %}

{% set pub_header_img = (settings.publications_header_image_path and url_for('static', filename=settings.publications_header_image_path)) or settings.publications_header_image_url %}
<section class="page-hero {{ 'has-image' if pub_header_img }}" {% if pub_header_img %}style="background-image:url('{{ pub_header_img }}');"{% endif %}>
  <div class="container">
    <p class="eyebrow">Insights</p>
    <h1>Publications</h1>
  </div>
</section>

<section class="section publications-section">
  <div class="container">
    <div class="blog-search-bar">
      <form class="blog-search-form" method="GET" action="{{ url_for('main.publications') }}">
        <input type="text" name="q" value="{{ search_query }}" placeholder="Search articles and publications…">
        <button type="submit">
          <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z"/></svg>
        </button>
      </form>
      {% if search_query %}
        <a class="blog-search-clear" href="{{ url_for('main.publications') }}">Showing results for "{{ search_query }}" — clear search</a>
      {% endif %}
    </div>

    <div class="publications-list">
      {% for pub in publications %}
      <article class="publication-card">
        <div class="publication-top">
          {% if pub.cover_image_path %}
          <div class="publication-image">
            <a href="{{ url_for('main.publication_detail', id=pub.id) }}">
              <img src="{{ url_for('static', filename=pub.cover_image_path) }}" alt="{{ pub.topic }}">
            </a>
          </div>
          {% endif %}
          <div class="publication-body">
            <p class="publication-meta">
              {{ pub.created_at.strftime('%d %b %Y') }}
              {% if pub.author %} &bull; <span class="author">{{ pub.author }}</span>{% endif %}
            </p>
            <h3>
              <a href="{{ url_for('main.publication_detail', id=pub.id) }}" class="publication-title-link">
                {{ pub.topic }}
              </a>
            </h3>
            <p>{{ pub.description }}</p>
            <div class="share-row">
              <span>Share:</span>
              <a target="_blank" rel="noopener"
                 href="https://www.facebook.com/sharer/sharer.php?u={{ request.url_root }}publication/{{ pub.id }}">Facebook</a>
              <a target="_blank" rel="noopener"
                 href="https://twitter.com/intent/tweet?text={{ pub.topic|urlencode }}&url={{ request.url_root }}publication/{{ pub.id }}">Twitter/X</a>
              <a target="_blank" rel="noopener"
                 href="https://www.linkedin.com/sharing/share-offsite/?url={{ request.url_root }}publication/{{ pub.id }}">LinkedIn</a>
              <a target="_blank" rel="noopener"
                 href="https://wa.me/?text={{ (pub.topic ~ ' - ' ~ request.url_root ~ 'publication/' ~ pub.id)|urlencode }}">WhatsApp</a>
            </div>
          </div>
        </div>
      </article>
      {% else %}
      <p class="empty-note">
        {% if search_query %}No publications matched "{{ search_query }}".
        {% else %}New publications will appear here once added from the admin panel.{% endif %}
      </p>
      {% endfor %}
    </div>
  </div>
</section>

{% endblock %}