<.search_form query={@record_list_params.query} />
<.link patch={order_path(@record_list_params, :purchase)} class={[ "relative inline-flex items-center rounded-l-md", "px-3 py-2 text-xs sm:text-sm font-semibold", "ring-1 ring-inset focus:z-10", "bg-white dark:bg-zinc-900 text-zinc-900 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 ring-zinc-300", @record_list_params.order == :purchase && "!bg-zinc-100 dark:!bg-zinc-700" ]} > <.icon name="hero-banknotes-solid" class="mr-1 h-4 w-4" aria-hidden="true" data-slot="icon" /> {gettext("Purchase")} <.link patch={order_path(@record_list_params, :alphabetical)} class={[ "relative -ml-px inline-flex items-center rounded-r-md", "px-3 py-2 text-xs sm:text-sm font-semibold", "ring-1 ring-inset focus:z-10", "bg-white dark:bg-zinc-900 text-zinc-900 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 ring-zinc-300", @record_list_params.order == :alphabetical && "!bg-zinc-100 dark:!bg-zinc-700" ]} > <.icon name="hero-user-solid" class="mr-1 h-4 w-4" aria-hidden="true" data-slot="icon" /> {gettext("A->Z")}

{gettext( "Showing %{visible} of %{total} records", %{visible: Enum.count(@streams.records), total: @record_list_params.total_entries} ) |> raw()}

<.record_list records={@streams.records} record_show_path={fn record -> ~p"/collection/#{record}" end} record_edit_path={fn record -> ~p"/collection/#{record}/edit" end} /> <.modal :if={@live_action == :edit} id="record-modal" show on_cancel={JS.patch(back_path(@record_list_params))} > <.live_component module={MusicLibraryWeb.FormComponent} id={@record.id} action={@live_action} show_purchased_at={true} record={@record} patch={back_path(@record_list_params)} /> <.modal :if={@live_action == :import} id="record-modal" show on_cancel={JS.patch(back_path(@record_list_params))} > <.live_component module={MusicLibraryWeb.AddRecordComponent} id={:search} title={@page_title} action={@live_action} record={@record} patch={back_path(@record_list_params)} initial_query="" icon_name="hero-plus" /> <.modal :if={@live_action == :barcode_scan} id="barcode-scanner-modal" show on_cancel={JS.patch(back_path(@record_list_params))} > <.live_component module={MusicLibraryWeb.BarcodeScannerComponent} id={:barcode_scanner} title={@page_title} action={@live_action} patch={back_path(@record_list_params)} /> <.pagination id={:bottom_pagination} pagination_params={@record_list_params} />