From 5eff763c1f05d279422b5ece2a5f0913e76817b4 Mon Sep 17 00:00:00 2001
From: Raphael Arce <raphael.arce@ts.berlin>
Date: Mon, 21 Oct 2024 18:33:15 +0200
Subject: [PATCH] feat: add warning to save

Signed-off-by: Raphael Arce <raphael.arce@ts.berlin>
---
 index.css  | 11 ++++++++++-
 index.html |  9 +++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/index.css b/index.css
index a7e9762..52fa0c1 100644
--- a/index.css
+++ b/index.css
@@ -14,7 +14,7 @@ main {
 }
 
 button {
-	margin-top: 2rem;
+	margin-top: 1rem;
 	width: 200px;
 	background-color: #121212;
 	color: white;
@@ -99,3 +99,12 @@ form {
 .group-c {
 	width: 280px;
 }
+
+.warning {
+	border: 2px solid;
+	padding: 0.5rem;
+	background-color: #f4a203;
+	margin-top: 1rem;
+	margin-left: auto;
+	margin-right: auto;
+}
diff --git a/index.html b/index.html
index 8fb4bca..2cda0b9 100644
--- a/index.html
+++ b/index.html
@@ -149,6 +149,8 @@ <h3 class="medium">Würfel C: Medium</h3>
 						</div>
 					</div>
 				</div>
+
+				<div class="warning">⚠️Warnung: Speichern verursacht Kosten ⚠️</div>
 				<button type="submit">Speichern</button>
 			</form>
 		</main>
@@ -216,6 +218,13 @@ <h3 class="medium">Würfel C: Medium</h3>
 	</body>
 	<script type="text/javascript">
 		function onSubmit(event) {
+			const confirmationText = `Speichern verursacht kosten. Sind Sie sich sicher, diese Änderungen speichern zu wollen?`;
+
+			if (confirm(confirmationText) === false) {
+				event.preventDefault();
+				return;
+			}
+
 			event.preventDefault();
 
 			const labels = {};