feat: Begins vendor views

Sources/App/Views/Vendors/VendorDetail.swift

@@ -0,0 +1,15 @@
+import Elementary
+import ElementaryHTMX
+import SharedModels
+
+struct VendorDetail: HTML {
+  let vendor: Vendor?
+
+  var content: some HTML {
+    div(.class("container")) {
+      VendorForm(vendor: vendor)
+      // TODO: Branch table + form.
+    }
+  }
+
+}

Sources/App/Views/Vendors/VendorForm.swift

@@ -0,0 +1,37 @@
+import Elementary
+import ElementaryHTMX
+import SharedModels
+
+struct VendorForm: HTML {
+  let vendor: Vendor?
+
+  var content: some HTML<HTMLTag.form> {
+    form(
+      .id("vendor-form"),
+      vendor != nil ? .hx.put(targetURL) : .hx.post(targetURL),
+      .hx.target("this"),
+      .hx.swap(.outerHTML)
+    ) {
+      div(.class("row")) {
+        input(
+          .id("vendor-name"),
+          .name("name"),
+          .value(vendor?.name ?? ""),
+          .placeholder("Vendor Name"),
+          .required
+        )
+        button(.type(.submit), .class("btn-primary")) { buttonLabel }
+      }
+    }
+  }
+
+  private var buttonLabel: String {
+    guard vendor != nil else { return "Update" }
+    return "Create"
+  }
+
+  var targetURL: String {
+    guard let vendor else { return "/vendors" }
+    return "/vendors/\(vendor.id)"
+  }
+}

Sources/App/Views/Vendors/VendorTable.swift

@@ -0,0 +1,34 @@
+import Elementary
+import ElementaryHTMX
+import SharedModels
+
+struct VendorTable: HTML {
+  let vendors: [Vendor]
+
+  var content: some HTML {
+    table {
+      thead {
+        th { "Name" }
+        th {}
+        th { Button.add() }
+      }
+      tbody(.id("vendor-table")) {
+        for vendor in vendors {
+          Row(vendor: vendor)
+        }
+      }
+    }
+  }
+
+  struct Row: HTML {
+    let vendor: Vendor
+
+    var content: some HTML<HTMLTag.tr> {
+      tr(.id("vendor_\(vendor.id)")) {
+        td { vendor.name.capitalized }
+        td { "(\(vendor.branches?.count ?? 0)) Branches" }
+        td {}
+      }
+    }
+  }
+}