feat: Adds purchase-order form only renders a new row rather than whole table.

Resources/Views/purchaseOrders/table.leaf

@@ -2,6 +2,7 @@
   <tr>
     <th>PO</th>
     <th>Work Order</th>
+    <th>Customer</th>
     <th>Vendor</th>
     <th>Materials</th>
     <th>Created For</th>
@@ -11,18 +12,7 @@
   </tr>
   <tbody id="po-table-body">
     #for(po in purchaseOrders):
-    <tr id="po_#(po.id)">
-      <td>#(po.id)</td>
-      <td>#(po.workOrder)</td>
-      <td>#capitalized(po.vendorBranch.vendor.name) - #capitalized(po.vendorBranch.name)</td>
-      <td>#(po.materials)</td>
-      <td>#capitalized(po.createdFor.firstName) #capitalized(po.createdFor.lastName)</td>
-      <td>#(po.createdBy.username)</td>
-      <td>#capitalized(po.truckStock)</td>
-      <td>
-        <!-- TODO: add buttons here -->
-      </td>
-    </tr>
+      #extend("purchaseOrders/table-row", po)
     #endfor
   </tbody>
 </table>