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

<.form for={%{}} as={:search} phx-submit="search" class="space-y-4">

<.input type="text" name="query" value={@search_query} placeholder="Search for release groups (e.g., artist name, album title)..." class="flex-1" phx-debounce="300" /> <.button type="submit" disabled={@loading} phx-disable-with={gettext("Searching...")}> <.icon name="hero-magnifying-glass" class="size-4" />{gettext("Search")}

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

Release Groups

<%= for release_group <- @search_results do %>

{release_group.title}

{release_group.artists}

<%= if release_group.release_date do %>

First released: {release_group.release_date}

<% end %>

<.icon name="hero-chevron-right" class="h-4 w-4 text-gray-400" />

<% end %>

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

<.button variant="ghost" size="sm" phx-click="clear_selection" > <.icon name="hero-arrow-left" class="h-4 w-4" />

Releases for "{@selected_release_group.title}"

<%= for release <- @releases do %>

<.link navigate={~p"/scrobble/#{release.id}"} class="block p-4" >

{release.title}

<%= if release.date do %>

Released: {release.date}

<% end %> <%= if release.country do %>

Country: {release.country}

<% end %> <%= if release.barcode do %>

Barcode: {release.barcode}

<% end %> <%= if release.catalog_number do %>

Catalog: {release.catalog_number}

<% end %> <%= if release.media != [] do %>

{length(release.media)} medium(s) • {release.media |> Enum.map(&length(&1.tracks)) |> Enum.sum()} tracks

<% end %>

<.icon name="hero-chevron-right" class="h-4 w-4 text-gray-400" />

<% end %>

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

<.icon name="hero-arrow-path" class="h-8 w-8 animate-spin mx-auto text-gray-400" />

<%= if @selected_release_group do %> Loading releases... <% else %> Searching... <% end %>

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

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

No release groups found for "{@search_query}"

Try a different search term or check the spelling

<% end %>