feat: add warning to save

Signed-off-by: Raphael Arce <[email protected]>

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;
+}

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 = {};