{#for row in rows}
{#include fragments/feed-row.html row=row /}
{/for}
{#if hasMore}
<button id="load-more"
        class="btn btn-outline btn-block mt-2"
        hx-get="/feed?offset={nextOffset}"
        hx-target="this"
        hx-swap="outerHTML">
    Load more
</button>
{/if}
{#if !hasMore && rows.empty}
<div class="text-center text-base-content/60 py-12">
    <p class="text-lg">No releases yet.</p>
    <p class="text-sm">Search for an artist above and click <strong>Follow</strong> to start tracking their release groups.</p>
</div>
{/if}
{#if autoRefresh?? && autoRefresh}
<div hx-get="/feed?offset=0"
     hx-target="#feed-list"
     hx-swap="innerHTML"
     hx-trigger="load delay:3s"
     class="hidden"></div>
{/if}