{gettext("Scrobble activity")}

<%!-- TODO: replace with OSS version --%> <.button phx-click={JS.push("set_scrobble_activity_mode", value: %{"mode" => :albums})} class={[ "rounded-l-md rounded-r-none", @scrobble_activity_mode == :albums && "!bg-zinc-100 dark:!bg-zinc-700" ]} > {gettext("Albums")} <.button phx-click={JS.push("set_scrobble_activity_mode", value: %{"mode" => :tracks})} class={[ "-ml-px rounded-r-md rounded-l-none", @scrobble_activity_mode == :tracks && "!bg-zinc-100 dark:!bg-zinc-700" ]} > {gettext("Tracks")}

{album.artist.name}
<.link :if={album.artist.musicbrainz_id in @artist_ids} class="font-semibold text-sm block text-zinc-700 hover:text-zinc-500 dark:text-zinc-400 dark:hover:text-zinc-300" navigate={~p"/artists/#{album.artist.musicbrainz_id}"} > {album.artist.name}
{album.metadata.title}
{album.scrobbled_at_label}

<.badge :if={album.metadata.musicbrainz_id == ""}> {gettext("No MB ID")} <.link :if={ record_id = tracked_record?(@collected_releases, album.metadata.musicbrainz_id) } navigate={~p"/collection/#{record_id}"} > <.badge color="green"> {gettext("Collected")} <.link :if={ record_id = tracked_record?(@wishlisted_releases, album.metadata.musicbrainz_id) } navigate={~p"/wishlist/#{record_id}"} > <.badge color="yellow"> {gettext("Wishlisted")}
<.actions_menu :if={ album.metadata.musicbrainz_id !== "" and !tracked_record?( @collected_releases ++ @wishlisted_releases, album.metadata.musicbrainz_id ) } id={album.scrobbled_at_uts} background_container_target="#records > li" > <:button> {gettext("Choose which format to import")} <.icon name="hero-star" class="-mt-1 h-5 w-5" aria-hidden="true" data-slot="icon" /> <:links> <.link :for={format <- Records.Record.formats()} class="block px-3 py-1 text-sm leading-6 text-zinc-900 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:text-zinc-300 dark:hover:bg-zinc-700" role="menuitem" tabindex="0" id={"actions-#{album.scrobbled_at_uts}-#{format}-import"} phx-click={ JS.push("import", value: %{id: album.metadata.musicbrainz_id, format: format}, page_loading: true ) } > {format_label(format)}

{track.artist.name}
<.link :if={track.artist.musicbrainz_id in @artist_ids} class="font-semibold text-sm block text-zinc-700 hover:text-zinc-500 dark:text-zinc-400 dark:hover:text-zinc-300" navigate={~p"/artists/#{track.artist.musicbrainz_id}"} > {track.artist.name}
{track.title}

{track.album.title}
{track.scrobbled_at_label}

<.badge :if={track.album.musicbrainz_id == ""}> {gettext("No MB ID")} <.link :if={record_id = tracked_record?(@collected_releases, track.album.musicbrainz_id)} navigate={~p"/collection/#{record_id}"} > <.badge color="green">{gettext("Collected")} <.link :if={record_id = tracked_record?(@wishlisted_releases, track.album.musicbrainz_id)} navigate={~p"/wishlist/#{record_id}"} > <.badge color="yellow">{gettext("Wishlisted")}
<.actions_menu :if={ track.album.musicbrainz_id !== "" and !tracked_record?( @collected_releases ++ @wishlisted_releases, track.album.musicbrainz_id ) } id={track.scrobbled_at_uts} background_container_target="#records > li" > <:button> {gettext("Choose which format to import")} <.icon name="hero-star" class="-mt-1 h-5 w-5" aria-hidden="true" data-slot="icon" /> <:links> <.link :for={format <- Records.Record.formats()} class="block px-3 py-1 text-sm leading-6 text-zinc-900 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:text-zinc-300 dark:hover:bg-zinc-700" role="menuitem" tabindex="0" id={"actions-#{track.scrobbled_at_uts}-#{format}-import"} phx-click={ JS.push("import", value: %{id: track.album.musicbrainz_id, format: format}, page_loading: true ) } > {format_label(format)}

{gettext("Records")}

{gettext("Formats")}

{gettext("Types")}

{gettext("Top %{n} Artists", %{n: length(@records_by_artist)})}

{gettext("Top %{n} Genres", %{n: length(@records_by_genre)})}

{gettext("Scrobble activity")}