wip

resources/views/components/report-summary-section.blade.php

@@ -0,0 +1,42 @@
+@props([
+    'reportLoaded' => false,
+    'summaryData' => [],
+    'targetLabel' => null,
+])
+
+<div>
+    <x-filament::section>
+        @if($reportLoaded)
+            <div class="flex flex-col md:flex-row items-center md:items-end text-center justify-center gap-4 md:gap-8">
+                @foreach($summaryData as $summary)
+                    <div class="text-sm">
+                        <div class="text-gray-600 dark:text-gray-200 font-medium mb-2">{{ $summary['label'] }}</div>
+
+                        @php
+                            $isTargetLabel = $summary['label'] === $targetLabel;
+                            $isPositive = money($summary['value'], \App\Utilities\Currency\CurrencyAccessor::getDefaultCurrency())->isPositive();
+                        @endphp
+
+                        <strong
+                            @class([
+                                'text-lg',
+                                'text-green-700 dark:text-green-500' => $isTargetLabel && $isPositive,
+                                'text-danger-700 dark:text-danger-500' => $isTargetLabel && ! $isPositive,
+                            ])
+                        >
+                            {{ $summary['value'] }}
+                        </strong>
+                    </div>
+
+                    @if(! $loop->last)
+                        <div class="flex items-center justify-center px-2">
+                            <strong class="text-lg">
+                                {{ $loop->remaining === 1 ? '=' : '-' }}
+                            </strong>
+                        </div>
+                    @endif
+                @endforeach
+            </div>
+        @endif
+    </x-filament::section>
+</div>

resources/views/components/report-tabs.blade.php

@@ -0,0 +1,15 @@
+@props([
+    'activeTab' => 'summary',
+    'tabLabels' => ['summary' => 'Summary', 'details' => 'Details'],
+])
+
+<x-filament::tabs>
+    @foreach ($tabLabels as $tabKey => $label)
+        <x-filament::tabs.item
+            :active="$activeTab === $tabKey"
+            wire:click="$set('activeTab', '{{ $tabKey }}')"
+        >
+            {{ $label }}
+        </x-filament::tabs.item>
+    @endforeach
+</x-filament::tabs>

resources/views/filament/company/pages/reports/balance-sheet.blade.php

@@ -22,59 +22,13 @@
         </div>
     </x-filament::section>
 
+    <x-report-summary-section
+        :report-loaded="$this->reportLoaded"
+        :summary-data="$this->report?->getSummary()"
+        target-label="Net Assets"
+    />
 
-    <x-filament::section>
-        <!-- Summary Section -->
-        @if($this->reportLoaded)
-            <div
-                class="flex flex-col md:flex-row items-center md:items-end text-center justify-center gap-4 md:gap-8">
-                @foreach($this->report->getSummary() as $summary)
-                    <div class="text-sm">
-                        <div class="text-gray-600 font-medium mb-2">{{ $summary['label'] }}</div>
-
-                        @php
-                            $isNetAssets = $summary['label'] === 'Net Assets';
-                            $isPositive = money($summary['value'], \App\Utilities\Currency\CurrencyAccessor::getDefaultCurrency())->isPositive();
-                        @endphp
-
-                        <strong
-                            @class([
-                                'text-lg',
-                                'text-green-700' => $isNetAssets && $isPositive,
-                                'text-danger-700' => $isNetAssets && ! $isPositive,
-                            ])
-                        >
-                            {{ $summary['value'] }}
-                        </strong>
-                    </div>
-
-                    @if(! $loop->last)
-                        <div class="flex items-center justify-center px-2">
-                            <strong class="text-lg">
-                                {{ $loop->remaining === 1 ? '=' : '-' }}
-                            </strong>
-                        </div>
-                    @endif
-                @endforeach
-            </div>
-        @endif
-    </x-filament::section>
-
-    <x-filament::tabs>
-        <x-filament::tabs.item
-            :active="$activeTab === 'summary'"
-            wire:click="$set('activeTab', 'summary')"
-        >
-            Summary
-        </x-filament::tabs.item>
-
-        <x-filament::tabs.item
-            :active="$activeTab === 'details'"
-            wire:click="$set('activeTab', 'details')"
-        >
-            Details
-        </x-filament::tabs.item>
-    </x-filament::tabs>
+    <x-report-tabs :activeTab="$activeTab"/>
 
     <x-company.tables.container :report-loaded="$this->reportLoaded">
         @if($this->report)

resources/views/filament/company/pages/reports/cash-flow-statement.blade.php

@@ -20,59 +20,13 @@
         </div>
     </x-filament::section>
 
+    <x-report-summary-section
+        :report-loaded="$this->reportLoaded"
+        :summary-data="$this->report?->getSummary()"
+        target-label="Net Cash Flow"
+    />
 
-    <x-filament::section>
-        <!-- Summary Section -->
-        @if($this->reportLoaded)
-            <div
-                class="flex flex-col md:flex-row items-center md:items-end text-center justify-center gap-4 md:gap-8">
-                @foreach($this->report->getSummary() as $summary)
-                    <div class="text-sm">
-                        <div class="text-gray-600 font-medium mb-2">{{ $summary['label'] }}</div>
-
-                        @php
-                            $isNetCashFlow = $summary['label'] === 'Net Cash Flow';
-                            $isPositive = money($summary['value'], \App\Utilities\Currency\CurrencyAccessor::getDefaultCurrency())->isPositive();
-                        @endphp
-
-                        <strong
-                            @class([
-                                'text-lg',
-                                'text-green-700' => $isNetCashFlow && $isPositive,
-                                'text-danger-700' => $isNetCashFlow && ! $isPositive,
-                            ])
-                        >
-                            {{ $summary['value'] }}
-                        </strong>
-                    </div>
-
-                    @if(! $loop->last)
-                        <div class="flex items-center justify-center px-2">
-                            <strong class="text-lg">
-                                {{ $loop->remaining === 1 ? '=' : '-' }}
-                            </strong>
-                        </div>
-                    @endif
-                @endforeach
-            </div>
-        @endif
-    </x-filament::section>
-
-    <x-filament::tabs>
-        <x-filament::tabs.item
-            :active="$activeTab === 'summary'"
-            wire:click="$set('activeTab', 'summary')"
-        >
-            Summary
-        </x-filament::tabs.item>
-
-        <x-filament::tabs.item
-            :active="$activeTab === 'details'"
-            wire:click="$set('activeTab', 'details')"
-        >
-            Details
-        </x-filament::tabs.item>
-    </x-filament::tabs>
+    <x-report-tabs :activeTab="$activeTab"/>
 
     <x-company.tables.container :report-loaded="$this->reportLoaded">
         @if($this->report)

resources/views/filament/company/pages/reports/income-statement.blade.php

@@ -20,59 +20,13 @@
         </div>
     </x-filament::section>
 
+    <x-report-summary-section
+        :report-loaded="$this->reportLoaded"
+        :summary-data="$this->report?->getSummary()"
+        target-label="Net Earnings"
+    />
 
-    <x-filament::section>
-        <!-- Summary Section -->
-        @if($this->reportLoaded)
-            <div
-                class="flex flex-col md:flex-row items-center md:items-end text-center justify-center gap-4 md:gap-8">
-                @foreach($this->report->getSummary() as $summary)
-                    <div class="text-sm">
-                        <div class="text-gray-600 font-medium mb-2">{{ $summary['label'] }}</div>
-
-                        @php
-                            $isNetEarnings = $summary['label'] === 'Net Earnings';
-                            $isPositive = money($summary['value'], \App\Utilities\Currency\CurrencyAccessor::getDefaultCurrency())->isPositive();
-                        @endphp
-
-                        <strong
-                            @class([
-                                'text-lg',
-                                'text-green-700' => $isNetEarnings && $isPositive,
-                                'text-danger-700' => $isNetEarnings && ! $isPositive,
-                            ])
-                        >
-                            {{ $summary['value'] }}
-                        </strong>
-                    </div>
-
-                    @if(! $loop->last)
-                        <div class="flex items-center justify-center px-2">
-                            <strong class="text-lg">
-                                {{ $loop->remaining === 1 ? '=' : '-' }}
-                            </strong>
-                        </div>
-                    @endif
-                @endforeach
-            </div>
-        @endif
-    </x-filament::section>
-
-    <x-filament::tabs>
-        <x-filament::tabs.item
-            :active="$activeTab === 'summary'"
-            wire:click="$set('activeTab', 'summary')"
-        >
-            Summary
-        </x-filament::tabs.item>
-
-        <x-filament::tabs.item
-            :active="$activeTab === 'details'"
-            wire:click="$set('activeTab', 'details')"
-        >
-            Details
-        </x-filament::tabs.item>
-    </x-filament::tabs>
+    <x-report-tabs :activeTab="$activeTab"/>
 
     <x-company.tables.container :report-loaded="$this->reportLoaded">
         @if($this->report)