diff --git a/Tests/AppTests/ViewSnapshotTests.swift b/Tests/AppTests/ViewSnapshotTests.swift
index bddcab4..9e77736 100644
--- a/Tests/AppTests/ViewSnapshotTests.swift
+++ b/Tests/AppTests/ViewSnapshotTests.swift
@@ -73,6 +73,40 @@ final class ViewSnapshotTests: XCTestCase {
   //     assertSnapshot(of: res.body.string, as: .html)
   //   }
   // }
+
+  func testUserViews() async throws {
+    try await withDependencies {
+      $0.database.users = .mock
+    } operation: {
+      @Dependency(\.database) var database
+
+      try await configure(app, makeDatabaseClient: { _ in database })
+
+      try app.test(.GET, router.path(for: .user(.form))) { res in
+        assertSnapshot(of: res.body.string, as: .html)
+      }
+
+      try app.test(.POST, router.path(for: .user(.index))) { req in
+        req.body = ByteBuffer(string: "username=test&email=test@test.com&password=super-secret&confirmPassword=super-secret")
+      } afterResponse: { res in
+        assertSnapshot(of: res.body.string, as: .html)
+      }
+
+      try app.test(.GET, router.path(for: .user(.index))) { res in
+        assertSnapshot(of: res.body.string, as: .html)
+      }
+
+      try app.test(.GET, router.path(for: .user(.get(id: UUID(0))))) { res in
+        assertSnapshot(of: res.body.string, as: .html)
+      }
+
+      try app.test(.PATCH, router.path(for: .user(.update(id: UUID(0), updates: .mock)))) { req in
+        req.body = .init(string: "username=test&email=test@test.com")
+      } afterResponse: { res in
+        assertSnapshot(of: res.body.string, as: .html)
+      }
+    }
+  }
 }
 
 extension DatabaseClient.Employees {
@@ -87,6 +121,22 @@ extension DatabaseClient.Employees {
   }
 }
 
+extension DatabaseClient.Users {
+  static var mock: Self {
+    .init(
+      count: { 1 },
+      create: { _ in User.mock },
+      delete: { _ in },
+      fetchAll: { [User.mock] },
+      get: { _ in User.mock },
+      login: { _ in User.Token.mock },
+      logout: { _ in },
+      token: { _ in User.Token.mock },
+      update: { _, _ in User.mock }
+    )
+  }
+}
+
 extension Date {
   static var mock: Self {
     Date(timeIntervalSince1970: 1_234_567_890)
@@ -140,6 +190,18 @@ extension User.Create {
   }
 }
 
+extension User.Token {
+  static var mock: Self {
+    .init(id: UUID(1), userID: UUID(0), value: "test-token")
+  }
+}
+
+extension User.Update {
+  static var mock: Self {
+    User.Update(username: "test", email: "test@test.com")
+  }
+}
+
 extension Vendor {
   static var mock: Self {
     .init(id: UUID(0), name: "Test", branches: nil, createdAt: .mock, updatedAt: .mock)
diff --git a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeCreate.1.html b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeCreate.1.html
deleted file mode 100644
index f7f933d..0000000
--- a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeCreate.1.html
+++ /dev/null
@@ -1 +0,0 @@
-<tr id="employee-00000000-0000-0000-0000-000000000000"><td>Testy Mctestface</td><td><button class="btn-detail" style="padding-left: 15px;" hx-get="/employees/00000000-0000-0000-0000-000000000000" hx-target="#float" hx-push-url="true" hx-swap="outerHTML transition:true swap:0.5s">〉</button></td></tr>
\ No newline at end of file
diff --git a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeForm.1.html b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeForm.1.html
deleted file mode 100644
index 07f5b73..0000000
--- a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeForm.1.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html lang="en"><head><title>Purchase Orders</title><meta charset="UTF-8"><script src="https://unpkg.com/htmx.org@2.0.4"></script><script src="/js/main.js"></script><link rel="stylesheet" href="/css/main.css"><link rel="icon" href="/images/favicon.ico" type="image/x-icon"></head><body><header class="header"><div id="logo">HHE - Purchase Orders</div><div class="sidepanel" id="sidepanel"><a href="javascript:void(0)" class="closebtn" onclick="closeSidepanel()">x</a><a hx-get="/purchase-orders?page=1&amp;limit=50" hx-target="body" hx-push-url="true">Purchase Orders</a><a hx-get="/users" hx-target="body" hx-push-url="true">Users</a><a hx-get="/employees" hx-target="body" hx-push-url="true">Employees</a><a hx-get="/vendors" hx-target="body" hx-push-url="true">Vendors</a><div style="border-bottom: 1px solid grey; margin-bottom: 5px;"></div><a hx-post="/logout" hx-target="#content" hx-swap="outerHTML" hx-trigger="click">Logout</a></div><button class="openbtn" onclick="openSidepanel()"><img src="/images/menu.svg" style="width: 30px;, height: 30px;"></button></header><div class="container" style="padding: 20px 20px;"><h1>Employees</h1><br><p class="secondary"><i>Employees are who purchase orders can be issued to.</i></p><br></div><div class="container"><div id="float" class="float" style="display: block;"><div class="btn-row"><button class="btn-close" onclick="toggleContent('float'); window.location.href='/employees';">x</button></div><form hx-post="/employees" hx-target="#employee-table" hx-swap="beforeend transition:true swap:0.5s" hx-on::after-request="if(event.detail.successful) toggleContent('float'); window.location.href='/employees';"><div class="row"><input type="text" class="col-5" name="firstName" value="" placeholder="First Name" required><div class="col-2"></div><input type="text" class="col-5" name="lastName" value="" placeholder="Last Name" required></div><div class="btn-row"><button type="submit" class="btn-primary">Create</button></div></form></div><table><thead><tr><th>Name</th><th style="width: 100px;"><button class="btn btn-add" style="padding: 0px 10px;" hx-get="/employees/create" hx-target="#float" hx-swap="outerHTML transition:true swap:0.5s">+</button></th></tr></thead><tbody id="employee-table"><tr id="employee-00000000-0000-0000-0000-000000000000"><td>Testy Mctestface</td><td><button class="btn-detail" style="padding-left: 15px;" hx-get="/employees/00000000-0000-0000-0000-000000000000" hx-target="#float" hx-push-url="true" hx-swap="outerHTML transition:true swap:0.5s">〉</button></td></tr></tbody></table></div></body></html>
\ No newline at end of file
diff --git a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeGet.1.html b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeGet.1.html
deleted file mode 100644
index d81307b..0000000
--- a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeGet.1.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html lang="en"><head><title>Purchase Orders</title><meta charset="UTF-8"><script src="https://unpkg.com/htmx.org@2.0.4"></script><script src="/js/main.js"></script><link rel="stylesheet" href="/css/main.css"><link rel="icon" href="/images/favicon.ico" type="image/x-icon"></head><body><header class="header"><div id="logo">HHE - Purchase Orders</div><div class="sidepanel" id="sidepanel"><a href="javascript:void(0)" class="closebtn" onclick="closeSidepanel()">x</a><a hx-get="/purchase-orders?page=1&amp;limit=50" hx-target="body" hx-push-url="true">Purchase Orders</a><a hx-get="/users" hx-target="body" hx-push-url="true">Users</a><a hx-get="/employees" hx-target="body" hx-push-url="true">Employees</a><a hx-get="/vendors" hx-target="body" hx-push-url="true">Vendors</a><div style="border-bottom: 1px solid grey; margin-bottom: 5px;"></div><a hx-post="/logout" hx-target="#content" hx-swap="outerHTML" hx-trigger="click">Logout</a></div><button class="openbtn" onclick="openSidepanel()"><img src="/images/menu.svg" style="width: 30px;, height: 30px;"></button></header><div class="container" style="padding: 20px 20px;"><h1>Employees</h1><br><p class="secondary"><i>Employees are who purchase orders can be issued to.</i></p><br></div><div class="container"><div id="float" class="float" style="display: block;"><div class="btn-row"><button class="btn-close" onclick="toggleContent('float'); window.location.href='/employees';">x</button></div><form hx-put="/employees/00000000-0000-0000-0000-000000000000" hx-target="#employee-00000000-0000-0000-0000-000000000000" hx-swap="outerHTML transition:true swap:0.5s" hx-on::after-request="if(event.detail.successful) toggleContent('float'); window.location.href='/employees';"><div class="row"><input type="text" class="col-5" name="firstName" value="Testy" placeholder="First Name" required><div class="col-2"></div><input type="text" class="col-5" name="lastName" value="McTestface" placeholder="Last Name" required></div><div class="btn-row"><button type="submit" class="btn-primary">Update</button><button class="danger" hx-confirm="Are you sure you want to delete this employee?" hx-delete="/employees/00000000-0000-0000-0000-000000000000" hx-target="#employee-00000000-0000-0000-0000-000000000000" hx-swap="outerHTML transition:true swap:1s">Delete</button></div></form></div><table><thead><tr><th>Name</th><th style="width: 100px;"><button class="btn btn-add" style="padding: 0px 10px;" hx-get="/employees/create" hx-target="#float" hx-swap="outerHTML transition:true swap:0.5s">+</button></th></tr></thead><tbody id="employee-table"><tr id="employee-00000000-0000-0000-0000-000000000000"><td>Testy Mctestface</td><td><button class="btn-detail" style="padding-left: 15px;" hx-get="/employees/00000000-0000-0000-0000-000000000000" hx-target="#float" hx-push-url="true" hx-swap="outerHTML transition:true swap:0.5s">〉</button></td></tr></tbody></table></div></body></html>
\ No newline at end of file
diff --git a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeSelect.1.html b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeSelect.1.html
deleted file mode 100644
index df00bd3..0000000
--- a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeSelect.1.html
+++ /dev/null
@@ -1 +0,0 @@
-<select name="createdForID" class="col-3"><option value="00000000-0000-0000-0000-000000000000">Testy Mctestface</option></select>
\ No newline at end of file
diff --git a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeSelect.2.html b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeSelect.2.html
deleted file mode 100644
index e381095..0000000
--- a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeSelect.2.html
+++ /dev/null
@@ -1 +0,0 @@
-<select name="createdForID" class="col-6" style="margin-left: 15px;"><option value="00000000-0000-0000-0000-000000000000">Testy Mctestface</option></select>
\ No newline at end of file
diff --git a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeUpdate.1.html b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeUpdate.1.html
deleted file mode 100644
index f7f933d..0000000
--- a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeUpdate.1.html
+++ /dev/null
@@ -1 +0,0 @@
-<tr id="employee-00000000-0000-0000-0000-000000000000"><td>Testy Mctestface</td><td><button class="btn-detail" style="padding-left: 15px;" hx-get="/employees/00000000-0000-0000-0000-000000000000" hx-target="#float" hx-push-url="true" hx-swap="outerHTML transition:true swap:0.5s">〉</button></td></tr>
\ No newline at end of file
diff --git a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testPurchaseOrderIndex.1.html b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testPurchaseOrderIndex.1.html
deleted file mode 100644
index 5ca5c5e..0000000
--- a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testPurchaseOrderIndex.1.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html lang="en"><head><title>Purchase Orders</title><meta charset="UTF-8"><script src="https://unpkg.com/htmx.org@2.0.4"></script><script src="/js/main.js"></script><link rel="stylesheet" href="/css/main.css"><link rel="icon" href="/images/favicon.ico" type="image/x-icon"></head><body><header class="header"><div id="logo">HHE - Purchase Orders</div><div class="sidepanel" id="sidepanel"><a href="javascript:void(0)" class="closebtn" onclick="closeSidepanel()">x</a><a hx-get="/purchase-orders?page=1&amp;limit=50" hx-target="body" hx-push-url="true">Purchase Orders</a><a hx-get="/users" hx-target="body" hx-push-url="true">Users</a><a hx-get="/employees" hx-target="body" hx-push-url="true">Employees</a><a hx-get="/vendors" hx-target="body" hx-push-url="true">Vendors</a><div style="border-bottom: 1px solid grey; margin-bottom: 5px;"></div><a hx-post="/logout" hx-target="#content" hx-swap="outerHTML" hx-trigger="click">Logout</a></div><button class="openbtn" onclick="openSidepanel()"><img src="/images/menu.svg" style="width: 30px;, height: 30px;"></button></header><div class="container" style="padding: 20px 20px;"><h1>Purchase Orders</h1><br><p class="secondary"><i></i></p><br></div><div class="container" id="purchase-order-content"><div id="float" class="" style="display: hidden;"></div><table id="purchase-order"><thead><tr><div class="btn-row"><button id="btn-search" class="btn-primary" style="position: absolute; top: 80px; right: 20px;" hx-get="/purchase-orders/search?table=true" hx-target="body" hx-swap="outerHTML transition:true swap:0.5s" hx-push-url="true"><img src="/images/search.svg" width="30" height="30"></button></div></tr><tr><th>PO</th><th>Work Order</th><th>Customer</th><th>Vendor</th><th>Materials</th><th>Created For</th><th><button class="btn btn-add" hx-get="/purchase-orders/create" hx-target="#float" hx-swap="outerHTML" hx-push-url="true">+</button></th></tr></thead><tbody id="purchase-order-table"></tbody></table></div></body></html>
\ No newline at end of file
diff --git a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.1.html b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.1.html
new file mode 100644
index 0000000..83bc1ed
--- /dev/null
+++ b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.1.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="en"><head><title>Purchase Orders</title><meta charset="UTF-8"><script src="https://unpkg.com/htmx.org@2.0.4"></script><script src="/js/main.js"></script><link rel="stylesheet" href="/css/main.css"><link rel="icon" href="/images/favicon.ico" type="image/x-icon"></head><body><header class="header"><div id="logo">HHE - Purchase Orders</div><div class="sidepanel" id="sidepanel"><a href="javascript:void(0)" class="closebtn" onclick="closeSidepanel()">x</a><a hx-get="/purchase-orders?page=1&amp;limit=50" hx-target="body" hx-push-url="true">Purchase Orders</a><a hx-get="/users" hx-target="body" hx-push-url="true">Users</a><a hx-get="/employees" hx-target="body" hx-push-url="true">Employees</a><a hx-get="/vendors" hx-target="body" hx-push-url="true">Vendors</a><div style="border-bottom: 1px solid grey; margin-bottom: 5px;"></div><a hx-post="/logout" hx-target="#content" hx-swap="outerHTML" hx-trigger="click">Logout</a></div><button class="openbtn" onclick="openSidepanel()"><img src="/images/menu.svg" style="width: 30px;, height: 30px;"></button></header><div class="container" style="padding: 20px 20px;"><h1>Users</h1><br><p class="secondary"><i>Users are who can login and issue purchase orders for employees.</i></p><br></div><div class="container"><div id="float" class="float" style="display: block;"><div class="btn-row"><button class="btn-close" onclick="toggleContent('float');">x</button></div><form id="user-form" class="user-form" hx-post="/users" hx-push-url="false" hx-target="#user-table" hx-swap="afterbegin transition:true swap:0.5s" hx-on::after-request="if(event.detail.successful) this.reset(); toggleContent('float');"><div class="row"><input type="text" id="username" name="username" placeholder="Username" autofocus required></div><div class="row"><input type="email" id="email" name="email" placeholder="Email" required></div><div class="row"><input type="password" id="password" name="password" placeholder="Password" required></div><div class="row"><input type="password" id="confirmPassword" name="confirmPassword" placeholder="Confirm Password" required></div><div class="row"><button type="submit" class="btn-primary">Create</button></div></form></div><table><thead><tr><th>Username</th><th>Email</th><th style="width: 50px;"><button class="btn btn-add" hx-get="/users/create" hx-target="#float" hx-swap="outerHTML">+</button></th></tr></thead><tbody id="user-table"><tr id="user-00000000-0000-0000-0000-000000000000"><td>test</td><td>test@example.com</td><td><button class="btn-detail" hx-get="/users/00000000-0000-0000-0000-000000000000" hx-target="#float" hx-swap="outerHTML" hx-push-url="true">〉</button></td></tr></tbody></table></div></body></html>
\ No newline at end of file
diff --git a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.2.html b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.2.html
new file mode 100644
index 0000000..e5e94b4
--- /dev/null
+++ b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.2.html
@@ -0,0 +1 @@
+<tr id="user-00000000-0000-0000-0000-000000000000"><td>test</td><td>test@example.com</td><td><button class="btn-detail" hx-get="/users/00000000-0000-0000-0000-000000000000" hx-target="#float" hx-swap="outerHTML" hx-push-url="true">〉</button></td></tr>
\ No newline at end of file
diff --git a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeIndex.1.html b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.3.html
similarity index 56%
rename from Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeIndex.1.html
rename to Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.3.html
index d2162e7..c4c6b22 100644
--- a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testEmployeeIndex.1.html
+++ b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.3.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><title>Purchase Orders</title><meta charset="UTF-8"><script src="https://unpkg.com/htmx.org@2.0.4"></script><script src="/js/main.js"></script><link rel="stylesheet" href="/css/main.css"><link rel="icon" href="/images/favicon.ico" type="image/x-icon"></head><body><header class="header"><div id="logo">HHE - Purchase Orders</div><div class="sidepanel" id="sidepanel"><a href="javascript:void(0)" class="closebtn" onclick="closeSidepanel()">x</a><a hx-get="/purchase-orders?page=1&amp;limit=50" hx-target="body" hx-push-url="true">Purchase Orders</a><a hx-get="/users" hx-target="body" hx-push-url="true">Users</a><a hx-get="/employees" hx-target="body" hx-push-url="true">Employees</a><a hx-get="/vendors" hx-target="body" hx-push-url="true">Vendors</a><div style="border-bottom: 1px solid grey; margin-bottom: 5px;"></div><a hx-post="/logout" hx-target="#content" hx-swap="outerHTML" hx-trigger="click">Logout</a></div><button class="openbtn" onclick="openSidepanel()"><img src="/images/menu.svg" style="width: 30px;, height: 30px;"></button></header><div class="container" style="padding: 20px 20px;"><h1>Employees</h1><br><p class="secondary"><i>Employees are who purchase orders can be issued to.</i></p><br></div><div class="container"><div id="float" class="" style="display: hidden;"></div><table><thead><tr><th>Name</th><th style="width: 100px;"><button class="btn btn-add" style="padding: 0px 10px;" hx-get="/employees/create" hx-target="#float" hx-swap="outerHTML transition:true swap:0.5s">+</button></th></tr></thead><tbody id="employee-table"><tr id="employee-00000000-0000-0000-0000-000000000000"><td>Testy Mctestface</td><td><button class="btn-detail" style="padding-left: 15px;" hx-get="/employees/00000000-0000-0000-0000-000000000000" hx-target="#float" hx-push-url="true" hx-swap="outerHTML transition:true swap:0.5s">〉</button></td></tr></tbody></table></div></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="en"><head><title>Purchase Orders</title><meta charset="UTF-8"><script src="https://unpkg.com/htmx.org@2.0.4"></script><script src="/js/main.js"></script><link rel="stylesheet" href="/css/main.css"><link rel="icon" href="/images/favicon.ico" type="image/x-icon"></head><body><header class="header"><div id="logo">HHE - Purchase Orders</div><div class="sidepanel" id="sidepanel"><a href="javascript:void(0)" class="closebtn" onclick="closeSidepanel()">x</a><a hx-get="/purchase-orders?page=1&amp;limit=50" hx-target="body" hx-push-url="true">Purchase Orders</a><a hx-get="/users" hx-target="body" hx-push-url="true">Users</a><a hx-get="/employees" hx-target="body" hx-push-url="true">Employees</a><a hx-get="/vendors" hx-target="body" hx-push-url="true">Vendors</a><div style="border-bottom: 1px solid grey; margin-bottom: 5px;"></div><a hx-post="/logout" hx-target="#content" hx-swap="outerHTML" hx-trigger="click">Logout</a></div><button class="openbtn" onclick="openSidepanel()"><img src="/images/menu.svg" style="width: 30px;, height: 30px;"></button></header><div class="container" style="padding: 20px 20px;"><h1>Users</h1><br><p class="secondary"><i>Users are who can login and issue purchase orders for employees.</i></p><br></div><div class="container"><div id="float" class="" style="display: hidden;"></div><table><thead><tr><th>Username</th><th>Email</th><th style="width: 50px;"><button class="btn btn-add" hx-get="/users/create" hx-target="#float" hx-swap="outerHTML">+</button></th></tr></thead><tbody id="user-table"><tr id="user-00000000-0000-0000-0000-000000000000"><td>test</td><td>test@example.com</td><td><button class="btn-detail" hx-get="/users/00000000-0000-0000-0000-000000000000" hx-target="#float" hx-swap="outerHTML" hx-push-url="true">〉</button></td></tr></tbody></table></div></body></html>
\ No newline at end of file
diff --git a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.4.html b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.4.html
new file mode 100644
index 0000000..db9aadc
--- /dev/null
+++ b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.4.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="en"><head><title>Purchase Orders</title><meta charset="UTF-8"><script src="https://unpkg.com/htmx.org@2.0.4"></script><script src="/js/main.js"></script><link rel="stylesheet" href="/css/main.css"><link rel="icon" href="/images/favicon.ico" type="image/x-icon"></head><body><header class="header"><div id="logo">HHE - Purchase Orders</div><div class="sidepanel" id="sidepanel"><a href="javascript:void(0)" class="closebtn" onclick="closeSidepanel()">x</a><a hx-get="/purchase-orders?page=1&amp;limit=50" hx-target="body" hx-push-url="true">Purchase Orders</a><a hx-get="/users" hx-target="body" hx-push-url="true">Users</a><a hx-get="/employees" hx-target="body" hx-push-url="true">Employees</a><a hx-get="/vendors" hx-target="body" hx-push-url="true">Vendors</a><div style="border-bottom: 1px solid grey; margin-bottom: 5px;"></div><a hx-post="/logout" hx-target="#content" hx-swap="outerHTML" hx-trigger="click">Logout</a></div><button class="openbtn" onclick="openSidepanel()"><img src="/images/menu.svg" style="width: 30px;, height: 30px;"></button></header><div class="container" style="padding: 20px 20px;"><h1>Users</h1><br><p class="secondary"><i>Users are who can login and issue purchase orders for employees.</i></p><br></div><div class="container"><div id="float" class="float" style="display: block;"><div class="btn-row"><button class="btn-close" onclick="toggleContent('float'); window.location.href='/users';">x</button></div><form hx-post="/users/00000000-0000-0000-0000-000000000000" hx-swap="outerHTML" hx-target="#user-00000000-0000-0000-0000-000000000000" hx-on::after-request="toggleContent('float');"><div class="row"><label for="username" class="col-2"><span class="label">Username:</span></label><input class="col-4" type="text" id="username" name="username" value="test" required><label for="email" class="col-2"><span class="label">Email:</span></label><input class="col-4" type="email" id="email" name="email" value="test@example.com" required></div><div class="row"><span class="label col-2">Created:</span><span class="date col-4"></span><span class="label col-2">Updated:</span><span class="date col-4"></span></div><div class="btn-row user-buttons"><button type="submit" class="btn-secondary">Update</button><button class="danger" hx-delete="/users/00000000-0000-0000-0000-000000000000" hx-trigger="click" hx-swap="outerHTML" hx-target="#user-00000000-0000-0000-0000-000000000000" hx-confirm="Are you sure you want to delete this user?" hx-on::after-request="toggleContent('float'); window.location.href='/users';">Delete</button></div></form></div><table><thead><tr><th>Username</th><th>Email</th><th style="width: 50px;"><button class="btn btn-add" hx-get="/users/create" hx-target="#float" hx-swap="outerHTML">+</button></th></tr></thead><tbody id="user-table"><tr id="user-00000000-0000-0000-0000-000000000000"><td>test</td><td>test@example.com</td><td><button class="btn-detail" hx-get="/users/00000000-0000-0000-0000-000000000000" hx-target="#float" hx-swap="outerHTML" hx-push-url="true">〉</button></td></tr></tbody></table></div></body></html>
\ No newline at end of file
diff --git a/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.5.html b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.5.html
new file mode 100644
index 0000000..e5e94b4
--- /dev/null
+++ b/Tests/AppTests/__Snapshots__/ViewSnapshotTests/testUserViews.5.html
@@ -0,0 +1 @@
+<tr id="user-00000000-0000-0000-0000-000000000000"><td>test</td><td>test@example.com</td><td><button class="btn-detail" hx-get="/users/00000000-0000-0000-0000-000000000000" hx-target="#float" hx-swap="outerHTML" hx-push-url="true">〉</button></td></tr>
\ No newline at end of file
