diff --git a/EnvelopeGenerator.Application/Resources/Resource.de-DE.resx b/EnvelopeGenerator.Application/Resources/Resource.de-DE.resx
index 353bd4b0..f1816694 100644
--- a/EnvelopeGenerator.Application/Resources/Resource.de-DE.resx
+++ b/EnvelopeGenerator.Application/Resources/Resource.de-DE.resx
@@ -117,6 +117,9 @@
   <resheader name="writer">
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
+  <data name="and" xml:space="preserve">
+    <value>und</value>
+  </data>
   <data name="Back" xml:space="preserve">
     <value>Zurück</value>
   </data>
@@ -144,6 +147,9 @@
   <data name="Finalize" xml:space="preserve">
     <value>Abschließen</value>
   </data>
+  <data name="Hello" xml:space="preserve">
+    <value>Hallo</value>
+  </data>
   <data name="LocakedOpen" xml:space="preserve">
     <value>Öffnen</value>
   </data>
@@ -165,6 +171,12 @@
   <data name="Reject" xml:space="preserve">
     <value>Ablehnen</value>
   </data>
+  <data name="Rejection" xml:space="preserve">
+    <value>Ablehnung</value>
+  </data>
+  <data name="RejectionReasonQ" xml:space="preserve">
+    <value>Warum lehnen Sie den Vertrag ab?</value>
+  </data>
   <data name="SigAgree" xml:space="preserve">
     <value>Durch Klick auf Abschließen stimme ich zu, dass die abgebildete und übermittelte Signatur als elektronische Darstellung meiner Signatur in den Fällen gelten, in denen ich sie auf Dokumenten, einschließlich rechtsgültiger Verträge verwende.</value>
   </data>
diff --git a/EnvelopeGenerator.Application/Resources/Resource.en-US.resx b/EnvelopeGenerator.Application/Resources/Resource.en-US.resx
index 3ca6f8f5..5fe14156 100644
--- a/EnvelopeGenerator.Application/Resources/Resource.en-US.resx
+++ b/EnvelopeGenerator.Application/Resources/Resource.en-US.resx
@@ -117,6 +117,9 @@
   <resheader name="writer">
     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
+  <data name="and" xml:space="preserve">
+    <value>and</value>
+  </data>
   <data name="Back" xml:space="preserve">
     <value>Back</value>
   </data>
@@ -144,6 +147,9 @@
   <data name="Finalize" xml:space="preserve">
     <value>Finalize</value>
   </data>
+  <data name="Hello" xml:space="preserve">
+    <value>Hello</value>
+  </data>
   <data name="LocakedOpen" xml:space="preserve">
     <value>Open</value>
   </data>
@@ -165,6 +171,12 @@
   <data name="Reject" xml:space="preserve">
     <value>Reject</value>
   </data>
+  <data name="Rejection" xml:space="preserve">
+    <value>Rejection</value>
+  </data>
+  <data name="RejectionReasonQ" xml:space="preserve">
+    <value>Why do you reject the contract?</value>
+  </data>
   <data name="SigAgree" xml:space="preserve">
     <value>By clicking on Finalize, I agree that the signature shown and submitted is an electronic representation of my signature in cases where I use it on documents, including legally binding contracts.</value>
   </data>
diff --git a/EnvelopeGenerator.Web/Controllers/EnvelopeController.cs b/EnvelopeGenerator.Web/Controllers/EnvelopeController.cs
index a59a377a..444440e6 100644
--- a/EnvelopeGenerator.Web/Controllers/EnvelopeController.cs
+++ b/EnvelopeGenerator.Web/Controllers/EnvelopeController.cs
@@ -153,4 +153,4 @@ namespace EnvelopeGenerator.Web.Controllers
             }
         }
     }
-}
+}
\ No newline at end of file
diff --git a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
index b61c5770..8f321b42 100644
--- a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
+++ b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
@@ -17,7 +17,7 @@
     var sender = Model.Envelope?.User;
     var pages = document?.Elements?.Select(e => e.Page) ?? Array.Empty<int>();
     var stPageIndexes = string.Join(pages.Count() > 1 ? ", " : "", pages.Take(pages.Count() - 1))
-                  + (pages.Count() > 1 ? " und " : "") + pages.LastOrDefault();
+                  + (pages.Count() > 1 ? $" {_localizer[WebKey.and].TrySanitize(_sanitizer)} " : "") + pages.LastOrDefault();
 }
 <div class="d-flex flex-column min-vh-100">
     <nav class="navbar navbar-light bg-light">
@@ -25,7 +25,7 @@
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
-            <div class="navbar-brand me-auto ms-5 envelope-message">@($"Hallo {Model.Name.TrySanitize(_sanitizer)}, {@envelope?.Message.TrySanitize(_sanitizer)}")</div>
+            <div class="navbar-brand me-auto ms-5 envelope-message">@($"{_localizer[WebKey.Hello]} {Model.Name}, {@envelope?.Message}".TrySanitize(_sanitizer))</div>
             <div class="col-1  p-0 m-0 me-3 d-flex">
                 <img src="~/img/digital_data.svg" alt="...">
             </div>
@@ -46,7 +46,7 @@
                                 envelope?.Title.TryEncode(_encoder), 
                                 sender?.Prename.TryEncode(_encoder), 
                                 sender?.Name.TryEncode(_encoder), 
-                                sender?.Email.TryEncode(_encoder)))</small></p>
+                                sender?.Email.TryEncode(_encoder)).TrySanitize(_sanitizer))</small></p>
                         </div>
                     </div>
                 </div>
diff --git a/EnvelopeGenerator.Web/Views/Shared/_Layout.cshtml b/EnvelopeGenerator.Web/Views/Shared/_Layout.cshtml
index 6ade942d..7064942a 100644
--- a/EnvelopeGenerator.Web/Views/Shared/_Layout.cshtml
+++ b/EnvelopeGenerator.Web/Views/Shared/_Layout.cshtml
@@ -1,5 +1,6 @@
 @using DigitalData.Core.API
 @using Newtonsoft.Json
+@using Newtonsoft.Json.Serialization
 @{
     var nonce = _accessor.HttpContext?.Items["csp-nonce"] as string;
 }
@@ -27,19 +28,23 @@
     <script src="~/lib/pspdfkit/pspdfkit.js" asp-append-version="true"></script>
     <script src="~/lib/bootstrap-cookie-consent-settings-main/bootstrap-cookie-consent-settings.js" asp-append-version="true"></script>
     <script src="~/js/util.js" asp-append-version="true"></script>
-    <script src="~/js/api.js" asp-append-version="true"></script>
+    <script src="~/js/api-service.js" asp-append-version="true"></script>
     @await RenderSectionAsync("Scripts", required: false)
     @{
-        var lStrsJson = JsonConvert.SerializeObject(_localizer.ToDictionary()).TrySanitize(_sanitizer);
+        var settings = new JsonSerializerSettings
+        {
+            ContractResolver = new CamelCasePropertyNamesContractResolver()
+        };
+        var lStrsJson = JsonConvert.SerializeObject(_localizer.ToDictionary(), settings).TrySanitize(_sanitizer);
     }
     <script nonce="@nonce">
         var localized = @Html.Raw(lStrsJson)
     </script>
-
     <main role="main">
         <partial name="_CookieConsentPartial" />
         @RenderBody()
     </main>
+    <script src="~/js/event-binder.js" asp-append-version="true"></script>
     @Html.AntiForgeryToken()
 </body>
 </html>
\ No newline at end of file
diff --git a/EnvelopeGenerator.Web/WebKey.cs b/EnvelopeGenerator.Web/WebKey.cs
index a16337b2..270efcc7 100644
--- a/EnvelopeGenerator.Web/WebKey.cs
+++ b/EnvelopeGenerator.Web/WebKey.cs
@@ -24,5 +24,7 @@
         public static readonly string EnvelopeInfo2 = nameof(EnvelopeInfo2);
         public static readonly string SigAgree = nameof(SigAgree);
         public static readonly string Reject = nameof(Reject);
+        public static readonly string and = nameof(and);
+        public static readonly string Hello = nameof(Hello);
     }
 }
\ No newline at end of file
diff --git a/EnvelopeGenerator.Web/wwwroot/js/api-service.js b/EnvelopeGenerator.Web/wwwroot/js/api-service.js
new file mode 100644
index 00000000..c35804a5
--- /dev/null
+++ b/EnvelopeGenerator.Web/wwwroot/js/api-service.js
@@ -0,0 +1,41 @@
+class Content {
+  static get JSON () {
+    return 'application/json';
+  }
+}
+
+class API {
+  static get REJECT_URL () {
+    return `/api/envelope/reject`;
+  }
+
+  static __XSRF_TOKEN
+  static get XSRF_TOKEN() {
+    API.__XSRF_TOKEN ??= document.getElementsByName('__RequestVerificationToken')[0].value;
+    return API.__XSRF_TOKEN;
+  }
+}
+
+const submitForm = async form => await fetch(form.action, {
+  method: form.method,
+  body: new FormData(form),
+  headers: {
+      "X-Requested-With": "XMLHttpRequest"
+  }
+})
+
+const createRequest = async (method, url, body, contentType) => {
+    return fetch(url, {
+        credentials: 'include',
+        method: method,
+        headers: {
+          'Content-Type': contentType,
+          'X-XSRF-TOKEN': API.XSRF_TOKEN
+        },
+        body: JSON.stringify(body)
+      })
+}
+
+const createPost = (url, body, contentType) => createRequest('POST', url, body, contentType);
+
+const rejectEnvelope = (reason) => createPost(API.REJECT_URL, reason, Content.JSON);
\ No newline at end of file
diff --git a/EnvelopeGenerator.Web/wwwroot/js/api.js b/EnvelopeGenerator.Web/wwwroot/js/api.js
deleted file mode 100644
index 6a47cd3c..00000000
--- a/EnvelopeGenerator.Web/wwwroot/js/api.js
+++ /dev/null
@@ -1,7 +0,0 @@
-const submitForm = async form => await fetch(form.action, {
-    method: form.method,
-    body: new FormData(form),
-    headers: {
-        "X-Requested-With": "XMLHttpRequest"
-    }
-})
\ No newline at end of file
diff --git a/EnvelopeGenerator.Web/wwwroot/js/app.js b/EnvelopeGenerator.Web/wwwroot/js/app.js
index 59ad1cc8..234a0fec 100644
--- a/EnvelopeGenerator.Web/wwwroot/js/app.js
+++ b/EnvelopeGenerator.Web/wwwroot/js/app.js
@@ -180,14 +180,14 @@ class App {
         }
 
         return Swal.fire({
-            title: localized.Confirmation,
-            html: `<div class="text-start fs-6 p-0 m-0">${localized.SigAgree}</div>`,
+            title: localized.confirmation,
+            html: `<div class="text-start fs-6 p-0 m-0">${localized.sigAgree}</div>`,
             icon: "question",
             showCancelButton: true,
             confirmButtonColor: "#3085d6",
             cancelButtonColor: "#d33",
-            confirmButtonText: localized.Finalize,
-            cancelButtonText: localized.Back
+            confirmButtonText: localized.finalize,
+            cancelButtonText: localized.back
         }).then(async (result) => {
             if (result.isConfirmed) {
                 //---
diff --git a/EnvelopeGenerator.Web/wwwroot/js/event-binder.js b/EnvelopeGenerator.Web/wwwroot/js/event-binder.js
new file mode 100644
index 00000000..7c44420b
--- /dev/null
+++ b/EnvelopeGenerator.Web/wwwroot/js/event-binder.js
@@ -0,0 +1,37 @@
+$('.btn_reject').click(_ =>
+    Swal.fire({
+        title: localized.rejection,
+        html: `<div class="text-start fs-6 p-0 m-0">${localized.rejectionReasonQ}</div>`,
+        icon: "question",
+        input: "text",
+        inputAttributes: {
+            autocapitalize: "off"
+        },
+        showCancelButton: true,
+        confirmButtonColor: "#3085d6",
+        cancelButtonColor: "#d33",
+        confirmButtonText: localized.complete,
+        cancelButtonText: localized.back,
+        showLoaderOnConfirm: true,
+        preConfirm: async (reason) => {
+            try {
+                var res = await rejectEnvelope(reason);
+                return res;
+            } catch (error) {
+                Swal.showValidationMessage(`
+          Request failed: ${error}
+        `);
+            }
+        },
+        allowOutsideClick: () => !Swal.isLoading()
+    }).then((result) => {
+        if (!result.isConfirmed)
+            return;
+        const res = result.value;
+        console.log(res)
+        if (res.ok) {
+            alert('rejected')
+        }
+        else
+            alert('fail')
+    }));
\ No newline at end of file