<%= if @loading do %>

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

Loading release details...

<% else %>

<.link navigate={~p"/scrobble"} class="flex-shrink-0"> <.button variant="ghost" size="sm"> <.icon name="hero-arrow-left" class="h-4 w-4 mr-2" /> Back to Search

{@release.title}

<%= if @release.artists != [] do %> by {@release.artists |> Enum.map(& &1.name) |> Enum.join(", ")} <% end %> <%= if @release.date do %> • Released {Date.from_iso8601!(@release.date) |> Calendar.strftime("%Y")} <% end %>

<%= if not @can_scrobble do %>

<.icon name="hero-exclamation-triangle" class="h-5 w-5 text-yellow-400" />

You need to connect your Last.fm account to scrobble. Please set up your Last.fm session key in the settings.

<% end %>

Release Information

<%= if @release.date do %>

Release Date:
{@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 Number:
{@release.catalog_number}

<% end %>

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

Tracks

<%= for medium <- @release.media do %>

<%= if length(@release.media) > 1 do %> Medium {medium.number} <%= if medium.title do %> - {medium.title} <% end %> <%= if medium.format do %> ({medium.format}) <% end %> <% else %> Tracks <%= if medium.format do %> ({medium.format}) <% end %> <% end %>

<%= if @can_scrobble do %> <.button size="sm" variant="outline" phx-click="scrobble_medium" phx-value-medium_number={medium.number} > <.icon name="hero-play" class="h-3 w-3 mr-1" /> Scrobble Medium <% end %>

<%= for track <- medium.tracks do %>

{track.position}

{track.title}

<%= if track.artists != [] and track.artists != @release.artists do %>

{track.artists |> Enum.map(& &1.name) |> Enum.join(", ")}

<% end %>

<%= if track.length do %> {format_duration(track.length)} <% end %>

<% end %>

<%= if @can_scrobble do %>

Scrobble Options

<.form for={%{}} as={:scrobble} phx-change="update_scrobble_form" class="space-y-4" > <.select name="type" label="Scrobble timing" value={@scrobble_form["type"]} options={[ {"Just finished listening", "finished_at"}, {"Started listening at", "started_at"} ]} /> <%= if @scrobble_form["type"] == "finished_at" do %>

<.input type="date" name="finished_at_date" label="Finished Date" value={@scrobble_form["finished_at_date"]} /> <.input type="time" name="finished_at_time" label="Finished Time" value={@scrobble_form["finished_at_time"]} />

<% else %>

<.input type="date" name="started_at_date" label="Started Date" value={@scrobble_form["started_at_date"]} /> <.input type="time" name="started_at_time" label="Started Time" value={@scrobble_form["started_at_time"]} />

<% end %>

<.button phx-click="scrobble_release" class="w-full" size="lg" > <.icon name="hero-play" class="h-4 w-4 mr-2" /> Scrobble Entire Release

This will scrobble all tracks from all media in sequence

<% end %>