<.search_form query={@record_list_params.query} />
<.button patch={order_path(@record_list_params, :purchase)} as="link" size="sm" class={[ "rounded-l-md rounded-r-none", @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")} <.button patch={order_path(@record_list_params, :alphabetical)} as="link" size="sm" class={[ "-ml-px rounded-r-md rounded-l-none", @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")}
<.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} class="md:min-w-2xl" id="record-modal" open on_close={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} class="md:min-w-2xl max-w-sm md:max-w-3xl" id="record-modal" open on_close={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} class="min-w-sm md:min-w-2xl max-w-3xl" id="barcode-scanner-modal" open on_close={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} />