{% if items.is_empty() %}
<div class="content-section">
    <p class="muted">Nothing here yet.</p>
    <p>Follow users, projects, or tags to see their items here.</p>
    <p class="mt-4">
        <a href="/discover" class="btn-primary btn-link">Browse Discover</a>
    </p>
</div>
{% else %}
<div class="feed-meta">Showing {{ showing_start }}-{{ showing_end }} of {{ total_items }} items</div>

<div class="feed-table-header">
    <span>Type</span>
    <span>Name</span>
    <span>Tag</span>
    <span class="feed-col-right">Price</span>
    <span class="feed-col-right">Date</span>
</div>
<div class="feed-results-table">
    {% for item in items %}
    <a href="/i/{{ item.id }}" class="feed-table-row">
        <span class="badge">{{ item.item_type }}</span>
        <div class="feed-item-name-cell">
            <span class="feed-item-name">{{ item.name }}</span>
            <span class="feed-item-creator">{{ item.creator }}</span>
        </div>
        <span>{{ item.primary_tag }}</span>
        <span class="feed-col-right">{% if item.is_free %}<span class="badge free">Free</span>{% else %}{{ item.price }}{% endif %}</span>
        <span class="feed-col-right">{{ item.date }}</span>
    </a>
    {% endfor %}
</div>

{% if total_pages > 1 %}
<div class="feed-pagination">
    {% if current_page > 1 %}
    <a href="#" hx-get="/library/tabs/feed?page={{ current_page - 1 }}" hx-target="#tab-content" hx-swap="innerHTML">&laquo;</a>
    {% endif %}
    {% for p in pagination_range %}
    {% if *p == current_page %}
    <span class="current">{{ p }}</span>
    {% else %}
    <a href="#" hx-get="/library/tabs/feed?page={{ p }}" hx-target="#tab-content" hx-swap="innerHTML">{{ p }}</a>
    {% endif %}
    {% endfor %}
    {% if current_page < total_pages %}
    <a href="#" hx-get="/library/tabs/feed?page={{ current_page + 1 }}" hx-target="#tab-content" hx-swap="innerHTML">&raquo;</a>
    {% endif %}
</div>
{% endif %}
{% endif %}