{% import "_macros.html" as m %}
{% set sort_options = [
    {'sort': 'date', 'order': 'desc', 'label': 'Date (newest)'},
    {'sort': 'date', 'order': 'asc', 'label': 'Date (oldest)'},
    {'sort': 'scirate', 'order': 'desc', 'label': 'Scirate (highest)'},
    {'sort': 'scirate', 'order': 'asc', 'label': 'Scirate (lowest)'},
    {'sort': 'title', 'order': 'asc', 'label': 'Title (A-Z)'},
    {'sort': 'title', 'order': 'desc', 'label': 'Title (Z-A)'}
] %}
<div class="container" id="search-nav">
    <nav class="topmargin-nav align-middle" id="search-toolbar">
        <div class="container" style="display: flex; flex-wrap: wrap; align-items: center; gap: 6px;">
            {% if adhoc_search %}
            <span>search: {{ search_name }} &nbsp;-&nbsp;</span>
            {% else %}
            <span>search: {{ search_name }}.yaml &nbsp;-&nbsp;</span>
            {% endif %}
            {% if fetched_at %}
            <span style="font-size: 0.8rem; opacity: 0.6;">fetched: {{ fetched_at }}</span>
            {% endif %}
            {% if cache_stale %}
            <span class="cache-stale-warning">&#9888; cached results are more than 24h old &mdash; consider refreshing</span>
            {% endif %}
            {% if config_changed %}
            <span class="cache-stale-warning">&#9888; search config has changed since last fetch &mdash; consider refreshing</span>
            {% endif %}
            {% if not adhoc_search %}
            <button class="tools tools-box" id="refresh-btn" data-search="{{ search_name }}">refresh</button>
            {% endif %}
            {% if adhoc_search %}
            <span class="save-adhoc-inline" style="display: inline-flex; align-items: center; gap: 4px;">
                <input type="text" id="save-adhoc-name" class="config-input" placeholder="name for this search" style="width: 180px; font-size: 0.8rem;">
                <button class="tools tools-box" id="save-adhoc-btn"
                    data-query="{{ adhoc_search.query }}"
                    data-field="{{ adhoc_search.field }}"
                    data-max-results="{{ adhoc_search.max_results }}"
                    data-sortby="{{ adhoc_search.sortby }}"
                    data-sortorder="{{ adhoc_search.sortorder }}">save to Speed the Arxiv</button>
            </span>
            {% endif %}
            {{ m.sort_dropdown(sort_options) }}
            <button class="tools tools-box" id="fetch-scirates-btn" data-search="{{ search_name }}">fetch scirates</button>
            <button class="tools tools-box" onclick="toggleAllAbstracts()">expand all abstracts</button>
            <button class="tools tools-box" data-highlight-type="keywords" onclick="highlight({{ keywords }}, 'keywords')">highlight keywords</button>
            <button class="tools tools-box" data-highlight-type="keyauthors" onclick="highlight({{ keyauthors }}, 'keyauthors')">highlight keyauthors</button>
            <div class="dropdown d-inline-block">
                <button class="tools tools-box dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                    Stats ({{ papers|length }} papers)
                </button>
                <div class="dropdown-menu stats-dropdown-menu">
                    <ul class="list-group">
                        <li><strong>Total papers:</strong> {{ papers|length }}</li>
                        {% if sections %}
                        <li><strong>Sections ({{ sections|length }}):</strong> {{ sections|join(', ') }}</li>
                        {% endif %}
                        {% if keywords %}
                        <li><strong>Keywords ({{ keywords|length }}):</strong> {{ keywords|join(', ') }}</li>
                        {% endif %}
                        {% if keyauthors %}
                        <li><strong>Key authors ({{ keyauthors|length }}):</strong> {{ keyauthors|join(', ') }}</li>
                        {% endif %}
                        {% if papers %}
                        <li><strong>Date range:</strong> {{ papers[-1].date }} to {{ papers[0].date }}</li>
                        {% endif %}
                    </ul>
                </div>
            </div>
            <input type="text" id="filter-input" class="filter-input" placeholder="filter papers..." autocomplete="off">
            <span id="filter-count" style="font-size: 0.8rem; opacity: 0.6;"></span>
        </div>
    </nav>
</div>

<div class="topmargin-papers">
    {% for paper in papers %}
    <div class="paper-wrapper" data-date="{{ paper.date }}" data-scirate="{{ paper.scirate if paper.scirate is not none else '' }}" data-index="{{ loop.index0 }}">
    <div class="paper">
        <h3 class="title"><a href="{{ paper.abs_url }}" target="_blank">{{ paper.title }}</a></h3>
        <p class="authors">{{ paper.authors }}</p>
        {{ m.paper_meta(paper, favourite_ids=favourite_ids, search_name=(search_name if not adhoc_search else '')) }}
        {{ m.abstract_notes(paper, 'summary-' ~ loop.index, 'notes-' ~ loop.index) }}
    </div>
    <hr style="background-color:gray; margin-bottom: 30px;">
    </div>
    {% endfor %}
    <div id="pagination-controls" class="pagination-controls"></div>
</div>