<.search_form query={@record_list_params.query} />

<.icon name="hero-banknotes-solid" class="mr-1 h-4 w-4" aria-hidden="true" data-slot="icon" /> {gettext("Purchase")} <.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} />