<%!-- Header --%>

{gettext("My Orders")}

{gettext("View your order history")}

<.link navigate={PhoenixKit.Utils.Routes.path("/shop")} class="btn btn-primary" > <.icon name="hero-shopping-bag" class="h-5 w-5" /> {gettext("Browse Shop")}
<%!-- Status Filter --%>
<%= if @status_filter do %> <% end %>
{ngettext("%{count} order", "%{count} orders", @total_count, count: @total_count)}
<%!-- Orders List --%>
<%= if @loading do %>
<% else %> <%= if Enum.empty?(@orders) do %>
<.icon name="hero-shopping-bag" class="h-16 w-16 mx-auto text-base-content/30 mb-4" />

{gettext("No orders yet")}

<%= if @status_filter do %> {gettext("No orders with this status. Try a different filter.")} <% else %> {gettext("Start shopping to see your orders here.")} <% end %>

<.link navigate={PhoenixKit.Utils.Routes.path("/shop")} class="btn btn-primary" > <.icon name="hero-shopping-bag" class="h-5 w-5" /> {gettext("Browse Products")}
<% else %> <%= for order <- @orders do %> <.link navigate={PhoenixKit.Utils.Routes.path("/dashboard/orders/#{order.uuid}")} class="block bg-base-100 rounded-lg shadow hover:shadow-md transition p-4" >

{order.order_number}

{items_count(order.line_items)} {ngettext( "item", "items", items_count(order.line_items) )}

{order.status}
{format_price(order.total, @currency)}
<.icon name="hero-calendar" class="w-4 h-4" /> {format_date(order.inserted_at)}
<% end %> <%!-- Pagination --%> <%= if @total_pages > 1 do %>
{gettext("Page %{page} of %{total}", page: @page, total: @total_pages)}
<% end %> <% end %> <% end %>