72 lines
2.7 KiB
Plaintext
72 lines
2.7 KiB
Plaintext
|
<.shop_layout {layout_assigns(assigns)} active_page="contact">
|
|||
|
|
<main id="main-content" class="page-container orders-main">
|
|||
|
|
<div class="orders-header">
|
|||
|
|
<h1 class="orders-page-title">Your orders</h1>
|
|||
|
|
|
|||
|
|
<%= if @lookup_email do %>
|
|||
|
|
<p class="orders-email-label">
|
|||
|
|
Orders for <strong>{@lookup_email}</strong>
|
|||
|
|
</p>
|
|||
|
|
<% end %>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<%= cond do %>
|
|||
|
|
<% is_nil(@orders) -> %>
|
|||
|
|
<div class="orders-empty">
|
|||
|
|
<p>This link has expired or is invalid.</p>
|
|||
|
|
<p class="orders-empty-hint">
|
|||
|
|
Head back to the <.link navigate="/contact">contact page</.link> to request a new one.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<% @orders == [] -> %>
|
|||
|
|
<div class="orders-empty">
|
|||
|
|
<p>No orders found for that email address.</p>
|
|||
|
|
<p class="orders-empty-hint">
|
|||
|
|
If something doesn't look right, <.link navigate="/contact">get in touch</.link>.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<% true -> %>
|
|||
|
|
<div class="orders-list">
|
|||
|
|
<%= for order <- @orders do %>
|
|||
|
|
<.link navigate={"/orders/#{order.order_number}"} class="order-summary-card">
|
|||
|
|
<div class="order-summary-top">
|
|||
|
|
<div>
|
|||
|
|
<p class="order-summary-number">{order.order_number}</p>
|
|||
|
|
<p class="order-summary-date">
|
|||
|
|
{Calendar.strftime(order.inserted_at, "%-d %B %Y")}
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<span class={"order-status-badge order-status-badge--#{order.fulfilment_status}"}>
|
|||
|
|
{format_order_status(order.fulfilment_status)}
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<ul class="order-summary-items">
|
|||
|
|
<%= for item <- Enum.take(order.items, 2) do %>
|
|||
|
|
<li class="order-summary-item">
|
|||
|
|
{item.quantity}× {item.product_name}
|
|||
|
|
<%= if item.variant_title && item.variant_title != "" do %>
|
|||
|
|
<span class="order-summary-variant">· {item.variant_title}</span>
|
|||
|
|
<% end %>
|
|||
|
|
</li>
|
|||
|
|
<% end %>
|
|||
|
|
<%= if length(order.items) > 2 do %>
|
|||
|
|
<li class="order-summary-more">
|
|||
|
|
+{length(order.items) - 2} more
|
|||
|
|
</li>
|
|||
|
|
<% end %>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<div class="order-summary-footer">
|
|||
|
|
<span class="order-summary-total">
|
|||
|
|
{Berrypod.Cart.format_price(order.total)}
|
|||
|
|
</span>
|
|||
|
|
<span class="order-summary-arrow">→</span>
|
|||
|
|
</div>
|
|||
|
|
</.link>
|
|||
|
|
<% end %>
|
|||
|
|
</div>
|
|||
|
|
<% end %>
|
|||
|
|
</main>
|
|||
|
|
</.shop_layout>
|