{% extends "library/base.html" %}

{% block title %}Paper Library | clrnoise{% endblock %}

{% block content %}
<section class="view-header view-header--tight">
    <p class="eyebrow">Paper library</p>
    <h1>Browse the internal database</h1>
    <p class="lede">Search by title, summary, author, or affiliation to quickly find the papers you want to reuse.</p>
</section>

<section class="panel">
    <form class="search-bar" method="get">
        <label class="search-bar__label" for="search-input">Search</label>
        <input class="input-control" id="search-input" type="search" name="q" value="{{ query }}" placeholder="Try an author, institution, method, or topic">
        <button class="button" type="submit">Search</button>
    </form>
</section>

<section class="panel">
    <div class="section-heading">
        <div>
            <p class="section-heading__eyebrow">Results</p>
            <h2>{{ papers|length }} paper{{ papers|length|pluralize }}</h2>
        </div>
        <a class="text-link" href="{% url 'library:paper-create' %}">Add another paper</a>
    </div>

    {% if papers %}
        <div class="stack-list">
            {% for paper in papers %}
                <a class="paper-row paper-row--rich" href="{% url 'library:paper-detail' paper.pk %}">
                    <div class="paper-row__header">
                        <h3>{{ paper.title }}</h3>
                        <span>{{ paper.project_total }} project{{ paper.project_total|pluralize }}</span>
                    </div>
                    <p class="paper-row__meta">
                        {{ paper.author_line|default:"Author details pending" }}
                        {% if paper.publication %} · {{ paper.publication }}{% endif %}
                        {% if paper.year %} · {{ paper.year }}{% endif %}
                    </p>
                    <p class="paper-row__text">{{ paper.summary|truncatechars:220 }}</p>
                </a>
            {% endfor %}
        </div>
    {% else %}
        <div class="empty-state">
            <h3>No papers match this search</h3>
            <p>Try a broader keyword or add a new paper to the database.</p>
        </div>
    {% endif %}
</section>
{% endblock %}