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

{gettext("Loading release details...")}

<.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" /> {gettext("Back to Search")}

{@release.title}

by {@release.artists |> Enum.map(& &1.name) |> Enum.join(", ")} {@release.date}

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

{gettext( "You need to connect your Last.fm account to scrobble. Please set up your Last.fm session key in the settings." )}

{gettext("Release Information")}

{gettext("Release Date:")}
{@release.date}

{gettext("Country:")}
{@release.country}

{gettext("Barcode:")}
{@release.barcode}

{gettext("Catalog Number:")}
{@release.catalog_number}

{gettext("Tracks")}

1} class="font-medium"> Medium {medium.number} - {medium.title} ({medium.format})

{gettext("Tracks")} ({medium.format})

<.button :if={@can_scrobble} 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" /> {gettext("Scrobble Medium")}

{track.position}

{track.title}

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

{format_duration(track.length)}

{gettext("Scrobble Options")}

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

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

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

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

{gettext("This will scrobble all tracks from all media in sequence")}