From b4c95bb5e9a479007853992e0fb9f5dadedb1940 Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.com>
Date: Tue, 9 Jul 2024 08:41:33 +0530
Subject: now printing a place for signature

---
 src/assets/DefaultSignaturePlaceholder.png | Bin 0 -> 1855 bytes
 src/assets/placeholdersignature.png        | Bin 16683 -> 0 bytes
 src/components/PrintPreviewFooter.vue      |  37 ++++++++++++++++++++++++++++-
 3 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/DefaultSignaturePlaceholder.png
 delete mode 100644 src/assets/placeholdersignature.png

diff --git a/src/assets/DefaultSignaturePlaceholder.png b/src/assets/DefaultSignaturePlaceholder.png
new file mode 100644
index 0000000..2d84245
Binary files /dev/null and b/src/assets/DefaultSignaturePlaceholder.png differ
diff --git a/src/assets/placeholdersignature.png b/src/assets/placeholdersignature.png
deleted file mode 100644
index 82f8d99..0000000
Binary files a/src/assets/placeholdersignature.png and /dev/null differ
diff --git a/src/components/PrintPreviewFooter.vue b/src/components/PrintPreviewFooter.vue
index c6c7093..d41d621 100644
--- a/src/components/PrintPreviewFooter.vue
+++ b/src/components/PrintPreviewFooter.vue
@@ -52,7 +52,21 @@
         </span>
       </div>
       <div class="firm-signature-wrapper">
-        <img src="../assets/placeholdersignature.png"/>
+        <div class="tiny">
+          Certified that the particulars given above are true and correct.
+        </div>
+
+        <div class="large">
+          For, {{ invoice.IssuerFirmName }}
+        </div>
+
+        <div class="signature-container">
+          <img src="../assets/DefaultSignaturePlaceholder.png"/>
+        </div>
+
+        <div class="tiny">
+          Authorized Signatory
+        </div>
       </div>
     </div>
   </div>
@@ -77,7 +91,19 @@
   display: grid;
   grid-template-rows: 2fr 4fr 6fr;
 }
+.footer--col2 {
+  display: grid;
+  grid-template-rows: 2fr 3fr;
+}
 .firm-signature-wrapper {
+  padding: 0.1em 0.3em;
+  border-top: 1px solid gray;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+}
+.firm-signature-wrapper .signature-container {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -91,6 +117,7 @@
   display: grid;
   grid-template-columns: 1fr;
   padding: 0.1em 0.3em;
+  grid-auto-rows: 1.1rem;
 }
 .total-summary-row {
   display: grid;
@@ -115,4 +142,12 @@
   padding: 0.1em 0.3em;
   border-top: 1px solid gray;
 }
+.firm-signature-wrapper .tiny {
+  font-size: .8em;
+  font-weight: bold;
+}
+.firm-signature-wrapper .large {
+  font-size: 1.3em;
+  font-weight: bold;
+}
 </style>
-- 
cgit v1.2.3