<%- include('../includes/head.ejs') %>
<link rel="stylesheet" href="/css/product.css">
<link rel="stylesheet" href="/css/orders.css">
</head>

<body>
  <%- include('../includes/navigation.ejs') %>

  <main>
    <% if(orders.length > 0) { %>
    <ul class="orders">
      <% orders.forEach(order => { %>
      <li class="orders__item">
        <h1>Order - #<%= order._id %> - <a href="/orders/<%= order._id %>">Invoice</a></h1>
        <ul class="orders__products">
          <% order.products.forEach(prod => { %>
          <li class="orders__products-item">
            <%= prod.product.title %> (<%= prod.quantity %>)
          </li>
          <% }); %>
        </ul>
      </li>
      <% }); %>
    </ul>
    <% } else { %>
    <h1>No orders placed yet...</h1>
    <% } %>
  </main>

  <%- include('../includes/end.ejs') %>
