From 2538f348920042c14198facceeb5412d3c4e88ec Mon Sep 17 00:00:00 2001
From: Developer 02 <developer02@didaloghe.onmicrosoft.com>
Date: Wed, 9 Oct 2024 12:37:36 +0200
Subject: [PATCH] =?UTF-8?q?feat(ShowEnvelope).=20erstellt=20Basis-Popup-Me?=
 =?UTF-8?q?n=C3=BC,=20um=20das=20Dokument=20zu=20senden?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Views/Home/ShowEnvelope.cshtml            | 32 ++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
index f30977ea..fe9f1910 100644
--- a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
+++ b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
@@ -57,7 +57,7 @@
             <div class="dd-card-preview">
                 <h6 class="uppercase">Digital Data</h6>
                 <h2>signFlow</h2>
-                <button type="button">
+                <button type="button" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
                     <span class="material-symbols-outlined">
                         share
                     </span>
@@ -104,6 +104,36 @@
         </div>
     </div>
 
+    <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h1 class="modal-title fs-5" id="staticBackdropLabel"></h1>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <div class="form-floating mb-3">
+                        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
+                        <label for="floatingInput">Email address</label>
+                    </div>
+                    <div class="input-group date" data-provide="datepicker">
+                        <input type="text" class="form-control">
+                        <div class="input-group-addon">
+                            <span class="glyphicon glyphicon-th"></span>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-primary">
+                        <span class="material-symbols-outlined">
+                            send
+                        </span>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <div id='app'></div>
 </div>
 <script nonce="@nonce">