<%= page do %>
  <%= page_header do %>
    <%= page_header_title title %>
    <%= page_header_actions do %>
      <%= render component("ui/button").new(
        tag: :a,
        text: t('.create_order'),
        href: spree.new_admin_order_path,
        icon: "add-line",
      ) %>
    <% end %>
  <% end %>

  <%= render component('ui/table').new(
    id: stimulus_id,
    data: {
      class: Spree::Order,
      rows: @page.records,
      fade: row_fade,
      url: ->(order) { spree.edit_admin_order_path(order) },
      batch_actions: batch_actions,
      columns: columns,
      prev: prev_page_path,
      next: next_page_path,
    },
    search: {
      name: :q,
      value: params[:q],
      searchbar_key: :number_or_shipments_number_or_bill_address_name_or_email_cont,
      url: solidus_admin.orders_path(scope: params[:scope]),
      scopes: scopes,
      filters: filters,
    },
  ) %>
<% end %>