<.link :for={artist <- record.artists} class="text-zinc-700 hover:text-zinc-500 dark:text-zinc-400 dark:hover:text-zinc-300" patch={~p"/collection?query=mbid:#{artist.musicbrainz_id}"} > <%= artist.name %>

<%= record.title %>

<%= Records.Record.format_release(record.release) %> · <%= Records.Record.format_long_label(record.format) %> · <%= Records.Record.type_long_label( record.type ) %> 0}> · <%= gettext("Number of included records") %> <%= Records.Record.child_release_groups_count(record) %>

<%= Records.Record.format_long_label(record.format) %> · <%= Records.Record.type_long_label( record.type ) %> 0}> · <%= gettext("Number of included records") %> <%= Records.Record.child_release_groups_count(record) %>

<.focus_wrap id={"actions-#{record.id}"} class={[ "hidden pointer-events-auto absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-zinc-800 py-2 shadow-lg ring-1 ring-zinc-900/5 focus:outline-none" ]} role="menu" aria-orientation="vertical" aria-labelledby="options-menu-0-button" tabindex="-1" > <.link 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="-1" id={"actions-#{record.id}-show"} navigate={~p"/collection/#{record}"} > <%= gettext("Show") %> <%= gettext("View on MusicBrainz") %> <.link 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="-1" id={"actions-#{record.id}-edit"} patch={~p"/collection/#{record}/edit"} > <%= gettext("Edit") %> <.link class="block px-3 py-1 text-sm leading-6 text-red-900 hover:bg-red-50 dark:text-red-700 dark:hover:bg-red-900/30 dark:hover:text-red-600" role="menuitem" tabindex="-1" id={"actions-#{record.id}-delete"} phx-click={JS.push("delete", value: %{id: record.id}) |> hide("##{id}")} data-confirm={gettext("Are you sure?")} > <%= gettext("Delete") %>