From 7b11652311e6240a7110aabae19fab6e257ad7f5 Mon Sep 17 00:00:00 2001
From: zha19115 <105790331+zha19115@users.noreply.github.com>
Date: Fri, 19 May 2023 11:26:33 +0200
Subject: [PATCH] Feedback and confirm finish

---
 Shared/Bestellbestätigung.razor     | 37 +++++++++++++++++++++
 Shared/Bestellbestätigung.razor.css | 50 +++++++++++++++++++++++++++++
 Shared/Feedback/FBestätigung.razor  |  2 +-
 3 files changed, 88 insertions(+), 1 deletion(-)
 create mode 100644 Shared/Bestellbestätigung.razor
 create mode 100644 Shared/Bestellbestätigung.razor.css
diff --git a/Shared/Bestellbestätigung.razor b/Shared/Bestellbestätigung.razor
new file mode 100644
index 0000000..0f6354c
--- /dev/null
+++ b/Shared/Bestellbestätigung.razor
@@ -0,0 +1,37 @@
+﻿@page "/Bestellbestätigung"
+
+<body>
+    <div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
+        <h5>Vielen Dank für Ihre Bestellung</h5><br>
+        <p class="text">
+            Ihr Essen ist in <b>30 Minuten</b> abholbereit.
+            Sie erhalten eine Benachrichtigung sobald das Essen fertig ist. Wir würden uns freuen, wenn Sie uns ein <a href="Feedback">Feedback</a> geben.
+            <br><br><br><br>
+        </p>
+
+        <div class="progress">
+            <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width:50%"></div>
+        </div>
+
+        <table>
+            <tr class="loadtext">
+                <td>Bestellung eingegangen</td>
+                <td class="load2">Bestellung wird zubereitet</td>
+                <td class="load3">Essen abholbereit</td>
+            </tr>
+        </table>
+        
+        <div class="button">
+            <br><br><br><br>
+            <form id="button1" action="/">
+                <input type="submit" value="Zur Startseite" class="btn">
+            </form>
+        </div>
+
+    </div>
+
+</body>
+@code {
+
+    
+}
diff --git a/Shared/Bestellbestätigung.razor.css b/Shared/Bestellbestätigung.razor.css
new file mode 100644
index 0000000..05a5518
--- /dev/null
+++ b/Shared/Bestellbestätigung.razor.css
@@ -0,0 +1,50 @@
+﻿body, html {
+    padding: 0px;
+    margin: 0px;
+    margin-bottom: 15px;
+}
+
+p {
+    text-align:center;
+}
+
+img {
+    width: 20%;
+    height: auto;
+    padding: 5px;
+}
+
+.text {
+    color: grey;
+    font-size: 13px;
+}
+
+.button {
+    padding-left: 25%;
+    padding-right: 25%;
+    text-align: center;
+}
+
+#button1 {
+    background-color: #89F9A5;
+    padding-left: 25%;
+    padding-right: 25%;
+    display: inline-block;
+    border-radius: 50px;
+}
+h5 {
+    text-align: center;
+}
+
+.load2 {
+    text-align: center;
+}
+
+.load3 {
+    text-align: right;
+}
+
+
+.loadtext {
+    font-size: 14px;
+}
\ No newline at end of file
diff --git a/Shared/Feedback/FBestätigung.razor b/Shared/Feedback/FBestätigung.razor
index c1ba8c3..34c1930 100644
--- a/Shared/Feedback/FBestätigung.razor
+++ b/Shared/Feedback/FBestätigung.razor
@@ -1,7 +1,7 @@
 ﻿@page "/FBestätigung"
 
     <div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
-    <h4>Vielen Dank für Ihren Feedback. Durch Feedbacks können wir uns stets verbessern.<br></h4>
+    <h4>Vielen Dank für Ihr Feedback. Durch Feedbacks können wir uns stets verbessern.<br><br></h4>
         
         <form id="button1" action="Startseite">
             <input type="submit" value="Zur Startseite" class="btn">
