wip

app/Filament/Company/Clusters/Settings/Resources/DocumentDefaultResource.php

@@ -130,17 +130,17 @@ class DocumentDefaultResource extends Resource
                             ->columnSpan(2)
                             ->hiddenLabel()
                             ->visible(static fn (Get $get) => $get('template') === 'default')
-                            ->view('filament.company.components.invoice-layouts.default'),
+                            ->view('filament.company.components.document-templates.default'),
                         Forms\Components\ViewField::make('preview.modern')
                             ->columnSpan(2)
                             ->hiddenLabel()
                             ->visible(static fn (Get $get) => $get('template') === 'modern')
-                            ->view('filament.company.components.invoice-layouts.modern'),
+                            ->view('filament.company.components.document-templates.modern'),
                         Forms\Components\ViewField::make('preview.classic')
                             ->columnSpan(2)
                             ->hiddenLabel()
                             ->visible(static fn (Get $get) => $get('template') === 'classic')
-                            ->view('filament.company.components.invoice-layouts.classic'),
+                            ->view('filament.company.components.document-templates.classic'),
                     ])->columnSpan(2),
             ])->columns(3);
     }

app/Filament/Company/Resources/Sales/EstimateResource/Pages/ViewEstimate.php

@@ -34,20 +34,6 @@ class ViewEstimate extends ViewRecord
     protected function getHeaderActions(): array
     {
         return [
-            Actions\Action::make('printPdf')
-                ->label('Export PDF')
-                ->icon('heroicon-o-document-arrow-down')
-                ->outlined()
-                ->action(function (Estimate $record) {
-                    $url = route('documents.print', [
-                        'documentType' => $record::documentType(),
-                        'id' => $record->id,
-                    ]);
-
-                    $title = 'Print Estimate';
-
-                    $this->js("window.printPdf('{$url}', '{$title}')");
-                }),
             Actions\EditAction::make()
                 ->label('Edit estimate')
                 ->outlined(),
@@ -57,6 +43,7 @@ class ViewEstimate extends ViewRecord
                     Estimate::getMarkAsSentAction(),
                     Estimate::getMarkAsAcceptedAction(),
                     Estimate::getMarkAsDeclinedAction(),
+                    Estimate::getPrintDocumentAction(),
                     Estimate::getReplicateAction(),
                     Estimate::getConvertToInvoiceAction(),
                 ])->dropdown(false),

app/Filament/Company/Resources/Sales/InvoiceResource/Pages/ViewInvoice.php

@@ -34,20 +34,6 @@ class ViewInvoice extends ViewRecord
     protected function getHeaderActions(): array
     {
         return [
-            Actions\Action::make('printPdf')
-                ->label('Export PDF')
-                ->icon('heroicon-o-document-arrow-down')
-                ->outlined()
-                ->action(function (Invoice $record) {
-                    $url = route('documents.print', [
-                        'documentType' => $record::documentType(),
-                        'id' => $record->id,
-                    ]);
-
-                    $title = 'Print Invoice';
-
-                    $this->js("window.printPdf('{$url}', '{$title}')");
-                }),
             Actions\EditAction::make()
                 ->label('Edit invoice')
                 ->outlined(),
@@ -55,6 +41,7 @@ class ViewInvoice extends ViewRecord
                 Actions\ActionGroup::make([
                     Invoice::getApproveDraftAction(),
                     Invoice::getMarkAsSentAction(),
+                    Invoice::getPrintDocumentAction(),
                     Invoice::getReplicateAction(),
                 ])->dropdown(false),
                 Actions\DeleteAction::make(),

app/Filament/Company/Resources/Sales/RecurringInvoiceResource/Pages/ViewRecurringInvoice.php

@@ -34,20 +34,6 @@ class ViewRecurringInvoice extends ViewRecord
     protected function getHeaderActions(): array
     {
         return [
-            Actions\Action::make('printPdf')
-                ->label('Export PDF')
-                ->icon('heroicon-o-document-arrow-down')
-                ->outlined()
-                ->action(function (RecurringInvoice $record) {
-                    $url = route('documents.print', [
-                        'documentType' => $record::documentType(),
-                        'id' => $record->id,
-                    ]);
-
-                    $title = 'Print Recurring Invoice';
-
-                    $this->js("window.printPdf('{$url}', '{$title}')");
-                }),
             Actions\EditAction::make()
                 ->label('Edit recurring invoice')
                 ->outlined(),
@@ -55,6 +41,7 @@ class ViewRecurringInvoice extends ViewRecord
                 Actions\ActionGroup::make([
                     RecurringInvoice::getManageScheduleAction(),
                     RecurringInvoice::getApproveDraftAction(),
+                    RecurringInvoice::getPrintDocumentAction(),
                 ])->dropdown(false),
                 Actions\DeleteAction::make(),
             ])

app/Models/Accounting/Document.php

@@ -6,10 +6,13 @@ use App\Concerns\Blamable;
 use App\Concerns\CompanyOwned;
 use App\Enums\Accounting\DocumentType;
 use App\Models\Setting\Currency;
+use Filament\Actions\Action;
+use Filament\Actions\MountableAction;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Database\Eloquent\Relations\MorphMany;
+use Livewire\Component;
 
 abstract class Document extends Model
 {
@@ -32,6 +35,21 @@ abstract class Document extends Model
         return $this->lineItems()->exists();
     }
 
+    public static function getPrintDocumentAction(string $action = Action::class): MountableAction
+    {
+        return $action::make('printPdf')
+            ->label('Print')
+            ->icon('heroicon-m-printer')
+            ->action(function (self $record, Component $livewire) {
+                $url = route('documents.print', [
+                    'documentType' => $record::documentType(),
+                    'id' => $record->id,
+                ]);
+
+                $livewire->js("window.printPdf('{$url}')");
+            });
+    }
+
     abstract public static function documentType(): DocumentType;
 
     abstract public function documentNumber(): ?string;

resources/views/components/company/invoice/container.blade.php → resources/views/components/company/document-template/container.blade.php

@@ -2,10 +2,10 @@
     'preview' => false,
 ])
 
-<div class="inv-container flex justify-center p-6">
+<div class="doc-template-container flex justify-center p-6">
     <div
         @class([
-            'inv-paper bg-[#ffffff] dark:bg-gray-800 rounded-sm shadow-xl',
+            'doc-template-paper bg-[#ffffff] dark:bg-gray-800 rounded-sm shadow-xl',
             'w-full max-w-[820px] max-h-[1024px] overflow-y-auto' => $preview === false,
             'w-[38.25rem] h-[49.5rem] overflow-hidden' => $preview === true,
         ])

resources/views/components/company/document-template/footer.blade.php

@@ -0,0 +1,3 @@
+<footer {{ $attributes->class(['doc-template-footer text-xs text-gray-600 dark:text-gray-300 min-h-60']) }}>
+    {{ $slot }}
+</footer>

resources/views/components/company/document-template/header.blade.php

@@ -0,0 +1,3 @@
+<header {{ $attributes->class(['doc-template-header flex py-2 relative']) }}>
+    {{ $slot }}
+</header>

resources/views/components/company/document-template/line-items.blade.php

@@ -0,0 +1,3 @@
+<div {{ $attributes->class(['doc-template-line-items py-6']) }}>
+    {{ $slot }}
+</div>

resources/views/components/company/invoice/logo.blade.php → resources/views/components/company/document-template/logo.blade.php

@@ -6,7 +6,7 @@
 <img {{
     $attributes
         ->class([
-            'inv-logo object-contain',
+            'doc-template-logo object-contain',
             match ($size) {
                 'sm' => 'max-h-8',
                 'md' => 'max-h-16',

resources/views/components/company/document-template/metadata.blade.php

@@ -0,0 +1,3 @@
+<section {{ $attributes->class(['doc-template-metadata px-6 pt-4']) }}>
+    {{ $slot }}
+</section>

resources/views/components/company/invoice/footer.blade.php

@@ -1,3 +0,0 @@
-<footer {{ $attributes->class(['inv-footer text-xs text-gray-600 dark:text-gray-300 min-h-60']) }}>
-    {{ $slot }}
-</footer>

resources/views/components/company/invoice/header.blade.php

@@ -1,3 +0,0 @@
-<header {{ $attributes->class(['inv-header flex py-2 relative']) }}>
-    {{ $slot }}
-</header>

resources/views/components/company/invoice/line-items.blade.php

@@ -1,3 +0,0 @@
-<div {{ $attributes->class(['inv-line-items py-6']) }}>
-    {{ $slot }}
-</div>

resources/views/components/company/invoice/metadata.blade.php

@@ -1,3 +0,0 @@
-<section {{ $attributes->class(['inv-metadata px-6 pt-4']) }}>
-    {{ $slot }}
-</section>

resources/views/components/icons/decor-border-left.blade.php

@@ -1,10 +0,0 @@
-@props([
-    'color' => 'currentColor',
-])
-
-<svg xmlns="http://www.w3.org/2000/svg" height="72" width="28" viewBox="0 0 28 72" aria-hidden="true" {{ $attributes }}>
-    <g fill="none" stroke-width="2" stroke="{{ $color }}">
-        <path d="M183 57.038v-42.076c-.33.025-.664.038-1 .038-7.18 0-13-5.82-13-13 0-.336.013-.67.038-1h-154.076c.025.33.038.664.038 1 0 7.18-5.82 13-13 13-.336 0-.67-.013-1-.038v42.076c.33-.025.664-.038 1-.038 7.18 0 13 5.82 13 13 0 .336-.013.67-.038 1h154.076c-.025-.33-.038-.664-.038-1 0-7.18 5.82-13 13-13 .336 0 .67.013 1 .038z" />
-        <path d="M177 51.503v-31.007c-.33.024-.664.037-1 .037-7.18 0-13-5.626-13-12.567 0-.325.013-.648.038-.967h-142.076c.025.319.038.641.038.967 0 6.94-5.82 12.567-13 12.567-.336 0-.67-.012-1-.037v31.007c.33-.024.664-.037 1-.037 7.18 0 13 5.626 13 12.567 0 .325-.013.648-.038.967h142.076c-.025-.319-.038-.641-.038-.967 0-6.94 5.82-12.567 13-12.567.336 0 .67.012 1 .037z" />
-    </g>
-</svg>

resources/views/components/icons/decor-border-right.blade.php

@@ -1,10 +0,0 @@
-@props([
-    'color' => 'currentColor',
-])
-
-<svg xmlns="http://www.w3.org/2000/svg" height="72" width="28" viewBox="0 0 28 72" aria-hidden="true" {{ $attributes }}>
-    <g fill="none" stroke-width="2" stroke="{{ $color }}">
-        <path d="M27 57.038v-42.076c-.33.025-.664.038-1 .038-7.18 0-13-5.82-13-13 0-.336.013-.67.038-1h-154.076c.025.33.038.664.038 1 0 7.18-5.82 13-13 13-.336 0-.67-.013-1-.038v42.076c.33-.025.664-.038 1-.038 7.18 0 13 5.82 13 13 0 .336-.013.67-.038 1h154.076c-.025-.33-.038-.664-.038-1 0-7.18 5.82-13 13-13 .336 0 .67.013 1 .038z"></path>
-        <path d="M21 51.503v-31.007c-.33.024-.664.037-1 .037-7.18 0-13-5.626-13-12.567 0-.325.013-.648.038-.967h-142.076c.025.319.038.641.038.967 0 6.94-5.82 12.567-13 12.567-.336 0-.67-.012-1-.037v31.007c.33-.024.664-.037 1-.037 7.18 0 13 5.626 13 12.567 0 .325-.013.648-.038.967h142.076c-.025-.319-.038-.641-.038-.967 0-6.94 5.82-12.567 13-12.567.336 0 .67.012 1 .037z"></path>
-    </g>
-</svg>

resources/views/filament/company/components/invoice-layouts/classic.blade.php → resources/views/filament/company/components/document-templates/classic.blade.php

@@ -6,14 +6,14 @@
 {!! $document->getFontHtml() !!}
 
 <style>
-    .inv-paper {
+    .doc-template-paper {
         font-family: '{{ $document->font->getLabel() }}', sans-serif;
     }
 </style>
 
-<x-company.invoice.container class="classic-template-container" preview>
+<x-company.document-template.container class="classic-template-container" preview>
     <!-- Header Section -->
-    <x-company.invoice.header class="default-template-header">
+    <x-company.document-template.header class="default-template-header">
         <div class="w-2/3 text-left ml-6">
             <div class="text-xs">
                 <h2 class="text-base font-semibold">{{ $document->company->name }}</h2>
@@ -25,12 +25,12 @@
 
         <div class="w-1/3 flex justify-end mr-6">
             @if($document->logo && $document->showLogo)
-                <x-company.invoice.logo :src="$document->logo"/>
+                <x-company.document-template.logo :src="$document->logo"/>
             @endif
         </div>
-    </x-company.invoice.header>
+    </x-company.document-template.header>
 
-    <x-company.invoice.metadata class="classic-template-metadata">
+    <x-company.document-template.metadata class="classic-template-metadata">
         <div class="items-center flex">
             <hr class="grow-[2] py-0.5 border-solid border-y-2" style="border-color: {{ $document->accentColor }};">
             <x-icons.document-header-decoration
@@ -75,10 +75,10 @@
                 </table>
             </div>
         </div>
-    </x-company.invoice.metadata>
+    </x-company.document-template.metadata>
 
     <!-- Line Items -->
-    <x-company.invoice.line-items class="classic-template-line-items px-6">
+    <x-company.document-template.line-items class="classic-template-line-items px-6">
         <table class="w-full text-left table-fixed">
             <thead class="text-sm leading-8">
             <tr>
@@ -136,11 +136,11 @@
                 </table>
             </div>
         </div>
-    </x-company.invoice.line-items>
+    </x-company.document-template.line-items>
 
     <!-- Footer -->
-    <x-company.invoice.footer class="classic-template-footer">
+    <x-company.document-template.footer class="classic-template-footer">
         <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.invoice.footer>
-</x-company.invoice.container>
+    </x-company.document-template.footer>
+</x-company.document-template.container>

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

@@ -6,17 +6,17 @@
 {!! $document->getFontHtml() !!}
 
 <style>
-    .inv-paper {
+    .doc-template-paper {
         font-family: '{{ $document->font->getLabel() }}', sans-serif;
     }
 </style>
 
-<x-company.invoice.container class="default-template-container" preview>
+<x-company.document-template.container class="default-template-container" preview>
 
-    <x-company.invoice.header class="default-template-header border-b-2 p-6 pb-4">
+    <x-company.document-template.header class="default-template-header border-b-2 p-6 pb-4">
         <div class="w-2/3">
             @if($document->logo && $document->showLogo)
-                <x-company.invoice.logo :src="$document->logo"/>
+                <x-company.document-template.logo :src="$document->logo"/>
             @endif
         </div>
 
@@ -28,9 +28,9 @@
                 @endif
             </div>
         </div>
-    </x-company.invoice.header>
+    </x-company.document-template.header>
 
-    <x-company.invoice.metadata class="default-template-metadata space-y-6">
+    <x-company.document-template.metadata class="default-template-metadata space-y-6">
         <div>
             <h1 class="text-3xl font-light uppercase">{{ $document->header }}</h1>
             @if ($document->subheader)
@@ -71,10 +71,10 @@
                 </table>
             </div>
         </div>
-    </x-company.invoice.metadata>
+    </x-company.document-template.metadata>
 
     <!-- Line Items Table -->
-    <x-company.invoice.line-items class="default-template-line-items">
+    <x-company.document-template.line-items class="default-template-line-items">
         <table class="w-full text-left table-fixed">
             <thead class="text-sm leading-8" style="background: {{ $document->accentColor }}">
             <tr class="text-white">
@@ -122,13 +122,13 @@
             </tr>
             </tfoot>
         </table>
-    </x-company.invoice.line-items>
+    </x-company.document-template.line-items>
 
     <!-- Footer Notes -->
-    <x-company.invoice.footer class="default-template-footer">
+    <x-company.document-template.footer class="default-template-footer">
         <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.invoice.footer>
-</x-company.invoice.container>
+    </x-company.document-template.footer>
+</x-company.document-template.container>

resources/views/filament/company/components/invoice-layouts/modern.blade.php → resources/views/filament/company/components/document-templates/modern.blade.php

@@ -6,19 +6,19 @@
 {!! $document->getFontHtml() !!}
 
 <style>
-    .inv-paper {
+    .doc-template-paper {
         font-family: '{{ $document->font->getLabel() }}', sans-serif;
     }
 </style>
 
-<x-company.invoice.container class="modern-template-container" preview>
+<x-company.document-template.container class="modern-template-container" preview>
 
     <!-- Colored Header with Logo -->
-    <x-company.invoice.header class="bg-gray-800 h-20">
+    <x-company.document-template.header class="bg-gray-800 h-20">
         <!-- Logo -->
         <div class="w-2/3">
             @if($document->logo && $document->showLogo)
-                <x-company.invoice.logo class="ml-6" :src="$document->logo"/>
+                <x-company.document-template.logo class="ml-6" :src="$document->logo"/>
             @endif
         </div>
 
@@ -29,10 +29,10 @@
                 <h1 class="text-3xl font-bold text-white text-center uppercase">{{ $document->header }}</h1>
             @endif
         </div>
-    </x-company.invoice.header>
+    </x-company.document-template.header>
 
     <!-- Company Details -->
-    <x-company.invoice.metadata class="modern-template-metadata space-y-6">
+    <x-company.document-template.metadata class="modern-template-metadata space-y-6">
         <div class="text-xs">
             <h2 class="text-base font-semibold">{{ $document->company->name }}</h2>
             @if($formattedAddress = $document->company->getFormattedAddressHtml())
@@ -77,10 +77,10 @@
                 </table>
             </div>
         </div>
-    </x-company.invoice.metadata>
+    </x-company.document-template.metadata>
 
     <!-- Line Items Table -->
-    <x-company.invoice.line-items class="modern-template-line-items">
+    <x-company.document-template.line-items class="modern-template-line-items">
         <table class="w-full text-left table-fixed">
             <thead class="text-sm leading-8">
             <tr class="text-gray-600 dark:text-gray-400">
@@ -143,15 +143,15 @@
             @endif
             </tfoot>
         </table>
-    </x-company.invoice.line-items>
+    </x-company.document-template.line-items>
 
     <!-- Footer Notes -->
-    <x-company.invoice.footer class="modern-template-footer tracking-tight">
+    <x-company.document-template.footer class="modern-template-footer tracking-tight">
         <h4 class="font-semibold px-6" style="color: {{ $document->accentColor }}">Terms & Conditions</h4>
         <span class="border-t-2 my-2 border-gray-300 block w-full"></span>
         <div class="flex justify-between space-x-4 px-6">
             <p class="w-1/2 break-words line-clamp-4">{{ $document->terms }}</p>
             <p class="w-1/2 break-words line-clamp-4">{{ $document->footer }}</p>
         </div>
-    </x-company.invoice.footer>
-</x-company.invoice.container>
+    </x-company.document-template.footer>
+</x-company.document-template.container>

resources/views/filament/infolists/components/document-preview.blade.php

@@ -6,7 +6,7 @@
 {!! $document->getFontHtml() !!}
 
 <style>
-    .inv-paper {
+    .doc-template-paper {
         font-family: '{{ $document->font->getLabel() }}', sans-serif;
     }
 </style>

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

@@ -1,6 +1,6 @@
-<x-company.invoice.container class="classic-template-container">
+<x-company.document-template.container class="classic-template-container">
     <!-- Header Section -->
-    <x-company.invoice.header class="default-template-header">
+    <x-company.document-template.header class="default-template-header">
         <div class="w-2/3 text-left ml-6">
             <div class="text-sm tracking-tight">
                 <h2 class="text-lg font-semibold">{{ $document->company->name }}</h2>
@@ -12,12 +12,12 @@
 
         <div class="w-1/3 flex justify-end mr-6">
             @if($document->logo && $document->showLogo)
-                <x-company.invoice.logo :src="$document->logo"/>
+                <x-company.document-template.logo :src="$document->logo"/>
             @endif
         </div>
-    </x-company.invoice.header>
+    </x-company.document-template.header>
 
-    <x-company.invoice.metadata class="classic-template-metadata space-y-8">
+    <x-company.document-template.metadata class="classic-template-metadata space-y-8">
         <div class="items-center flex">
             <hr class="grow-[2] py-0.5 border-solid border-y-2" style="border-color: {{ $document->accentColor }};">
             <x-icons.document-header-decoration
@@ -62,10 +62,10 @@
                 </table>
             </div>
         </div>
-    </x-company.invoice.metadata>
+    </x-company.document-template.metadata>
 
     <!-- Line Items -->
-    <x-company.invoice.line-items class="classic-template-line-items">
+    <x-company.document-template.line-items class="classic-template-line-items">
         <table class="w-full text-left table-fixed">
             <thead class="text-sm leading-relaxed">
             <tr>
@@ -138,11 +138,11 @@
                 </table>
             </div>
         </div>
-    </x-company.invoice.line-items>
+    </x-company.document-template.line-items>
 
     <!-- Footer -->
-    <x-company.invoice.footer class="classic-template-footer tracking-tight min-h-48">
+    <x-company.document-template.footer class="classic-template-footer tracking-tight min-h-48">
         <h4 class="font-semibold px-6 mb-2 text-sm">Terms & Conditions</h4>
         <p class="px-6 break-words line-clamp-4 text-sm">{{ $document->terms }}</p>
-    </x-company.invoice.footer>
-</x-company.invoice.container>
+    </x-company.document-template.footer>
+</x-company.document-template.container>

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

@@ -1,9 +1,9 @@
-<x-company.invoice.container class="default-template-container">
+<x-company.document-template.container class="default-template-container">
 
-    <x-company.invoice.header class="default-template-header border-b-2 p-6 pb-4">
+    <x-company.document-template.header class="default-template-header border-b-2 p-6 pb-4">
         <div class="w-2/3">
             @if($document->logo && $document->showLogo)
-                <x-company.invoice.logo :src="$document->logo"/>
+                <x-company.document-template.logo :src="$document->logo"/>
             @endif
         </div>
 
@@ -15,9 +15,9 @@
                 @endif
             </div>
         </div>
-    </x-company.invoice.header>
+    </x-company.document-template.header>
 
-    <x-company.invoice.metadata class="default-template-metadata space-y-8">
+    <x-company.document-template.metadata class="default-template-metadata space-y-8">
         <div>
             <h1 class="text-4xl font-light uppercase">{{ $document->header }}</h1>
             @if ($document->subheader)
@@ -60,10 +60,10 @@
                 </table>
             </div>
         </div>
-    </x-company.invoice.metadata>
+    </x-company.document-template.metadata>
 
     <!-- Line Items Table -->
-    <x-company.invoice.line-items class="default-template-line-items">
+    <x-company.document-template.line-items class="default-template-line-items">
         <table class="w-full text-left table-fixed">
             <thead class="text-sm leading-relaxed" style="background: {{ $document->accentColor }}">
             <tr class="text-white">
@@ -126,13 +126,13 @@
             @endif
             </tfoot>
         </table>
-    </x-company.invoice.line-items>
+    </x-company.document-template.line-items>
 
     <!-- Footer Notes -->
-    <x-company.invoice.footer class="default-template-footer tracking-tight">
+    <x-company.document-template.footer class="default-template-footer tracking-tight">
         <p class="px-6 text-sm">{{ $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 text-sm">Terms & Conditions</h4>
         <p class="px-6 break-words line-clamp-4 text-sm">{{ $document->terms }}</p>
-    </x-company.invoice.footer>
-</x-company.invoice.container>
+    </x-company.document-template.footer>
+</x-company.document-template.container>

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

@@ -1,10 +1,10 @@
-<x-company.invoice.container class="modern-template-container">
+<x-company.document-template.container class="modern-template-container">
     <!-- Colored Header with Logo -->
-    <x-company.invoice.header class="bg-gray-800 h-24">
+    <x-company.document-template.header class="bg-gray-800 h-24">
         <!-- Logo -->
         <div class="w-2/3">
             @if($document->logo && $document->showLogo)
-                <x-company.invoice.logo class="ml-8" :src="$document->logo"/>
+                <x-company.document-template.logo class="ml-8" :src="$document->logo"/>
             @endif
         </div>
 
@@ -15,10 +15,10 @@
                 <h1 class="text-4xl font-bold text-white text-center uppercase">{{ $document->header }}</h1>
             @endif
         </div>
-    </x-company.invoice.header>
+    </x-company.document-template.header>
 
     <!-- Company Details -->
-    <x-company.invoice.metadata class="modern-template-metadata space-y-8">
+    <x-company.document-template.metadata class="modern-template-metadata space-y-8">
         <div class="text-sm">
             <h2 class="text-lg font-semibold">{{ $document->company->name }}</h2>
             @if($formattedAddress = $document->company->getFormattedAddressHtml())
@@ -63,10 +63,10 @@
                 </table>
             </div>
         </div>
-    </x-company.invoice.metadata>
+    </x-company.document-template.metadata>
 
     <!-- Line Items Table -->
-    <x-company.invoice.line-items class="modern-template-line-items">
+    <x-company.document-template.line-items class="modern-template-line-items">
         <table class="w-full text-left table-fixed">
             <thead class="text-sm leading-relaxed">
             <tr class="text-gray-600 dark:text-gray-400">
@@ -129,10 +129,10 @@
             @endif
             </tfoot>
         </table>
-    </x-company.invoice.line-items>
+    </x-company.document-template.line-items>
 
     <!-- Footer Notes -->
-    <x-company.invoice.footer class="modern-template-footer tracking-tight">
+    <x-company.document-template.footer class="modern-template-footer tracking-tight">
         <h4 class="font-semibold px-6 text-sm" style="color: {{ $document->accentColor }}">
             Terms & Conditions
         </h4>
@@ -141,5 +141,5 @@
             <p class="w-1/2 break-words line-clamp-4">{{ $document->terms }}</p>
             <p class="w-1/2 break-words line-clamp-4">{{ $document->footer }}</p>
         </div>
-    </x-company.invoice.footer>
-</x-company.invoice.container>
+    </x-company.document-template.footer>
+</x-company.document-template.container>

resources/views/print-document.blade.php

@@ -4,29 +4,19 @@
     <title>Invoice #{{ $document->number }}</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="color-scheme" content="light">
 
     <!-- Include Tailwind -->
-    <script src="https://cdn.tailwindcss.com?plugins=typography"></script>
-    <script>
-        tailwind.config = {
-            darkMode: 'class'
-        }
-    </script>
+    <script src="https://cdn.tailwindcss.com"></script>
 
     {!! $document->getFontHtml() !!}
 
     <style>
-        :root {
-            color-scheme: light;
-        }
-
         body {
             background-color: white;
             color: black;
         }
 
-        .inv-paper {
+        .doc-template-paper {
             font-family: '{{ $document->font->getLabel() }}', sans-serif;
         }
 
@@ -40,39 +30,43 @@
 
             @page {
                 size: auto;
-                margin: 0;
+                margin: 7.5mm 0;
+            }
+
+            @page:first {
+                margin-top: 0;
             }
 
-            .inv-container {
+            .doc-template-container {
                 padding: 0 !important;
                 margin: 0 !important;
             }
 
-            .inv-paper {
+            .doc-template-paper {
                 box-shadow: none !important;
                 border-radius: 0 !important;
                 overflow: hidden !important;
                 max-height: none !important;
             }
 
-            .inv-line-items .summary-section {
+            .doc-template-line-items .summary-section {
                 display: table-row-group;
                 page-break-inside: avoid;
             }
 
-            .inv-line-items tr {
+            .doc-template-line-items tr {
                 page-break-inside: avoid;
                 page-break-after: auto;
             }
 
-            .inv-footer {
+            .doc-template-footer {
                 page-break-inside: avoid;
                 page-break-before: auto;
             }
         }
     </style>
 </head>
-<body class="bg-white">
+<body>
     @include("filament.infolists.components.document-templates.{$template->value}", [
         'document' => $document,
         'preview' => false,