<.search_form query={@search_query} /> <.button :if={!@can_scrobble?} size="sm" href={LastFm.auth_url()}> {gettext("Connect your Last.fm account")}

<%= if @search_results != [] && @selected_release_group == nil do %>

{gettext("Release Groups")}

${release_group.title}$ ~p"/images/cover-not-found.png" <> "';"} />

{release_group.artists}

{release_group.title}

{Records.Record.format_release_date(release_group.release_date)} · <.badge variant="soft" size="xs">{type_label(release_group.type)}

<% end %> <%= if @selected_release_group && @releases != [] do %>

<.button variant="ghost" size="sm" phx-click="clear_selection" > <.icon name="hero-arrow-left" class="icon" aria-hidden="true" data-slot="icon" /> {gettext("Back")}

{gettext("Releases for \"%{title}\"", title: @selected_release_group.title)}

<.link navigate={~p"/scrobble/#{release.id}"} class="flex items-center gap-x-4 py-5 px-4 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors" > ~p"/images/cover-not-found.png" <> "';"} />

{release.title}

{release.date} {country_label(release.country)} <.badge :if={release.catalog_number} variant="soft" size="xs"> {release.catalog_number} {ngettext("1 disc", "%{count} discs", Release.media_count(release))}

<% end %> <%= if @loading && @search_query != "" do %>

<.loading class="size-8 mx-auto text-zinc-400" />

<%= if @selected_release_group do %> {gettext("Loading releases...")} <% else %> {gettext("Searching...")} <% end %>

<% end %> <%= if @search_query != "" && @search_results == [] && not @loading do %>

<.icon name="hero-magnifying-glass" class="h-12 w-12 mx-auto text-zinc-300 dark:text-zinc-600" />

{gettext("No release groups found for \"%{query}\"", query: @search_query)}

{gettext("Try a different search term or check the spelling")}

<% end %>