now printing a place for signature

3 files changed, 36 insertions, 1 deletions

diff --git a/src/assets/DefaultSignaturePlaceholder.png b/src/assets/DefaultSignaturePlaceholder.png
new file mode 100644
index 0000000..2d84245
--- /dev/null
+++ b/src/assets/DefaultSignaturePlaceholder.png
diff --git a/src/assets/placeholdersignature.png b/src/assets/placeholdersignature.png
deleted file mode 100644
index 82f8d99..0000000
--- a/src/assets/placeholdersignature.png
+++ /dev/null
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>