wip

resources/views/filament/company/components/document-templates/default.blade.php

@@ -13,31 +13,32 @@
 
 <x-company.document-template.container class="default-template-container" preview>
 
-    <x-company.document-template.header class="default-template-header border-b-2 p-6 pb-4">
-        <div class="w-2/3">
+    <x-company.document-template.header class="default-template-header border-b">
+        <div class="w-1/3">
             @if($document->logo && $document->showLogo)
                 <x-company.document-template.logo :src="$document->logo"/>
             @endif
         </div>
 
-        <div class="w-1/3 text-right">
-            <div class="text-xs">
-                <h2 class="font-semibold">{{ $document->company->name }}</h2>
-                @if($formattedAddress = $document->company->getFormattedAddressHtml())
-                    {!! $formattedAddress !!}
-                @endif
+        <div class="w-2/3 text-right">
+            <div class="space-y-4">
+                <div>
+                    <h1 class="text-3xl font-light uppercase">{{ $document->header }}</h1>
+                    @if ($document->subheader)
+                        <p class="text-xs text-gray-600 dark:text-gray-400">{{ $document->subheader }}</p>
+                    @endif
+                </div>
+                <div class="text-xs">
+                    <strong class="text-xs block">{{ $document->company->name }}</strong>
+                    @if($formattedAddress = $document->company->getFormattedAddressHtml())
+                        {!! $formattedAddress !!}
+                    @endif
+                </div>
             </div>
         </div>
     </x-company.document-template.header>
 
-    <x-company.document-template.metadata class="default-template-metadata space-y-6">
-        <div>
-            <h1 class="text-2xl font-light uppercase">{{ $document->header }}</h1>
-            @if ($document->subheader)
-                <h2 class="text-xs text-gray-600 dark:text-gray-400">{{ $document->subheader }}</h2>
-            @endif
-        </div>
-
+    <x-company.document-template.metadata class="default-template-metadata space-y-2">
         <div class="flex justify-between items-end">
             <!-- Billing Details -->
             <div class="text-xs">
@@ -127,10 +128,16 @@
     </x-company.document-template.line-items>
 
     <!-- Footer Notes -->
-    <x-company.document-template.footer class="default-template-footer text-xs">
-        <p class="px-6">{{ $document->footer }}</p>
-        <span class="border-t-2 my-2 border-gray-300 block w-full"></span>
-        <h4 class="font-semibold px-6 mb-2">Terms & Conditions</h4>
-        <p class="px-6 break-words line-clamp-4">{{ $document->terms }}</p>
+    <x-company.document-template.footer class="classic-template-footer min-h-48 flex flex-col text-xs p-6">
+        <div>
+            <h4 class="font-semibold mb-2">Terms & Conditions</h4>
+            <p class="break-words line-clamp-4">{{ $document->terms }}</p>
+        </div>
+
+        @if($document->footer)
+            <div class="mt-auto text-center py-4">
+                <p class="font-semibold">{{ $document->footer }}</p>
+            </div>
+        @endif
     </x-company.document-template.footer>
 </x-company.document-template.container>

resources/views/filament/infolists/components/document-templates/default.blade.php

@@ -1,13 +1,13 @@
 <x-company.document-template.container class="default-template-container">
 
     <x-company.document-template.header class="default-template-header border-b">
-        <div class="w-2/3">
+        <div class="w-1/3">
             @if($document->logo && $document->showLogo)
                 <x-company.document-template.logo :src="$document->logo"/>
             @endif
         </div>
 
-        <div class="w-1/3 text-right">
+        <div class="w-2/3 text-right">
             <div class="space-y-4">
                 <div>
                     <h1 class="text-3xl font-light uppercase">{{ $document->header }}</h1>