{gettext("Scrobble activity")}

<.refresh_lastfm_feed_button />

<.tabs id="scrobble-activity" class="mt-4"> <.tabs_list active_tab={@scrobble_activity_mode} variant="segmented" class="w-48"> <:tab name="albums" phx-click={JS.push("set_scrobble_activity_mode", value: %{mode: "albums"})} > {gettext("Albums")} <:tab name="tracks" phx-click={JS.push("set_scrobble_activity_mode", value: %{mode: "tracks"})} > {gettext("Tracks")} <.tabs_panel name="albums" active={@scrobble_activity_mode == "albums"}>

{album.artist.name}
<.link :if={artist_id(album, artist_id)} 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/#{artist_id(album, artist_id)}"} > {album.artist.name}
{album.metadata.title}
{album.scrobbled_at_label} <.tooltip> <.icon name="hero-information-circle" class="h-5 w-5 text-zinc-500 dark:text-zinc-400 cursor-pointer" aria-hidden="true" data-slot="icon" /> <:content>

{gettext("Album ID:")}

{album.metadata.musicbrainz_id || gettext("Unknown")}

{gettext("Artist ID:")}

{album.artist.musicbrainz_id || gettext("Unknown")}

<.badge :if={album.metadata.musicbrainz_id == ""}> {gettext("No MB ID")} <.link :if={collected_record_id} navigate={~p"/collection/#{collected_record_id}"} > <.badge color="success"> {gettext("Collected")} <.link :if={wishlisted_record_id} navigate={~p"/wishlist/#{wishlisted_record_id}"} > <.badge color="warning"> {gettext("Wishlisted")}
<.dropdown :if={ album.metadata.musicbrainz_id !== "" and !collected_record_id and !wishlisted_record_id } id={"actions-#{album.scrobbled_at_uts}-albums"} placement="bottom-end" > <:toggle> <.button variant="ghost"> {gettext("Choose which format to import")} <.icon name="hero-star" class="h-5 w-5 text-zinc-500 dark:text-zinc-400 cursor-pointer" aria-hidden="true" data-slot="icon" /> <.focus_wrap id={"actions-#{album.scrobbled_at_uts}-albums-focus-wrap"}> <.dropdown_link :for={format <- Records.Record.formats()} 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)}

<.tabs_panel name="tracks" active={@scrobble_activity_mode == "tracks"}>

{track.artist.name}
<.link :if={artist_id(track, artist_id)} 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/#{artist_id(track, artist_id)}"} > {track.artist.name}
{track.title}

{track.album.title}
{track.scrobbled_at_label} <.tooltip> <.icon name="hero-information-circle" class="h-5 w-5 text-zinc-500 dark:text-zinc-400 cursor-pointer" aria-hidden="true" data-slot="icon" /> <:content>

{gettext("Track ID:")}

{track.musicbrainz_id || gettext("Unknown")}

{gettext("Album ID:")}

{track.album.musicbrainz_id || gettext("Unknown")}

{gettext("Artist ID:")}

{track.artist.musicbrainz_id || gettext("Unknown")}

<.badge :if={track.album.musicbrainz_id == ""}> {gettext("No MB ID")} <.link :if={collected_record_id} navigate={~p"/collection/#{collected_record_id}"} > <.badge color="success">{gettext("Collected")} <.link :if={wishlisted_record_id} navigate={~p"/wishlist/#{wishlisted_record_id}"} > <.badge color="warning">{gettext("Wishlisted")}
<.dropdown :if={ track.album.musicbrainz_id !== "" and !collected_record_id and !wishlisted_record_id } id={"actions-#{track.scrobbled_at_uts}-tracks"} placement="bottom-end" > <:toggle> <.button variant="ghost"> {gettext("Choose which format to import")} <.icon name="hero-star" class="h-5 w-5 text-zinc-500 dark:text-zinc-400 cursor-pointer" aria-hidden="true" data-slot="icon" /> <.focus_wrap id={"actions-#{track.scrobbled_at_uts}-tracks-focus-wrap"}> <.dropdown_link :for={format <- Records.Record.formats()} 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("On This day")}

<.form :let={f} for={to_form(%{"current_date" => @current_date})} phx-change="set_current_date" > <.date_picker size="xs" field={f[:current_date]}> <:outer_suffix> <.button size="xs" type="button" phx-click={ JS.push("set_current_date", value: %{"current_date" => Date.utc_today()}) } > Today

<.records_on_this_day current_date={@current_date} records={@streams.records_on_this_day} record_show_path={fn record -> ~p"/collection/#{record}" end} />

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

<.vertical_bar_chart data={@records_by_artist} width={600} height={26 * length(@records_by_artist)} color_class="fill-red-500" label_fn={fn datum -> datum.name end} value_fn={fn datum -> datum.count end} datum_click={ fn datum -> JS.navigate(~p"/artists/#{datum.id}") end } class="w-full" />

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

<.vertical_bar_chart data={@records_by_genre} width={600} height={26 * length(@records_by_genre)} color_class="fill-zinc-500" label_fn={fn {genre, _count} -> genre end} value_fn={fn {_genre, count} -> count end} datum_click={ fn {genre, _count} -> JS.navigate(~p"/collection?#{%{query: ~s(genre:"#{genre}")}}") end } class="w-full" />

{gettext("Records")}

{gettext("Formats")}

{gettext("Types")}

{gettext("Scrobble activity")}

{gettext("On This day")}

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

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