{@render headerIcon()}

{headerTitle}

{#if ctrl.stats} {(ctrl.stats as { total_albums?: number }).total_albums ?? 0} albums {/if}
{#if statsPanel} {@render statsPanel()} {/if} {#if ctrl.recentAlbums.length > 0}

{recentLabel}

{#each ctrl.recentAlbums as album (a.getAlbumId(album))} {/each}
{/if} {#if a.supportsFavorites && ctrl.favoriteAlbums.length > 0}

Favorites

{#each ctrl.favoriteAlbums as album (a.getAlbumId(album))} {/each}
{/if}

All Albums

{#if ctrl.fetchError} {/if} {#if ctrl.loading}
{#each Array(12) as _}
{/each}
{:else}
{#each ctrl.albums as album (a.getAlbumId(album))}
ctrl.openDetail(album)} onkeydown={(e) => (e.key === 'Enter' || e.key === ' ') && (e.preventDefault(), ctrl.openDetail(album))} role="button" tabindex="0" >
{@render cardTopLeftBadge(album)}
{#if cardTopRightExtra} {@render cardTopRightExtra(album)} {:else if a.getAlbumYear(album)}
{a.getAlbumYear(album)}
{/if} {#if contextMenuBackdrop}
{:else}
{/if}
{#if cardBottomLeft}
{@render cardBottomLeft(album)}
{/if}
{#if a.supportsShuffle} {/if}

{a.getAlbumName(album)}

{#if cardBodyExtra} {@render cardBodyExtra(album)} {:else}

{a.getArtistName(album)}

{/if}
{/each}
{#if ctrl.albums.length === 0}
{@render emptyIcon()}

{emptyTitle}

{emptyDescription}

{/if} {#if ctrl.albums.length < ctrl.total}
{/if} {/if}