| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 | <x-filament-panels::page>
    <x-filament::section>
        <div class="flex flex-col lg:flex-row items-start lg:items-end gap-4">
            <!-- Form Container -->
            @if(method_exists($this, 'filtersForm'))
                <div class="flex-1 min-w-0">
                    {{ $this->filtersForm }}
                </div>
            @endif
            <!-- Grouping Button and Column Toggle -->
            @if($this->hasToggleableColumns())
                <div class="flex-shrink-0 lg:mb-1 mr-4">
                    <x-filament-tables::column-toggle.dropdown
                        :form="$this->getTableColumnToggleForm()"
                        :trigger-action="$this->getToggleColumnsTriggerAction()"
                    />
                </div>
            @endif
            <div class="flex-shrink-0 w-[9.5rem] flex justify-end">
                {{ $this->applyFiltersAction }}
            </div>
        </div>
    </x-filament::section>
    <x-report-summary-section
        :report-loaded="$this->reportLoaded"
        :summary-data="$this->report?->getSummary()"
        target-label="Net Assets"
    />
    <x-report-tabs :active-tab="$activeTab" :tabs="$this->getTabs()"/>
    <x-company.tables.container :report-loaded="$this->reportLoaded">
        @if($this->report)
            @if($activeTab === 'summary')
                <x-company.tables.reports.balance-sheet-summary :report="$this->report"/>
            @elseif($activeTab === 'details')
                <x-company.tables.reports.balance-sheet :report="$this->report"/>
            @endif
        @endif
    </x-company.tables.container>
</x-filament-panels::page>
 |