diff --git a/views/acl-add.ejs b/views/acl-add.ejs
index df52c80..ed2ac76 100644
--- a/views/acl-add.ejs
+++ b/views/acl-add.ejs
@@ -109,6 +109,31 @@
 		document.getElementById('acl-edit-form').addEventListener('submit', function (e) {
 			e.preventDefault();
 			const form = e.target;
+			const formData = new FormData(form);
+			const data = {
+				Name: formData.get('Name'),
+				CardNumber: formData.get('CardNumber'),
+				PIN: formData.get('PIN'),
+				StartDate: formData.get('StartDate'),
+				EndDate: formData.get('EndDate'),
+				doors: {}
+			};
+			<% Object.keys(doorsList).forEach(function (door) { %>
+				data.doors['<%= door %>'] = formData.get('doors[<%= door %>]') ? 1 : 0;
+			<% }) %>
+			fetch(form.action, {
+				method: 'PUT',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify(data)
+			}).then(res => {
+				console.log(res.status, res.statusText);
+				if (res.ok) window.location.href = '/acl';
+				else alert('Failed to create ACL entry');
+			}).catch(err => {
+				alert('Error: ' + err.message);
+			});
+		});
+	</script>
 	<script>
 		document.getElementById('acl-edit-form').addEventListener('submit', function (e) {
 			e.preventDefault();