wip

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

 use App\Filament\Company\Resources\Sales\InvoiceResource;
 use App\Models\Accounting\Invoice;
 use Filament\Actions;
+use Filament\Infolists\Components\Grid;
 use Filament\Infolists\Components\Section;
 use Filament\Infolists\Components\TextEntry;
+use Filament\Infolists\Components\ViewEntry;
 use Filament\Infolists\Infolist;
 use Filament\Resources\Pages\ViewRecord;
 use Filament\Support\Enums\FontWeight;
 use Filament\Support\Enums\IconPosition;
 use Filament\Support\Enums\IconSize;
+use Filament\Support\Enums\MaxWidth;
 
 class ViewInvoice extends ViewRecord
 {
+    protected static string $view = 'filament.company.resources.sales.invoices.pages.view-invoice';
+
     protected static string $resource = InvoiceResource::class;
 
     protected $listeners = [
         'refresh' => '$refresh',
     ];
 
+    public function getMaxContentWidth(): MaxWidth | string | null
+    {
+        return MaxWidth::SixExtraLarge;
+    }
+
     protected function getHeaderActions(): array
     {
         return [
                 Section::make('Invoice Details')
                     ->columns(4)
                     ->schema([
-                        TextEntry::make('invoice_number')
-                            ->label('Invoice #'),
-                        TextEntry::make('status')
-                            ->badge(),
-                        TextEntry::make('client.name')
-                            ->label('Client')
-                            ->color('primary')
-                            ->weight(FontWeight::SemiBold)
-                            ->url(static fn (Invoice $record) => ClientResource::getUrl('edit', ['record' => $record->client_id])),
-                        TextEntry::make('total')
-                            ->label('Total')
-                            ->money(),
-                        TextEntry::make('amount_due')
-                            ->label('Amount Due')
-                            ->money(),
-                        TextEntry::make('date')
-                            ->label('Date')
-                            ->date(),
-                        TextEntry::make('due_date')
-                            ->label('Due')
-                            ->asRelativeDay(),
-                        TextEntry::make('approved_at')
-                            ->label('Approved At')
-                            ->placeholder('Not Approved')
-                            ->date(),
-                        TextEntry::make('last_sent')
-                            ->label('Last Sent')
-                            ->placeholder('Never')
-                            ->date(),
-                        TextEntry::make('paid_at')
-                            ->label('Paid At')
-                            ->placeholder('Not Paid')
-                            ->date(),
+                        Grid::make(1)
+                            ->schema([
+                                TextEntry::make('invoice_number')
+                                    ->label('Invoice #'),
+                                TextEntry::make('status')
+                                    ->badge(),
+                                TextEntry::make('client.name')
+                                    ->label('Client')
+                                    ->color('primary')
+                                    ->weight(FontWeight::SemiBold)
+                                    ->url(static fn (Invoice $record) => ClientResource::getUrl('edit', ['record' => $record->client_id])),
+                                TextEntry::make('amount_due')
+                                    ->label('Amount Due')
+                                    ->money(),
+                                TextEntry::make('due_date')
+                                    ->label('Due')
+                                    ->asRelativeDay(),
+                                TextEntry::make('approved_at')
+                                    ->label('Approved At')
+                                    ->placeholder('Not Approved')
+                                    ->date(),
+                                TextEntry::make('last_sent')
+                                    ->label('Last Sent')
+                                    ->placeholder('Never')
+                                    ->date(),
+                                TextEntry::make('paid_at')
+                                    ->label('Paid At')
+                                    ->placeholder('Not Paid')
+                                    ->date(),
+                            ])->columnSpan(1),
+                        Grid::make()
+                            ->schema([
+                                ViewEntry::make('invoice-view')
+                                    ->label('View Invoice')
+                                    ->columnSpan(3)
+                                    ->view('filament.company.resources.sales.invoices.components.invoice-view')
+                                    ->viewData([
+                                        'invoice' => $this->record,
+                                    ]),
+                            ])
+                            ->columnSpan(3),
                     ]),
             ]);
     }

app/Filament/Company/Resources/Sales/InvoiceResource/RelationManagers/PaymentsRelationManager.php

 
     protected static ?string $modelLabel = 'Payment';
 
+    protected static bool $isLazy = false;
+
     protected $listeners = [
         'refresh' => '$refresh',
     ];

composer.lock

             "type": "library",
             "extra": {
                 "laravel": {
-                    "providers": [
-                        "Wallo\\Transmatic\\TransmaticServiceProvider"
-                    ],
                     "aliases": {
                         "Transmatic": "Wallo\\Transmatic\\Facades\\Transmatic"
-                    }
+                    },
+                    "providers": [
+                        "Wallo\\Transmatic\\TransmaticServiceProvider"
+                    ]
                 }
             },
             "autoload": {
         },
         {
             "name": "doctrine/deprecations",
-            "version": "1.1.3",
+            "version": "1.1.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/doctrine/deprecations.git",
-                "reference": "dfbaa3c2d2e9a9df1118213f3b8b0c597bb99fab"
+                "reference": "31610dbb31faa98e6b5447b62340826f54fbc4e9"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/deprecations/zipball/dfbaa3c2d2e9a9df1118213f3b8b0c597bb99fab",
-                "reference": "dfbaa3c2d2e9a9df1118213f3b8b0c597bb99fab",
+                "url": "https://api.github.com/repos/doctrine/deprecations/zipball/31610dbb31faa98e6b5447b62340826f54fbc4e9",
+                "reference": "31610dbb31faa98e6b5447b62340826f54fbc4e9",
                 "shasum": ""
             },
             "require": {
                 "php": "^7.1 || ^8.0"
             },
             "require-dev": {
-                "doctrine/coding-standard": "^9",
-                "phpstan/phpstan": "1.4.10 || 1.10.15",
-                "phpstan/phpstan-phpunit": "^1.0",
+                "doctrine/coding-standard": "^9 || ^12",
+                "phpstan/phpstan": "1.4.10 || 2.0.3",
+                "phpstan/phpstan-phpunit": "^1.0 || ^2",
                 "phpunit/phpunit": "^7.5 || ^8.5 || ^9.5",
-                "psalm/plugin-phpunit": "0.18.4",
-                "psr/log": "^1 || ^2 || ^3",
-                "vimeo/psalm": "4.30.0 || 5.12.0"
+                "psr/log": "^1 || ^2 || ^3"
             },
             "suggest": {
                 "psr/log": "Allows logging deprecations via PSR-3 logger implementation"
             "type": "library",
             "autoload": {
                 "psr-4": {
-                    "Doctrine\\Deprecations\\": "lib/Doctrine/Deprecations"
+                    "Doctrine\\Deprecations\\": "src"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
             "homepage": "https://www.doctrine-project.org/",
             "support": {
                 "issues": "https://github.com/doctrine/deprecations/issues",
-                "source": "https://github.com/doctrine/deprecations/tree/1.1.3"
+                "source": "https://github.com/doctrine/deprecations/tree/1.1.4"
             },
-            "time": "2024-01-30T19:34:25+00:00"
+            "time": "2024-12-07T21:18:45+00:00"
         },
         {
             "name": "doctrine/inflector",
         },
         {
             "name": "league/csv",
-            "version": "9.18.0",
+            "version": "9.19.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/csv.git",
-                "reference": "b02d010e4055ae992247f6ffd1e7b103ef2a0790"
+                "reference": "f81df48a012a9e86d077e74eaff666fd15bfab88"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/csv/zipball/b02d010e4055ae992247f6ffd1e7b103ef2a0790",
-                "reference": "b02d010e4055ae992247f6ffd1e7b103ef2a0790",
+                "url": "https://api.github.com/repos/thephpleague/csv/zipball/f81df48a012a9e86d077e74eaff666fd15bfab88",
+                "reference": "f81df48a012a9e86d077e74eaff666fd15bfab88",
                 "shasum": ""
             },
             "require": {
                 "ext-xdebug": "*",
                 "friendsofphp/php-cs-fixer": "^3.64.0",
                 "phpbench/phpbench": "^1.3.1",
-                "phpstan/phpstan": "^1.12.6",
+                "phpstan/phpstan": "^1.12.11",
                 "phpstan/phpstan-deprecation-rules": "^1.2.1",
-                "phpstan/phpstan-phpunit": "^1.4.0",
+                "phpstan/phpstan-phpunit": "^1.4.1",
                 "phpstan/phpstan-strict-rules": "^1.6.1",
-                "phpunit/phpunit": "^10.5.16 || ^11.4.1",
-                "symfony/var-dumper": "^6.4.8 || ^7.1.5"
+                "phpunit/phpunit": "^10.5.16 || ^11.4.3",
+                "symfony/var-dumper": "^6.4.8 || ^7.1.8"
             },
             "suggest": {
                 "ext-dom": "Required to use the XMLConverter and the HTMLConverter classes",
                     "type": "github"
                 }
             ],
-            "time": "2024-10-18T08:14:48+00:00"
+            "time": "2024-12-08T08:09:35+00:00"
         },
         {
             "name": "league/flysystem",
         },
         {
             "name": "league/uri",
-            "version": "7.4.1",
+            "version": "7.5.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/uri.git",
-                "reference": "bedb6e55eff0c933668addaa7efa1e1f2c417cc4"
+                "reference": "81fb5145d2644324614cc532b28efd0215bda430"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/uri/zipball/bedb6e55eff0c933668addaa7efa1e1f2c417cc4",
-                "reference": "bedb6e55eff0c933668addaa7efa1e1f2c417cc4",
+                "url": "https://api.github.com/repos/thephpleague/uri/zipball/81fb5145d2644324614cc532b28efd0215bda430",
+                "reference": "81fb5145d2644324614cc532b28efd0215bda430",
                 "shasum": ""
             },
             "require": {
-                "league/uri-interfaces": "^7.3",
+                "league/uri-interfaces": "^7.5",
                 "php": "^8.1"
             },
             "conflict": {
                 "docs": "https://uri.thephpleague.com",
                 "forum": "https://thephpleague.slack.com",
                 "issues": "https://github.com/thephpleague/uri-src/issues",
-                "source": "https://github.com/thephpleague/uri/tree/7.4.1"
+                "source": "https://github.com/thephpleague/uri/tree/7.5.1"
             },
             "funding": [
                 {
                     "type": "github"
                 }
             ],
-            "time": "2024-03-23T07:42:40+00:00"
+            "time": "2024-12-08T08:40:02+00:00"
         },
         {
             "name": "league/uri-interfaces",
-            "version": "7.4.1",
+            "version": "7.5.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/uri-interfaces.git",
-                "reference": "8d43ef5c841032c87e2de015972c06f3865ef718"
+                "reference": "08cfc6c4f3d811584fb09c37e2849e6a7f9b0742"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/uri-interfaces/zipball/8d43ef5c841032c87e2de015972c06f3865ef718",
-                "reference": "8d43ef5c841032c87e2de015972c06f3865ef718",
+                "url": "https://api.github.com/repos/thephpleague/uri-interfaces/zipball/08cfc6c4f3d811584fb09c37e2849e6a7f9b0742",
+                "reference": "08cfc6c4f3d811584fb09c37e2849e6a7f9b0742",
                 "shasum": ""
             },
             "require": {
                 "docs": "https://uri.thephpleague.com",
                 "forum": "https://thephpleague.slack.com",
                 "issues": "https://github.com/thephpleague/uri-src/issues",
-                "source": "https://github.com/thephpleague/uri-interfaces/tree/7.4.1"
+                "source": "https://github.com/thephpleague/uri-interfaces/tree/7.5.0"
             },
             "funding": [
                 {
                     "type": "github"
                 }
             ],
-            "time": "2024-03-23T07:42:40+00:00"
+            "time": "2024-12-08T08:18:47+00:00"
         },
         {
             "name": "livewire/livewire",

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

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

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

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

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

     }
 </style>
 
-<x-company.invoice.container class="classic-template-container">
+<x-company.invoice.container class="classic-template-container" preview>
     <!-- Header Section -->
     <x-company.invoice.header class="default-template-header">
         <div class="w-2/3 text-left ml-6">

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

     }
 </style>
 
-<x-company.invoice.container class="default-template-container">
+<x-company.invoice.container class="default-template-container" preview>
 
     <x-company.invoice.header class="default-template-header border-b-2 p-6 pb-4">
         <div class="w-2/3">

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

     }
 </style>
 
-<x-company.invoice.container class="modern-template-container">
+<x-company.invoice.container class="modern-template-container" preview>
 
     <!-- Colored Header with Logo -->
     <x-company.invoice.header class="bg-gray-800 h-20">

resources/views/filament/company/resources/sales/invoices/components/invoice-view.blade.php

+@php
+    /** @var \App\Models\Accounting\Invoice $invoice */
+    $invoiceSettings = $invoice->company->defaultInvoice;
+
+    $company = $invoice->company;
+
+    use App\Utilities\Currency\CurrencyConverter;
+@endphp
+
+<x-company.invoice.container class="modern-template-container">
+    <!-- Colored Header with Logo -->
+    <x-company.invoice.header class="bg-gray-800 h-24">
+        <!-- Logo -->
+        <div class="w-2/3">
+            @if($invoice->logo && $invoiceSettings->show_logo)
+                <x-company.invoice.logo class="ml-8" :src="$invoice->logo"/>
+            @endif
+        </div>
+
+        <!-- Ribbon Container -->
+        <div class="w-1/3 absolute right-0 top-0 p-3 h-32 flex flex-col justify-end rounded-bl-sm"
+             style="background: {{ $invoiceSettings->accent_color }};">
+            @if($invoice->header)
+                <h1 class="text-4xl font-bold text-white text-center uppercase">{{ $invoice->header }}</h1>
+            @endif
+        </div>
+    </x-company.invoice.header>
+
+    <!-- Company Details -->
+    <x-company.invoice.metadata class="modern-template-metadata space-y-8">
+        <div class="text-sm">
+            <h2 class="text-lg font-semibold">{{ $company->name }}</h2>
+            @if($company->profile->address && $company->profile->city?->name && $company->profile->state?->name && $company->profile?->zip_code)
+                <p>{{ $company->profile->address }}</p>
+                <p>{{ $company->profile->city->name }}
+                    , {{ $company->profile->state->name }} {{ $company->profile->zip_code }}</p>
+                <p>{{ $company->profile->state->country->name }}</p>
+            @endif
+        </div>
+
+        <div class="flex justify-between items-end">
+            <!-- Billing Details -->
+            <div class="text-sm tracking-tight">
+                <h3 class="text-gray-600 dark:text-gray-400 font-medium tracking-tight mb-1">BILL TO</h3>
+                <p class="text-base font-bold"
+                   style="color: {{ $invoiceSettings->accent_color }}">{{ $invoice->client->name }}</p>
+
+                @if($invoice->client->billingAddress)
+                    @php
+                        $address = $invoice->client->billingAddress;
+                    @endphp
+                    @if($address->address_line_1)
+                        <p>{{ $address->address_line_1 }}</p>
+                    @endif
+                    @if($address->address_line_2)
+                        <p>{{ $address->address_line_2 }}</p>
+                    @endif
+                    <p>
+                        {{ $address->city }}{{ $address->state ? ', ' . $address->state : '' }}
+                        {{ $address->postal_code }}
+                    </p>
+                    @if($address->country)
+                        <p>{{ $address->country }}</p>
+                    @endif
+                @endif
+            </div>
+
+            <div class="text-sm tracking-tight">
+                <table class="min-w-full">
+                    <tbody>
+                    <tr>
+                        <td class="font-semibold text-right pr-2">Invoice Number:</td>
+                        <td class="text-left pl-2">{{ $invoice->invoice_number }}</td>
+                    </tr>
+                    @if($invoice->order_number)
+                        <tr>
+                            <td class="font-semibold text-right pr-2">P.O/S.O Number:</td>
+                            <td class="text-left pl-2">{{ $invoice->order_number }}</td>
+                        </tr>
+                    @endif
+                    <tr>
+                        <td class="font-semibold text-right pr-2">Invoice Date:</td>
+                        <td class="text-left pl-2">{{ $invoice->date->toDefaultDateFormat() }}</td>
+                    </tr>
+                    <tr>
+                        <td class="font-semibold text-right pr-2">Payment Due:</td>
+                        <td class="text-left pl-2">{{ $invoice->due_date->toDefaultDateFormat() }}</td>
+                    </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </x-company.invoice.metadata>
+
+    <!-- Line Items Table -->
+    <x-company.invoice.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">
+                <th class="text-left pl-6 w-[45%] py-4">Items</th>
+                <th class="text-center w-[15%] py-4">Quantity</th>
+                <th class="text-right w-[20%] py-4">Price</th>
+                <th class="text-right pr-6 w-[20%] py-4">Amount</th>
+            </tr>
+            </thead>
+            <tbody class="text-sm tracking-tight border-y-2">
+            @foreach($invoice->lineItems as $index => $item)
+                <tr @class(['bg-gray-100 dark:bg-gray-800' => $index % 2 === 0])>
+                    <td class="text-left pl-6 font-semibold py-3">
+                        {{ $item->offering->name }}
+                        @if($item->description)
+                            <div class="text-gray-600 font-normal line-clamp-2 mt-1">{{ $item->description }}</div>
+                        @endif
+                    </td>
+                    <td class="text-center py-3">{{ $item->quantity }}</td>
+                    <td class="text-right py-3">{{ CurrencyConverter::formatToMoney($item->unit_price) }}</td>
+                    <td class="text-right pr-6 py-3">{{ CurrencyConverter::formatToMoney($item->subtotal) }}</td>
+                </tr>
+            @endforeach
+            </tbody>
+            <tfoot class="text-sm tracking-tight">
+            <tr>
+                <td class="pl-6 py-2" colspan="2"></td>
+                <td class="text-right font-semibold py-2">Subtotal:</td>
+                <td class="text-right pr-6 py-2">{{ CurrencyConverter::formatToMoney($invoice->subtotal) }}</td>
+            </tr>
+            @if($invoice->discount_total)
+                <tr class="text-success-800 dark:text-success-600">
+                    <td class="pl-6 py-2" colspan="2"></td>
+                    <td class="text-right py-2">Discount:</td>
+                    <td class="text-right pr-6 py-2">
+                        ({{ CurrencyConverter::formatToMoney($invoice->discount_total) }})
+                    </td>
+                </tr>
+            @endif
+            @if($invoice->tax_total)
+                <tr>
+                    <td class="pl-6 py-2" colspan="2"></td>
+                    <td class="text-right py-2">Tax:</td>
+                    <td class="text-right pr-6 py-2">{{ CurrencyConverter::formatToMoney($invoice->tax_total) }}</td>
+                </tr>
+            @endif
+            <tr>
+                <td class="pl-6 py-2" colspan="2"></td>
+                <td class="text-right font-semibold border-t py-2">Total:</td>
+                <td class="text-right border-t pr-6 py-2">{{ CurrencyConverter::formatToMoney($invoice->total) }}</td>
+            </tr>
+            <tr>
+                <td class="pl-6 py-2" colspan="2"></td>
+                <td class="text-right font-semibold border-t-4 border-double py-2">Amount Due
+                    ({{ $invoice->currency_code }}):
+                </td>
+                <td class="text-right border-t-4 border-double pr-6 py-2">{{ CurrencyConverter::formatToMoney($invoice->amount_due) }}</td>
+            </tr>
+            </tfoot>
+        </table>
+    </x-company.invoice.line-items>
+
+    <!-- Footer Notes -->
+    <x-company.invoice.footer class="modern-template-footer tracking-tight">
+        <h4 class="font-semibold px-6 text-sm" style="color: {{ $invoiceSettings->accent_color }}">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 text-sm">
+            <p class="w-1/2 break-words line-clamp-4">{{ $invoice->terms }}</p>
+            <p class="w-1/2 break-words line-clamp-4">{{ $invoice->footer }}</p>
+        </div>
+    </x-company.invoice.footer>
+</x-company.invoice.container>

resources/views/filament/company/resources/sales/invoices/pages/view-invoice.blade.php

+<x-filament-panels::page
+    @class([
+        'fi-resource-view-record-page',
+        'fi-resource-' . str_replace('/', '-', $this->getResource()::getSlug()),
+        'fi-resource-record-' . $record->getKey(),
+    ])
+>
+    @php
+        $relationManagers = $this->getRelationManagers();
+        $hasCombinedRelationManagerTabsWithContent = $this->hasCombinedRelationManagerTabsWithContent();
+    @endphp
+
+    @if ((! $hasCombinedRelationManagerTabsWithContent) || (! count($relationManagers)))
+        @if ($this->hasInfolist())
+            {{ $this->infolist }}
+        @else
+            <div
+                wire:key="{{ $this->getId() }}.forms.{{ $this->getFormStatePath() }}"
+            >
+                {{ $this->form }}
+            </div>
+        @endif
+    @endif
+
+    @if (count($relationManagers))
+        <x-filament-panels::resources.relation-managers
+            :active-locale="isset($activeLocale) ? $activeLocale : null"
+            :active-manager="$this->activeRelationManager ?? ($hasCombinedRelationManagerTabsWithContent ? null : array_key_first($relationManagers))"
+            :content-tab-label="$this->getContentTabLabel()"
+            :content-tab-icon="$this->getContentTabIcon()"
+            :content-tab-position="$this->getContentTabPosition()"
+            :managers="$relationManagers"
+            :owner-record="$record"
+            :page-class="static::class"
+        >
+            @if ($hasCombinedRelationManagerTabsWithContent)
+                <x-slot name="content">
+                    @if ($this->hasInfolist())
+                        {{ $this->infolist }}
+                    @else
+                        {{ $this->form }}
+                    @endif
+                </x-slot>
+            @endif
+        </x-filament-panels::resources.relation-managers>
+    @endif
+</x-filament-panels::page>