feat: Working purchase order table and form.

Resources/Views/employees/form.leaf

@@ -1,26 +1,12 @@
-<form class="employee-form"
-      id="employee-form"
-      #if(employee.id):
-      hx-put="/employees/#(employee.id)"
-      #else:
-      hx-post="/employees"
-      #endif
-      #if(employee.id):
-      hx-target="#home-content"
-      #else:
-      hx-target="#employee-table"
-      #endif
-      #if(oob):
-      hx-swap-oob="outerHTML"
-      #endif
-      >
+#extend("htmx-form", htmxForm):
+  #export("formBody"):
   <input type="text"
          id="firstName"
          name="firstName"
          placeholder="First Name"
          autofocus
          required
-         #if(employee.firstName): value=#(employee.firstName) #endif
+         #if(context.employee.firstName): value=#(context.employee.firstName) #endif
          >
   <br>
   <input type="text"
@@ -28,16 +14,9 @@
          name="lastName"
          placeholder="Last Name"
          required
-         #if(employee.lastName): value=#(employee.lastName) #endif
+         #if(context.employee.lastName): value=#(context.employee.lastName) #endif
          >
   <br>
-  <input type="submit" value=#if(employee.id): Update #else: Create #endif>
-  #if(employee.id):
-  <button hx-get="/employees/form"
-          hx-target="#employee-form"
-          hx-swap="outerHTML"
-          >
-    Reset
-  </button>
-  #endif
-</form>
+  <input type="submit" value=#if(context.employee.id): Update #else: Create #endif>
+  #endexport
+#endextend