UI - admin authentication and bootstrap update

ui/templates/base.html

@@ -9,13 +9,9 @@
 
 		{% include "menu.html" %}
 
-		<main class="flex-shrink-0">
-			<div class="container">
-
-				{% block content %}{% endblock %}
-
-			</div>
-		</main>
+		<div class="container d-flex justify-content-center align-items-center" style="height: 100%;">
+			{% block content %}{% endblock %}
+		</div>
 
 		{% include "footer.html" %}
 

ui/templates/login.html

@@ -0,0 +1,26 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+
+
+<div class="form-signin">
+	<div class="text-center">
+		<img src="img/logo.png" class="mb-4" style="max-width: 200px;">
+	</div>
+	<h1 class="h3 mb-3 fw-normal">Authentication required</h1>
+	<form action="login" method="POST">
+		<div class="form-floating">
+			<input type="text" id="username" class="form-control" name="username" placeholder="user">
+			<label for="username">Username</label>
+		</div>
+		<div class="form-floating">
+			<input type="password" id="password" class="form-control" name="password" placeholder="p@ssw0rd">
+			<label for="password">Password</label>
+		</div>
+		<button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
+	</form>
+</div>
+
+
+{% endblock %}

ui/templates/menu.html

@@ -2,6 +2,7 @@
 	<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
 		<div class="container-fluid">
 			<a class="navbar-brand" href="#">bunkerized-nginx-ui</a>
+			{% if current_user.is_authenticated %}
 			<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
 				<span class="navbar-toggler-icon"></span>
 			</button>
@@ -18,6 +19,7 @@
 					</li>
 				</ul>
 			</div>
+			{% endif %}
 		</div>
 	</nav>
 </header>