Edit Order

Duplicate orders.html, rename it to edit-order.html, and remove everything in the right hand column.

Each order comes with a unique auto-generated id that can be displayed as the main title, just below the breadcrumb.

<nav class="breadcrumb">
  <ul>
    <li>
      <a href="orders.html">Orders</a>
    </li>
    <li class="is-active">
      <a>Edit order</a>
    </li>
  </ul>
</nav>

<h1 class="subtitle is-3">
  <span class="has-text-grey-light">Order</span> <strong>787352</strong>
</h1>

Since an order connects a customer to a list of books, the logical way to display this relationship is with two columns. Following the subtitle, add this snippet:

<div class="columns is-desktop">
  <div class="column is-4-desktop is-3-widescreen">
    <!-- Left column, for order information and customer...