wip

resources/views/components/company/tables/category-header.blade.php

@@ -0,0 +1,20 @@
+@props([
+    'categoryHeaders',
+    'alignmentClass' => null,
+])
+
+
+<tr class="bg-gray-50 dark:bg-white/5">
+    @foreach($categoryHeaders as $index => $header)
+        <th
+            @class([
+                'px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6',
+                $alignmentClass($index) => $alignmentClass,
+            ])
+        >
+            <span class="text-sm font-semibold leading-6 text-gray-950 dark:text-white">
+                {{ $header }}
+            </span>
+        </th>
+    @endforeach
+</tr>

resources/views/components/company/tables/cell.blade.php

@@ -0,0 +1,23 @@
+@props([
+    'alignmentClass',
+    'indent' => false,
+    'bold' => false,
+])
+
+<td
+    @class([
+        $alignmentClass,
+        'last-of-type:pe-1 sm:last-of-type:pe-3',
+        'ps-3 sm:ps-6' => $indent,
+        'p-0 first-of-type:ps-1 sm:first-of-type:ps-3' => ! $indent,
+    ])
+>
+    <div
+        @class([
+            'px-3 py-4 text-sm leading-6 text-gray-950 dark:text-white',
+            'font-semibold' => $bold,
+        ])
+    >
+        {{ $slot }}
+    </div>
+</td>

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

@@ -7,7 +7,7 @@
 <tr class="bg-gray-50 dark:bg-white/5">
     @foreach($headers as $headerIndex => $headerCell)
         <th class="px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6 {{ $alignmentClass($headerIndex) }}">
-            <span class="text-sm font-semibold text-gray-950 dark:text-white">
+            <span class="text-sm font-semibold leading-6 text-gray-950 dark:text-white">
                 {{ $headerCell }}
             </span>
         </th>

resources/views/components/company/tables/reports/account-transactions.blade.php

@@ -1,23 +1,11 @@
 <table class="w-full table-auto divide-y divide-gray-200 dark:divide-white/5">
-    <thead class="divide-y divide-gray-200 dark:divide-white/5">
-    <tr class="bg-gray-50 dark:bg-white/5">
-        @foreach($report->getHeaders() as $index => $header)
-            <th wire:key="header-{{ $index }}"
-                class="px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6 {{ $report->getAlignmentClass($index) }}">
-                    <span class="text-sm font-semibold text-gray-950 dark:text-white">
-                        {{ $header }}
-                    </span>
-            </th>
-        @endforeach
-    </tr>
-    </thead>
+    <x-company.tables.header :headers="$report->getHeaders()" :alignmentClass="[$report, 'getAlignmentClass']"/>
     @foreach($report->getCategories() as $categoryIndex => $category)
-        <tbody wire:key="category-{{ $categoryIndex }}"
-               class="divide-y divide-gray-200 whitespace-nowrap dark:divide-white/5">
+        <tbody class="divide-y divide-gray-200 whitespace-nowrap dark:divide-white/5">
         <!-- Category Header -->
         <tr class="bg-gray-50 dark:bg-white/5">
             <x-filament-tables::cell colspan="{{ count($report->getHeaders()) }}" class="text-left">
-                <div class="px-3 py-2">
+                <div class="px-3 py-3.5">
                     @foreach ($category->header as $headerRow)
                         <div
                             class="text-sm {{ $loop->first ? 'font-semibold text-gray-950 dark:text-white' : 'text-gray-500 dark:text-white/50' }}">
@@ -33,14 +21,13 @@
         </tr>
         <!-- Transactions Data -->
         @foreach($category->data as $dataIndex => $transaction)
-            <tr wire:key="category-{{ $categoryIndex }}-data-{{ $dataIndex }}"
+            <tr
                 @class([
                     'bg-gray-50 dark:bg-white/5' => $loop->first || $loop->last || $loop->remaining === 1,
                 ])
             >
                 @foreach($transaction as $cellIndex => $cell)
                     <x-filament-tables::cell
-                        wire:key="category-{{ $categoryIndex }}-data-{{ $dataIndex }}-cell-{{ $cellIndex }}"
                         @class([
                            $report->getAlignmentClass($cellIndex),
                            'whitespace-normal' => $cellIndex === 1,
@@ -80,10 +67,10 @@
         @endforeach
         <!-- Spacer Row -->
         @unless($loop->last)
-            <tr wire:key="category-{{ $categoryIndex }}-spacer">
-                <x-filament-tables::cell colspan="{{ count($report->getHeaders()) }}">
-                    <div class="px-3 py-2 leading-6 invisible">Hidden Text</div>
-                </x-filament-tables::cell>
+            <tr>
+                <td colspan="{{ count($report->getHeaders()) }}">
+                    <div class="min-h-12"></div>
+                </td>
             </tr>
         @endunless
         </tbody>

resources/views/components/company/tables/reports/balance-sheet-summary.blade.php

@@ -2,12 +2,12 @@
     <thead class="divide-y divide-gray-200 dark:divide-white/5">
     <tr class="bg-gray-50 dark:bg-white/5">
         <th class="px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6 text-left">
-            <span class="text-sm font-semibold text-gray-950 dark:text-white">
+            <span class="text-sm font-semibold leading-6 text-gray-950 dark:text-white">
                 Accounts
             </span>
         </th>
         <th class="px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6 text-right">
-            <span class="text-sm font-semibold text-gray-950 dark:text-white">
+            <span class="text-sm font-semibold leading-6 text-gray-950 dark:text-white">
                 Amount
             </span>
         </th>
@@ -17,11 +17,11 @@
         <tbody class="divide-y divide-gray-200 whitespace-nowrap dark:divide-white/5">
         <tr class="bg-gray-50 dark:bg-white/5">
             @foreach($accountCategory->header as $accountCategoryHeaderIndex => $accountCategoryHeaderCell)
-                <x-filament-tables::cell class="{{ $accountCategoryHeaderIndex === 0 ? 'text-left' : 'text-right' }}">
-                    <div class="px-3 py-2 text-sm leading-6 font-semibold text-gray-950 dark:text-white">
+                <th class="px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6 {{ $accountCategoryHeaderIndex === 0 ? 'text-left' : 'text-right' }}">
+                    <span class="text-sm font-semibold leading-6 text-gray-950 dark:text-white">
                         {{ $accountCategoryHeaderCell }}
-                    </div>
-                </x-filament-tables::cell>
+                    </span>
+                </th>
             @endforeach
         </tr>
         @foreach($accountCategory->types as $accountType)
@@ -29,7 +29,7 @@
                 @foreach($accountType->summary as $accountTypeSummaryIndex => $accountTypeSummaryCell)
                     <x-filament-tables::cell
                         class="{{ $accountTypeSummaryIndex === 0 ? 'text-left' : 'text-right' }} ps-8">
-                        <div class="px-3 py-2 text-sm leading-6 font-normal text-gray-950 dark:text-white">
+                        <div class="px-3 py-4 text-sm leading-6 text-gray-950 dark:text-white">
                             {{ $accountTypeSummaryCell }}
                         </div>
                     </x-filament-tables::cell>
@@ -39,16 +39,16 @@
         <tr>
             @foreach($accountCategory->summary as $accountCategorySummaryIndex => $accountCategorySummaryCell)
                 <x-filament-tables::cell class="{{ $accountCategorySummaryIndex === 0 ? 'text-left' : 'text-right' }}">
-                    <div class="px-3 py-2 text-sm leading-6 font-semibold text-gray-950 dark:text-white">
+                    <div class="px-3 py-4 text-sm leading-6 font-semibold text-gray-950 dark:text-white">
                         {{ $accountCategorySummaryCell }}
                     </div>
                 </x-filament-tables::cell>
             @endforeach
         </tr>
         <tr>
-            <x-filament-tables::cell colspan="2">
-                <div class="px-3 py-2 leading-6 invisible">Hidden Text</div>
-            </x-filament-tables::cell>
+            <td colspan="2">
+                <div class="min-h-12"></div>
+            </td>
         </tr>
         </tbody>
     @endforeach

resources/views/components/company/tables/reports/balance-sheet.blade.php

@@ -1,147 +1,131 @@
 <table class="w-full table-auto divide-y divide-gray-200 dark:divide-white/5">
-    <x-company.tables.header :headers="$report->getHeaders()" :alignmentClass="[$report, 'getAlignmentClass']"/>
+    <x-company.tables.header :headers="$report->getHeaders()" :alignment-class="[$report, 'getAlignmentClass']"/>
     @foreach($report->getCategories() as $accountCategory)
         <tbody class="divide-y divide-gray-200 whitespace-nowrap dark:divide-white/5">
-        <tr class="bg-gray-50 dark:bg-white/5">
-            @foreach($accountCategory->header as $accountCategoryHeaderIndex => $accountCategoryHeaderCell)
-                <x-filament-tables::cell class="{{ $report->getAlignmentClass($accountCategoryHeaderIndex) }}">
-                    <div class="px-3 py-2 text-sm leading-6 font-semibold text-gray-950 dark:text-white">
-                        {{ $accountCategoryHeaderCell }}
-                    </div>
-                </x-filament-tables::cell>
-            @endforeach
-        </tr>
+        <x-company.tables.category-header :category-headers="$accountCategory->header"
+                                          :alignment-class="[$report, 'getAlignmentClass']"/>
         @foreach($accountCategory->data as $categoryAccount)
             <tr>
                 @foreach($categoryAccount as $accountIndex => $categoryAccountCell)
-                    <x-filament-tables::cell class="{{ $report->getAlignmentClass($accountIndex) }}"
-                                             style="padding-left: 1.5rem;">
-                        <div class="px-3 py-4 text-sm leading-6 text-gray-950 dark:text-white">
-                            @if(is_array($categoryAccountCell) && isset($categoryAccountCell['name']))
-                                @if($categoryAccountCell['name'] === 'Retained Earnings' && isset($categoryAccountCell['start_date']) && isset($categoryAccountCell['end_date']))
-                                    <x-filament::link
-                                        color="primary"
-                                        target="_blank"
-                                        icon="heroicon-o-arrow-top-right-on-square"
-                                        :icon-position="\Filament\Support\Enums\IconPosition::After"
-                                        :icon-size="\Filament\Support\Enums\IconSize::Small"
-                                        href="{{ \App\Filament\Company\Pages\Reports\IncomeStatement::getUrl([
+                    <x-company.tables.cell :alignment-class="$report->getAlignmentClass($accountIndex)"
+                                           indent="true">
+                        @if(is_array($categoryAccountCell) && isset($categoryAccountCell['name']))
+                            @if($categoryAccountCell['name'] === 'Retained Earnings' && isset($categoryAccountCell['start_date']) && isset($categoryAccountCell['end_date']))
+                                <x-filament::link
+                                    color="primary"
+                                    target="_blank"
+                                    icon="heroicon-o-arrow-top-right-on-square"
+                                    :icon-position="\Filament\Support\Enums\IconPosition::After"
+                                    :icon-size="\Filament\Support\Enums\IconSize::Small"
+                                    href="{{ \App\Filament\Company\Pages\Reports\IncomeStatement::getUrl([
                                             'startDate' => $categoryAccountCell['start_date'],
                                             'endDate' => $categoryAccountCell['end_date']
                                         ]) }}"
-                                    >
-                                        {{ $categoryAccountCell['name'] }}
-                                    </x-filament::link>
-                                @elseif(isset($categoryAccountCell['id']) && isset($categoryAccountCell['start_date']) && isset($categoryAccountCell['end_date']))
-                                    <x-filament::link
-                                        color="primary"
-                                        target="_blank"
-                                        icon="heroicon-o-arrow-top-right-on-square"
-                                        :icon-position="\Filament\Support\Enums\IconPosition::After"
-                                        :icon-size="\Filament\Support\Enums\IconSize::Small"
-                                        href="{{ \App\Filament\Company\Pages\Reports\AccountTransactions::getUrl([
+                                >
+                                    {{ $categoryAccountCell['name'] }}
+                                </x-filament::link>
+                            @elseif(isset($categoryAccountCell['id']) && isset($categoryAccountCell['start_date']) && isset($categoryAccountCell['end_date']))
+                                <x-filament::link
+                                    color="primary"
+                                    target="_blank"
+                                    icon="heroicon-o-arrow-top-right-on-square"
+                                    :icon-position="\Filament\Support\Enums\IconPosition::After"
+                                    :icon-size="\Filament\Support\Enums\IconSize::Small"
+                                    href="{{ \App\Filament\Company\Pages\Reports\AccountTransactions::getUrl([
                                             'startDate' => $categoryAccountCell['start_date'],
                                             'endDate' => $categoryAccountCell['end_date'],
                                             'selectedAccount' => $categoryAccountCell['id']
                                         ]) }}"
-                                    >
-                                        {{ $categoryAccountCell['name'] }}
-                                    </x-filament::link>
-                                @else
+                                >
                                     {{ $categoryAccountCell['name'] }}
-                                @endif
+                                </x-filament::link>
                             @else
-                                {{ $categoryAccountCell }}
+                                {{ $categoryAccountCell['name'] }}
                             @endif
-                        </div>
-                    </x-filament-tables::cell>
+                        @else
+                            {{ $categoryAccountCell }}
+                        @endif
+                    </x-company.tables.cell>
                 @endforeach
             </tr>
         @endforeach
         @foreach($accountCategory->types as $accountType)
             <tr class="bg-gray-50 dark:bg-white/5">
                 @foreach($accountType->header as $accountTypeHeaderIndex => $accountTypeHeaderCell)
-                    <x-filament-tables::cell class="{{ $report->getAlignmentClass($accountTypeHeaderIndex) }}"
-                                             style="padding-left: 1.5rem;">
-                        <div class="px-3 py-2 text-sm leading-6 font-semibold text-gray-950 dark:text-white">
-                            {{ $accountTypeHeaderCell }}
-                        </div>
-                    </x-filament-tables::cell>
+                    <x-company.tables.cell :alignment-class="$report->getAlignmentClass($accountTypeHeaderIndex)"
+                                           indent="true" bold="true">
+                        {{ $accountTypeHeaderCell }}
+                    </x-company.tables.cell>
                 @endforeach
             </tr>
             @foreach($accountType->data as $typeAccount)
                 <tr>
                     @foreach($typeAccount as $accountIndex => $typeAccountCell)
-                        <x-filament-tables::cell class="{{ $report->getAlignmentClass($accountIndex) }}"
-                                                 style="padding-left: 1.5rem;">
-                            <div class="px-3 py-4 text-sm leading-6 text-gray-950 dark:text-white">
-                                @if(is_array($typeAccountCell) && isset($typeAccountCell['name']))
-                                    @if($typeAccountCell['name'] === 'Retained Earnings' && isset($typeAccountCell['start_date']) && isset($typeAccountCell['end_date']))
-                                        <x-filament::link
-                                            color="primary"
-                                            target="_blank"
-                                            icon="heroicon-o-arrow-top-right-on-square"
-                                            :icon-position="\Filament\Support\Enums\IconPosition::After"
-                                            :icon-size="\Filament\Support\Enums\IconSize::Small"
-                                            href="{{ \App\Filament\Company\Pages\Reports\IncomeStatement::getUrl([
+                        <x-company.tables.cell :alignment-class="$report->getAlignmentClass($accountIndex)"
+                                               indent="true">
+                            @if(is_array($typeAccountCell) && isset($typeAccountCell['name']))
+                                @if($typeAccountCell['name'] === 'Retained Earnings' && isset($typeAccountCell['start_date']) && isset($typeAccountCell['end_date']))
+                                    <x-filament::link
+                                        color="primary"
+                                        target="_blank"
+                                        icon="heroicon-o-arrow-top-right-on-square"
+                                        :icon-position="\Filament\Support\Enums\IconPosition::After"
+                                        :icon-size="\Filament\Support\Enums\IconSize::Small"
+                                        href="{{ \App\Filament\Company\Pages\Reports\IncomeStatement::getUrl([
                                             'startDate' => $typeAccountCell['start_date'],
                                             'endDate' => $typeAccountCell['end_date']
                                         ]) }}"
-                                        >
-                                            {{ $typeAccountCell['name'] }}
-                                        </x-filament::link>
-                                    @elseif(isset($typeAccountCell['id']) && isset($typeAccountCell['start_date']) && isset($typeAccountCell['end_date']))
-                                        <x-filament::link
-                                            color="primary"
-                                            target="_blank"
-                                            icon="heroicon-o-arrow-top-right-on-square"
-                                            :icon-position="\Filament\Support\Enums\IconPosition::After"
-                                            :icon-size="\Filament\Support\Enums\IconSize::Small"
-                                            href="{{ \App\Filament\Company\Pages\Reports\AccountTransactions::getUrl([
+                                    >
+                                        {{ $typeAccountCell['name'] }}
+                                    </x-filament::link>
+                                @elseif(isset($typeAccountCell['id']) && isset($typeAccountCell['start_date']) && isset($typeAccountCell['end_date']))
+                                    <x-filament::link
+                                        color="primary"
+                                        target="_blank"
+                                        icon="heroicon-o-arrow-top-right-on-square"
+                                        :icon-position="\Filament\Support\Enums\IconPosition::After"
+                                        :icon-size="\Filament\Support\Enums\IconSize::Small"
+                                        href="{{ \App\Filament\Company\Pages\Reports\AccountTransactions::getUrl([
                                             'startDate' => $typeAccountCell['start_date'],
                                             'endDate' => $typeAccountCell['end_date'],
                                             'selectedAccount' => $typeAccountCell['id']
                                         ]) }}"
-                                        >
-                                            {{ $typeAccountCell['name'] }}
-                                        </x-filament::link>
-                                    @else
+                                    >
                                         {{ $typeAccountCell['name'] }}
-                                    @endif
+                                    </x-filament::link>
                                 @else
-                                    {{ $typeAccountCell }}
+                                    {{ $typeAccountCell['name'] }}
                                 @endif
-                            </div>
-                        </x-filament-tables::cell>
+                            @else
+                                {{ $typeAccountCell }}
+                            @endif
+                        </x-company.tables.cell>
                     @endforeach
                 </tr>
             @endforeach
             <tr>
                 @foreach($accountType->summary as $accountTypeSummaryIndex => $accountTypeSummaryCell)
-                    <x-filament-tables::cell class="{{ $report->getAlignmentClass($accountTypeSummaryIndex) }}"
-                                             style="padding-left: 1.5rem;">
-                        <div class="px-3 py-3 text-sm leading-6 font-semibold text-gray-950 dark:text-white">
-                            {{ $accountTypeSummaryCell }}
-                        </div>
-                    </x-filament-tables::cell>
+                    <x-company.tables.cell :alignment-class="$report->getAlignmentClass($accountTypeSummaryIndex)"
+                                           indent="true" bold="true">
+                        {{ $accountTypeSummaryCell }}
+                    </x-company.tables.cell>
                 @endforeach
             </tr>
         @endforeach
         <tr>
             @foreach($accountCategory->summary as $accountCategorySummaryIndex => $accountCategorySummaryCell)
-                <x-filament-tables::cell class="{{ $report->getAlignmentClass($accountCategorySummaryIndex) }}">
-                    <div class="px-3 py-3 text-sm leading-6 font-semibold text-gray-950 dark:text-white">
-                        {{ $accountCategorySummaryCell }}
-                    </div>
-                </x-filament-tables::cell>
+                <x-company.tables.cell :alignment-class="$report->getAlignmentClass($accountCategorySummaryIndex)"
+                                       bold="true">
+                    {{ $accountCategorySummaryCell }}
+                </x-company.tables.cell>
             @endforeach
         </tr>
         <tr>
-            <x-filament-tables::cell colspan="{{ count($report->getHeaders()) }}">
-                <div class="px-3 py-3 leading-6 invisible">Hidden Text</div>
-            </x-filament-tables::cell>
+            <td colspan="{{ count($report->getHeaders()) }}">
+                <div class="min-h-12"></div>
+            </td>
         </tr>
         </tbody>
     @endforeach
-    <x-company.tables.footer :totals="$report->getOverallTotals()" :alignmentClass="[$report, 'getAlignmentClass']"/>
+    <x-company.tables.footer :totals="$report->getOverallTotals()" :alignment-class="[$report, 'getAlignmentClass']"/>
 </table>

resources/views/components/company/tables/reports/detailed-report.blade.php

@@ -1,99 +1,67 @@
 <table class="w-full table-auto divide-y divide-gray-200 dark:divide-white/5">
-    <thead class="divide-y divide-gray-200 dark:divide-white/5">
-    <tr class="bg-gray-50 dark:bg-white/5">
-        @foreach($report->getHeaders() as $index => $header)
-            <th class="px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6 {{ $report->getAlignmentClass($index) }}">
-                <span class="text-sm font-semibold text-gray-950 dark:text-white">
-                    {{ $header }}
-                </span>
-            </th>
-        @endforeach
-    </tr>
-    </thead>
-    @foreach($report->getCategories() as $categoryIndex => $category)
+    <x-company.tables.header :headers="$report->getHeaders()" :alignment-class="[$report, 'getAlignmentClass']"/>
+    @foreach($report->getCategories() as $accountCategory)
         <tbody class="divide-y divide-gray-200 whitespace-nowrap dark:divide-white/5">
-        <tr class="bg-gray-50 dark:bg-white/5">
-            @foreach($category->header as $headerIndex => $header)
-                <x-filament-tables::cell class="{{ $report->getAlignmentClass($headerIndex) }}">
-                    <div class="px-3 py-2 text-sm leading-6 font-semibold text-gray-950 dark:text-white">
-                        {{ $header }}
-                    </div>
-                </x-filament-tables::cell>
-            @endforeach
-        </tr>
-        @foreach($category->data as $dataIndex => $account)
+        <x-company.tables.category-header :category-headers="$accountCategory->header"
+                                          :alignment-class="[$report, 'getAlignmentClass']"/>
+        @foreach($accountCategory->data as $categoryAccount)
             <tr>
-                @foreach($account as $cellIndex => $cell)
-                    <x-filament-tables::cell class="{{ $report->getAlignmentClass($cellIndex) }}">
-                        <div class="px-3 py-4 text-sm leading-6 text-gray-950 dark:text-white">
-                            @if(is_array($cell) && isset($cell['name']))
-                                @if($cell['name'] === 'Retained Earnings' && isset($cell['start_date']) && isset($cell['end_date']))
-                                    <x-filament::link
-                                        color="primary"
-                                        target="_blank"
-                                        icon="heroicon-o-arrow-top-right-on-square"
-                                        :icon-position="\Filament\Support\Enums\IconPosition::After"
-                                        :icon-size="\Filament\Support\Enums\IconSize::Small"
-                                        href="{{ \App\Filament\Company\Pages\Reports\IncomeStatement::getUrl([
-                                            'startDate' => $cell['start_date'],
-                                            'endDate' => $cell['end_date']
+                @foreach($categoryAccount as $accountIndex => $categoryAccountCell)
+                    <x-company.tables.cell :alignment-class="$report->getAlignmentClass($accountIndex)">
+                        @if(is_array($categoryAccountCell) && isset($categoryAccountCell['name']))
+                            @if($categoryAccountCell['name'] === 'Retained Earnings' && isset($categoryAccountCell['start_date']) && isset($categoryAccountCell['end_date']))
+                                <x-filament::link
+                                    color="primary"
+                                    target="_blank"
+                                    icon="heroicon-o-arrow-top-right-on-square"
+                                    :icon-position="\Filament\Support\Enums\IconPosition::After"
+                                    :icon-size="\Filament\Support\Enums\IconSize::Small"
+                                    href="{{ \App\Filament\Company\Pages\Reports\IncomeStatement::getUrl([
+                                            'startDate' => $categoryAccountCell['start_date'],
+                                            'endDate' => $categoryAccountCell['end_date']
                                         ]) }}"
-                                    >
-                                        {{ $cell['name'] }}
-                                    </x-filament::link>
-                                @elseif(isset($cell['id']) && isset($cell['start_date']) && isset($cell['end_date']))
-                                    <x-filament::link
-                                        color="primary"
-                                        target="_blank"
-                                        icon="heroicon-o-arrow-top-right-on-square"
-                                        :icon-position="\Filament\Support\Enums\IconPosition::After"
-                                        :icon-size="\Filament\Support\Enums\IconSize::Small"
-                                        href="{{ \App\Filament\Company\Pages\Reports\AccountTransactions::getUrl([
-                                            'startDate' => $cell['start_date'],
-                                            'endDate' => $cell['end_date'],
-                                            'selectedAccount' => $cell['id']
+                                >
+                                    {{ $categoryAccountCell['name'] }}
+                                </x-filament::link>
+                            @elseif(isset($categoryAccountCell['id']) && isset($categoryAccountCell['start_date']) && isset($categoryAccountCell['end_date']))
+                                <x-filament::link
+                                    color="primary"
+                                    target="_blank"
+                                    icon="heroicon-o-arrow-top-right-on-square"
+                                    :icon-position="\Filament\Support\Enums\IconPosition::After"
+                                    :icon-size="\Filament\Support\Enums\IconSize::Small"
+                                    href="{{ \App\Filament\Company\Pages\Reports\AccountTransactions::getUrl([
+                                            'startDate' => $categoryAccountCell['start_date'],
+                                            'endDate' => $categoryAccountCell['end_date'],
+                                            'selectedAccount' => $categoryAccountCell['id']
                                         ]) }}"
-                                    >
-                                        {{ $cell['name'] }}
-                                    </x-filament::link>
-                                @else
-                                    {{ $cell['name'] }}
-                                @endif
+                                >
+                                    {{ $categoryAccountCell['name'] }}
+                                </x-filament::link>
                             @else
-                                {{ $cell }}
+                                {{ $categoryAccountCell['name'] }}
                             @endif
-                        </div>
-                    </x-filament-tables::cell>
+                        @else
+                            {{ $categoryAccountCell }}
+                        @endif
+                    </x-company.tables.cell>
                 @endforeach
             </tr>
         @endforeach
         <tr>
-            @foreach($category->summary as $summaryIndex => $cell)
-                <x-filament-tables::cell class="{{ $report->getAlignmentClass($summaryIndex) }}">
-                    <div class="px-3 py-2 text-sm leading-6 font-semibold text-gray-950 dark:text-white">
-                        {{ $cell }}
-                    </div>
-                </x-filament-tables::cell>
+            @foreach($accountCategory->summary as $accountCategorySummaryIndex => $accountCategorySummaryCell)
+                <x-company.tables.cell :alignment-class="$report->getAlignmentClass($accountCategorySummaryIndex)"
+                                       bold="true">
+                    {{ $accountCategorySummaryCell }}
+                </x-company.tables.cell>
             @endforeach
         </tr>
         <tr>
-            <x-filament-tables::cell colspan="{{ count($report->getHeaders()) }}">
-                <div class="px-3 py-2 leading-6 invisible">Hidden Text</div>
-            </x-filament-tables::cell>
+            <td colspan="{{ count($report->getHeaders()) }}">
+                <div class="min-h-12"></div>
+            </td>
         </tr>
         </tbody>
     @endforeach
-    @if(! empty($report->getOverallTotals()))
-        <tfoot>
-        <tr class="bg-gray-50 dark:bg-white/5">
-            @foreach($report->getOverallTotals() as $index => $total)
-                <x-filament-tables::cell class="{{ $report->getAlignmentClass($index) }}">
-                    <div class="px-3 py-2 text-sm leading-6 font-semibold text-gray-950 dark:text-white">
-                        {{ $total }}
-                    </div>
-                </x-filament-tables::cell>
-            @endforeach
-        </tr>
-        </tfoot>
-    @endif
+    <x-company.tables.footer :totals="$report->getOverallTotals()" :alignment-class="[$report, 'getAlignmentClass']"/>
 </table>

resources/views/components/company/tables/reports/income-statement-summary.blade.php

@@ -2,12 +2,12 @@
     <thead class="divide-y divide-gray-200 dark:divide-white/5">
     <tr class="bg-gray-50 dark:bg-white/5">
         <th class="px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6 text-left">
-            <span class="text-sm font-semibold text-gray-950 dark:text-white">
+            <span class="text-sm font-semibold leading-6 text-gray-950 dark:text-white">
                 Accounts
             </span>
         </th>
         <th class="px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6 text-right">
-            <span class="text-sm font-semibold text-gray-950 dark:text-white">
+            <span class="text-sm font-semibold leading-6 text-gray-950 dark:text-white">
                 Amount
             </span>
         </th>
@@ -18,7 +18,7 @@
         <tr>
             @foreach($accountCategory->summary as $accountCategorySummaryIndex => $accountCategorySummaryCell)
                 <x-filament-tables::cell class="{{ $accountCategorySummaryIndex === 0 ? 'text-left' : 'text-right' }}">
-                    <div class="px-3 py-2 text-sm leading-6 font-normal text-gray-950 dark:text-white">
+                    <div class="px-3 py-4 text-sm leading-6 font-normal text-gray-950 dark:text-white">
                         {{ $accountCategorySummaryCell }}
                     </div>
                 </x-filament-tables::cell>
@@ -38,7 +38,7 @@
         @endif
         </tbody>
     @endforeach
-    @if(! empty($report->getOverallTotals()))
+    @if(! empty($report->getSummaryTotals()))
         <tfoot>
         <tr class="bg-gray-50 dark:bg-white/5">
             @foreach($report->getSummaryTotals() as $index => $total)