feat: Working purchase order table and form.

Resources/Views/purchaseOrders/form.leaf

@@ -1,21 +1,22 @@
-<form hx-post="/fix-me"
-      >
-  <input type="number"
+#extend("htmx-form", htmxForm):
+  #export("formBody"):
+  <input type="text"
          id="workOrder"
          name="workOrder"
-         placeholder="12345"
+         placeholder="Work Order: 12345"
          >
   <br>
-  <!-- TODO: Add vendor drop-down -->
-  <input type="hidden"
-         id="vendorBranchId"
-         name="vendorBranchId"
-         >
-  <!-- TODO: Add employee drop-down -->
-  <input type="hidden"
-         id="employeeId"
-         name="employeeId"
-         >
+  <select id="vendorBranchID" name="vendorBranchID">
+    #for(branch in context.branches):
+    <option value="#(branch.id)">#capitalized(branch.name) - #capitalized(branch.vendor.name)</option>
+    #endfor
+  </select>
+  <br>
+  <select id="createdForID" name="createdForID">
+    #for(employee in context.employees):
+    <option value="#(employee.id)">#capitalized(employee.firstName) #capitalized(employee.lastName)</option>
+    #endfor
+  </select>
   <br>
   <input type="text"
          id="materials"
@@ -32,10 +33,11 @@
          >
 
   <br>
-  <label for="truckStock">
+  <label for="truckStock">Truck Stock</label>
   <input type="checkbox"
          id="truckStock"
          name="truckStock"
          >
-
-</form>
+  <input type="submit" value="Create">
+  #endexport
+#endextend

Resources/Views/purchaseOrders/index.leaf

@@ -0,0 +1,14 @@
+#extend("home"):
+  #export("homeContent"):
+  <div id="home-content" class="container" #if(oob): hx-swap-oob="outerHTML" #endif>
+    <div class="container">
+      <h1>Purchase Orders</h1>
+      <br>
+    </div>
+    #extend("form-container"): #export("formContent"):
+      #extend("purchaseOrders/form", form)
+    #endexport #endextend
+    #extend("purchaseOrders/table")
+  </div>
+  #endexport
+#endextend

Resources/Views/purchaseOrders/table.leaf

@@ -4,18 +4,18 @@
     <th>Work Order</th>
     <th>Vendor</th>
     <th>Materials</th>
-    <th>Employee</th>
+    <th>Created For</th>
     <th>Truck Stock</th>
-    <th></th>
+    <th>#extend("btn/toggle-form")</th>
   </tr>
   <tbody id="po-table-body">
     #for(po in purchaseOrders):
     <tr id="po_#(po.id)">
       <td>#(po.id)</td>
       <td>#(po.workOrder)</td>
-      <td>#(po.vendorBranch.vendor.name) - #(po.vendorBranch.name)</td>
+      <td>#capitalized(po.vendorBranch.vendor.name) - #capitalized(po.vendorBranch.name)</td>
       <td>#(po.materials)</td>
-      <td>#(po.employee.firstName) #(po.employee.lastName)</td>
+      <td>#capitalized(po.createdFor.firstName) #capitalized(po.createdFor.lastName)</td>
       <td>#capitalized(po.truckStock)</td>
       <td>
         <!-- TODO: add buttons here -->