List of orders

To display the list of orders, you can use a similar table to the customers table.

Duplicate customers.html, rename it orders.html, and perform a few changes:

• Move the is-active class in the sidebar menu
• Change the title to “Orders”
• Write “2 orders” instead of “3 customers”
• Remove the “New” button
• Change the search placeholder to “Order #, customer...”

The green “New” button is removed because the UI assumes that an order is automatically created when a customer purchases a book on the publisher’s website.

The table only requires new columns:

• order #
• customer
• date
• number of books
• status
• total cost

<table class="table is-hoverable is-fullwidth">
  <thead>
    <tr>
      <th>Order #</th>
      <th>Customer</th>
      <th>Date</th>
      <th>Books</th>
      <th>Status</th>
      <th class...