Implement footer signature & white-label logo

app/Services/PdfMaker/Designs/Bold.php

@@ -71,6 +71,12 @@ class Bold extends BaseDesign
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 

app/Services/PdfMaker/Designs/Business.php

@@ -71,6 +71,12 @@ class Business extends BaseDesign
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 

app/Services/PdfMaker/Designs/Clean.php

@@ -45,7 +45,7 @@ class Clean extends BaseDesign
     public function elements(array $context, string $type = 'product'): array
     {
         $this->context = $context;
-        
+
         $this->type = $type;
 
         $this->setup();
@@ -70,7 +70,13 @@ class Clean extends BaseDesign
             'product-table' => [
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
-            ]
+            ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 

app/Services/PdfMaker/Designs/Creative.php

@@ -71,6 +71,12 @@ class Creative extends BaseDesign
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 

app/Services/PdfMaker/Designs/Elegant.php

@@ -71,6 +71,12 @@ class Elegant extends BaseDesign
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 

app/Services/PdfMaker/Designs/Hipster.php

@@ -71,6 +71,12 @@ class Hipster extends BaseDesign
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 

app/Services/PdfMaker/Designs/Modern.php

@@ -71,6 +71,12 @@ class Modern extends BaseDesign
                 'id' => 'company-address',
                 'elements' => $this->companyAddress(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 

app/Services/PdfMaker/Designs/Plain.php

@@ -67,6 +67,12 @@ class Plain extends BaseDesign
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 

resources/views/pdf-designs/bold.html

@@ -63,4 +63,6 @@
             <table id="product-table" class="w-full mt-8 table-auto"></table>
         </div>
     </body>
+
+    <footer id="footer"></footer>
 </html>

resources/views/pdf-designs/business.html

@@ -70,21 +70,7 @@
             id="product-table"
             class="w-full mt-20 rounded table-auto"
         ></table>
-
-        <!-- Balance due card -->
-        <!-- <div class="grid grid-cols-12 my-12">
-        <div class="col-span-6">
-            <p class="font-semibold">$terms-label</p>
-            <p>$terms</p>
-        </div>
-        <div class="col-span-5 col-start-8 lg:col-start-9 lg:col-span-4">
-            <div class="h-auto px-4 py-4 bg-orange-600 rounded-lg">
-                <div class="flex justify-between text-white">
-                    <p>$balance-due-label</p>
-                    <p>$balance-due</p>
-                </div>
-            </div>
-        </div>
-    </div> -->
     </body>
+
+    <footer id="footer"></footer>
 </html>

resources/views/pdf-designs/clean.html

@@ -45,4 +45,6 @@
         <!-- Product table -->
         <table id="product-table" class="table-auto mt-12 w-full"></table>
     </body>
+
+    <footer id="footer"></footer>
 </html>

resources/views/pdf-designs/creative.html

@@ -64,4 +64,6 @@
             class="w-full mt-10 border-t-4 border-pink-700 table-auto"
         ></table>
     </body>
+
+    <footer id="footer"></footer>
 </html>

resources/views/pdf-designs/elegant.html

@@ -25,8 +25,10 @@
                 <table id="entity-details"></table>
             </div>
             <div class="col-span-6">
-                <p class="text-xl font-semibold uppercase">$your_entity_label</p>
+                <p class="text-xl font-semibold uppercase">
-              </div>
+                    $your_entity_label
+                </p>
+            </div>
         </div>
 
         <!-- Client details, company details -->
@@ -45,7 +47,13 @@
         <table id="product-table" class="w-full mt-10 table-auto"></table>
 
         <!-- Thanks label -->
-        <p class="w-full pb-4 mt-10 text-2xl font-semibold text-center border-b-4 border-black">$thanks_label</p>
+        <p
+            class="w-full pb-4 mt-10 text-2xl font-semibold text-center border-b-4 border-black"
+        >
+            $thanks_label
+        </p>
         <div class="w-full border-black order-b wpy-1"></div>
     </body>
+
+    <footer id="footer"></footer>
 </html>

resources/views/pdf-designs/hipster.html

@@ -26,7 +26,9 @@
                 class="col-span-5 pl-4 border-l border-black"
                 id="client-details"
             >
-                <p class="font-semibold text-yellow-600 uppercase">$to_label:</p>
+                <p class="font-semibold text-yellow-600 uppercase">
+                    $to_label:
+                </p>
             </div>
             <div class="col-span-3">
                 <img
@@ -49,4 +51,6 @@
         <!-- Product table -->
         <table id="product-table" class="w-full mt-10 table-auto"></table>
     </body>
+
+    <footer id="footer"></footer>
 </html>

resources/views/pdf-designs/modern.html

@@ -62,4 +62,6 @@
             </div>
         </div>
     </body>
+
+    <footer id="footer"></footer>
 </html>

resources/views/pdf-designs/plain.html

@@ -45,4 +45,6 @@
         <!-- Product table -->
         <table id="product-table" class="w-full mt-8 table-auto"></table>
     </body>
+
+    <footer id="footer"></footer>
 </html>

resources/views/pdf-designs/playful.html

@@ -1,62 +1,71 @@
 <!DOCTYPE html>
 <html>
+    <head>
+        <meta charset="utf-8" />
+        <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1, shrink-to-fit=no"
+        />
+        <meta http-equiv="x-ua-compatible" content="ie=edge" />
 
-<head>
+        <link rel="stylesheet" href="$css" />
-    <meta charset="utf-8" />
+    </head>
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-    <meta http-equiv="x-ua-compatible" content="ie=edge" />
 
-    <link rel="stylesheet" href="$css" />
+    <style>
-</head>
+        #product-table tbody > tr > td:first-child {
+            color: #9b2c2c;
+        }
 
-<style>
+        #product-table tbody > tr > td:last-child {
-    #product-table tbody>tr>td:first-child {
+            color: #9b2c2c;
-        color: #9b2c2c;
+            font-weight: bold;
-    }
+        }
+    </style>
 
-    #product-table tbody>tr>td:last-child {
+    <body class="$global-margin antialiased bg-white break-words">
-        color: #9b2c2c;
+        <!-- Company logo, entity details -->
-        font-weight: bold;
+        <div class="grid grid-cols-12 gap-4">
-    }
+            <div class="col-span-4">
-</style>
+                <img
-
+                    src="$company.logo"
-<body class="$global-margin antialiased bg-white break-words">
+                    alt="$company.name logo"
-    <!-- Company logo, entity details -->
+                    class="w-24 col-span-4 sm:w-32"
-    <div class="grid grid-cols-12 gap-4">
+                />
-        <div class="col-span-4">
+            </div>
-            <img src="$company.logo" alt="$company.name logo" class="w-24 col-span-4 sm:w-32" />
+            <div class="col-span-6 col-start-7 p-5 bg-teal-600 rounded-lg">
-        </div>
+                <table id="entity-details" class="text-white"></table>
-        <div class="col-span-6 col-start-7 p-5 bg-teal-600 rounded-lg">
-            <table id="entity-details" class="text-white"></table>
-        </div>
-    </div>
-
-    <!-- Company details, client details -->
-    <div class="grid grid-cols-12 gap-12 mt-12">
-        <div class="col-span-12">
-            <p class="text-xl text-teal-600 font-semibold uppercase">
-                $your_entity_label
-            </p>
-        </div>
-        <div class="col-span-6">
-            <p class="px-4 font-semibold text-teal-600">$to_label:</p>
-            <div class="p-4 mt-4 border-t-4 border-b-4 border-teal-600 border-dashed">
-                <div id="client-details"></div>
             </div>
         </div>
-        <div class="col-span-6">
+
-            <p class="px-4 font-semibold text-teal-600">$from_label:</p>
+        <!-- Company details, client details -->
-            <div class="flex p-4 mt-4 space-x-4 border-t-4 border-b-4 border-teal-600 border-dashed">
+        <div class="grid grid-cols-12 gap-12 mt-12">
-                <div id="company-details"></div>
+            <div class="col-span-12">
-                <div id="company-address"></div>
+                <p class="text-xl text-teal-600 font-semibold uppercase">
+                    $your_entity_label
+                </p>
+            </div>
+            <div class="col-span-6">
+                <p class="px-4 font-semibold text-teal-600">$to_label:</p>
+                <div
+                    class="p-4 mt-4 border-t-4 border-b-4 border-teal-600 border-dashed"
+                >
+                    <div id="client-details"></div>
+                </div>
+            </div>
+            <div class="col-span-6">
+                <p class="px-4 font-semibold text-teal-600">$from_label:</p>
+                <div
+                    class="flex p-4 mt-4 space-x-4 border-t-4 border-b-4 border-teal-600 border-dashed"
+                >
+                    <div id="company-details"></div>
+                    <div id="company-address"></div>
+                </div>
             </div>
         </div>
-    </div>
 
-    <!-- Product table -->
+        <!-- Product table -->
-    <table id="product-table" class="w-full mt-10 table-auto"></table>
+        <table id="product-table" class="w-full mt-10 table-auto"></table>
-</body>
+    </body>
 
-<footer id="footer"></footer>
+    <footer id="footer"></footer>
-
+</html>
-</html>