{@record.title}

<.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) %>

<%= gettext("Genres") %>
<.link :for={genre <- @record.genres} class="mr-2 text-zinc-700 hover:text-zinc-500 dark:text-zinc-400 dark:hover:text-zinc-300" patch={~p"/collection?#{%{query: ~s(genre:"#{genre}")}}"} > <%= genre %>
<%= gettext("MusicBrainz ID") %>
<%= @record.musicbrainz_id %>
<%= gettext("Purchased on") %>
<%= human_datetime(@record.purchased_at) %>
0} class="py-2 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0" >
<%= gettext("Includes") %>
  • <%= child_release_group.artists %> - <%= child_release_group.title %>
<%= gettext("Inserted at") %>
<%= human_datetime(@record.inserted_at) %>
<%= gettext("Updated at") %>
<%= human_datetime(@record.updated_at) %>
<%= gettext("MusicBrainz data") %> 
<%= Jason.encode!(@record.musicbrainz_data, pretty: true) %>
<.back navigate={@back_url}> <%= gettext("Back to records") %>
<.modal :if={@live_action == :edit} id="record-modal" show on_cancel={JS.patch(~p"/collection/#{@record}")} > <.live_component module={MusicLibraryWeb.RecordLive.FormComponent} id={@record.id} title={@page_title} action={@live_action} show_purchased_at={true} record={@record} patch={~p"/collection/#{@record}"} />