{#- Shared macros for paper cards, notes panels, and sort dropdowns -#}

{% macro paper_meta(paper, favourite_ids=[], search_name='', added_at='') -%}
<p class="authors">{{ paper.date }}{% if paper.date and paper.category %} - {% endif %}{{ paper.category }} - Scirate:
    {%- if paper.scirate is defined and paper.scirate is not none %}
    <span class="scirate-value">{{ paper.scirate }}</span>
    {%- else %}
    <span class="scirate-value scirate-unfetched">&mdash;</span>
    {%- endif %}
    {%- if added_at %} &nbsp;<span class="filter-exclude" style="font-size:0.8rem;opacity:0.6;">starred: {{ added_at }}</span>{% endif %}
    <button class="icons fetch-single-scirate-btn" title="Fetch scirate" data-arxiv-id="{{ paper.arxiv_id }}"{% if search_name %} data-search="{{ search_name }}"{% endif %}>
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z"/>
            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466"/>
        </svg>
    </button>
    <a class="icons" href="{{ paper.pdf_url }}" target="_blank" title="Open PDF">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-pdf" viewBox="0 0 16 16">
            <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/>
            <path d="M4.603 14.087a.8.8 0 0 1-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.7 7.7 0 0 1 1.482-.645 20 20 0 0 0 1.062-2.227 7.3 7.3 0 0 1-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7 0 0 1 .477.365c.088.164.12.356.127.538.007.188-.012.396-.047.614-.084.51-.27 1.134-.52 1.794a11 11 0 0 0 .98 1.686 5.8 5.8 0 0 1 1.334.05c.364.066.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04 1.04 0 0 1-.354.416.86.86 0 0 1-.51.138c-.331-.014-.654-.196-.933-.417a6.1 6.1 0 0 1-.911-.95 11.7 11.7 0 0 0-1.997.406 11.3 11.3 0 0 1-1.02 1.51c-.292.35-.609.656-.927.787a.8.8 0 0 1-.58.029m1.379-1.901q-.25.115-.459.238c-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361.01.022.02.036.026.044a.3.3 0 0 0 .152-.053c.18-.12.4-.36.639-.689zm-1.8-.515-.015.002a.2.2 0 0 0 .015-.002m4.834-4.56c.021-.199.03-.38.024-.541a1.6 1.6 0 0 0-.044-.29 .3.3 0 0 0-.107-.157.15.15 0 0 0-.12-.02c-.137.055-.185.195-.218.363-.04.2-.035.432.007.692.03.19.074.39.13.593z"/>
        </svg>
    </a>
    <a class="icons" href="https://scirate.com/arxiv/{{ paper.arxiv_id }}" target="_blank" title="Scirate">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-graph-up" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="M0 0h1v15h15v1H0zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07"/>
        </svg>
    </a>
    <button class="icons copy-bibtex-btn" title="Copy BibTeX" data-bibtex="{{ paper.bibtex|e }}">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z"/>
            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z"/>
        </svg>
    </button>
    {% if paper.related_doi %}
    <button class="icons copy-crossref-bibtex-btn" title="Copy Crossref BibTeX for DOI: {{ paper.related_doi }}" data-doi="{{ paper.related_doi }}">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-bookmark" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="M6 8V1h1v6.117L8.743 6.07a.5.5 0 0 1 .514 0L11 7.117V1h1v7a.5.5 0 0 1-.757.429L9 7.083 6.757 8.43A.5.5 0 0 1 6 8"/>
            <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2"/>
            <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z"/>
        </svg>
    </button>
    {% endif %}
    <button class="icons fav-btn{% if paper.arxiv_id in favourite_ids %} fav-active{% endif %}"
        title="{{ 'Remove from favourites' if paper.arxiv_id in favourite_ids else 'Add to favourites' }}"
        data-arxiv-id="{{ paper.arxiv_id }}"
        data-title="{{ paper.title|e }}"
        data-authors="{{ paper.authors|e }}"
        data-date="{{ paper.date }}"
        data-abs-url="{{ paper.abs_url }}"
        data-pdf-url="{{ paper.pdf_url }}"
        data-bibtex="{{ paper.bibtex|e }}"
        data-category="{{ paper.category|e }}"
        data-summary="{{ paper.summary|e if paper.summary else '' }}">
        <svg class="star-empty" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
            <path d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z"/>
        </svg>
        <svg class="star-filled" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
            <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
        </svg>
    </button>
</p>
{%- endmacro %}


{% macro abstract_notes(paper, summary_id, notes_id, abstract_open=false) -%}
<p>
    <button class="collapsible" type="button" aria-expanded="{{ 'true' if abstract_open else 'false' }}" data-bs-toggle="collapse" data-bs-target="#{{ summary_id }}">
        Abstract
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
        </svg>
    </button>
    <button class="collapsible" type="button" aria-expanded="false" data-bs-toggle="collapse" data-bs-target="#{{ notes_id }}">
        Notes
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
        </svg>
    </button>
</p>
<div class="abstract-notes-wrapper">
    {% if paper.summary %}
    <div id="{{ summary_id }}" class="collapse{{ ' show' if abstract_open else '' }} abstract-panel">
        <div class="card card-body"><p style="margin-bottom:0">{{ paper.summary }}</p></div>
    </div>
    {% else %}
    <div id="{{ summary_id }}" class="collapse{{ ' show' if abstract_open else '' }} abstract-panel abstract-panel-lazy" data-arxiv-id="{{ paper.arxiv_id }}">
        <div class="card card-body"><p style="margin-bottom:0" class="abstract-placeholder"><span class="spinner-inline"></span></p></div>
    </div>
    {% endif %}
    <div id="{{ notes_id }}" class="collapse notes-panel" data-arxiv-id="{{ paper.arxiv_id }}">
        <div class="card card-body">
            <textarea class="notes-textarea" placeholder="Your notes..."></textarea>
            <div class="notes-rendered" style="display:none;"></div>
            <div style="margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;">
                <button class="tools tools-box save-note-btn"
                    data-arxiv-id="{{ paper.arxiv_id }}"
                    data-title="{{ paper.title|e }}"
                    data-authors="{{ paper.authors|e }}"
                    data-date="{{ paper.date }}"
                    data-abs-url="{{ paper.abs_url }}"
                    data-pdf-url="{{ paper.pdf_url }}"
                    data-bibtex="{{ paper.bibtex|e }}"
                    data-category="{{ paper.category|e }}"
                    data-summary="{{ paper.summary|e if paper.summary else '' }}">save</button>
                <button class="tools tools-box copy-note-btn">copy all</button>
                <button class="tools tools-box render-note-btn">render</button>
                <button class="tools tools-box delete-note-btn" data-arxiv-id="{{ paper.arxiv_id }}">delete</button>
                <span class="note-saved-msg" style="display:none;font-size:0.8rem;opacity:0.6;">saved!</span>
            </div>
        </div>
    </div>
</div>
{%- endmacro %}


{% macro sort_dropdown(options, label='sort') -%}
<div class="dropdown d-inline-block">
    <button class="tools tools-box dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">{{ label }}</button>
    <ul class="dropdown-menu stats-dropdown-menu" style="min-width: 150px; padding: 6px 0;">
        {% for opt in options %}
        <li><a class="dropdown-item sort-option" href="#" data-sort="{{ opt.sort }}" data-order="{{ opt.order }}" style="color:var(--c-primary);font-size:0.85rem;">{{ opt.label }}</a></li>
        {% endfor %}
    </ul>
</div>
{%- endmacro %}