From 15e4b476c591065e0ee69a0d5726f381753fc84c Mon Sep 17 00:00:00 2001
From: Lilian <lilian@blahaj.space>
Date: Mon, 13 Feb 2023 21:54:31 +0100
Subject: [PATCH] add modal for adding user form

---
 AfRApay.Web/Pages/Index.cshtml | 30 +++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/AfRApay.Web/Pages/Index.cshtml b/AfRApay.Web/Pages/Index.cshtml
index d9a8a0c..38c3204 100644
--- a/AfRApay.Web/Pages/Index.cshtml
+++ b/AfRApay.Web/Pages/Index.cshtml
@@ -38,10 +38,38 @@
 <div class="text-center">
 	<h1 class="display-5">
 		Users
-		<a class="btn btn-lg btn-primary" href="/AddUser">Add</a>
+		<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#add_user_modal">
+  			Add
+  		</button>
+
 
 	</h1>
 </div>
+
+<!-- Modal dialog for adding a user -->
+<div class="modal fade" id="add_user_modal" tabindex="-1" aria-labelledby="add_user_modal_label" aria-hidden="true">
+	<div class="modal-dialog modal-dialog-centered">
+		<div class="modal-content">
+			<div class="modal-header">
+				<h5 class="modal-title" id="add_user_modal_label">Add User</h5>
+				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+			</div>
+			<div id="add_user" class="modal-body">
+				<form method="POST">
+					<div class="mb-3">
+						<label for="nickname" class="form-label">Nickname</label>
+						<input type="text" maxlength="10" class="form-control" id="nickname" name="nickname" placeholder="nick" required autofocus>
+					</div>
+				</form>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-lg btn-secondary" data-bs-dismiss="modal">Cancel</button>
+				<button type="submit" form="add_user" class="btn btn-lg btn-primary" name="action" value="save">Save</button>
+			</div>
+		</div>
+	</div>
+</div>
+
 <div>
 	<table class="table table-striped table-hover" id="users">
 		<thead>