<x-filament-panels::page>
    <div class="space-y-4">
        {{ $this->filtersForm($this->form) }}
    </div>
    <div class="flex-row gap-2 mt-4">
            <x-filament::button
                {{-- type="button" --}}
                {{-- wire:click="addRemark"
                class="px-3 py-1 border border-primary-500 text-primary-600 rounded hover:bg-primary-50 hover:border-primary-700 transition text-sm" --}}
                wire:click="addRemark"
                color="primary"
                class="mt-4"
            >
            Save
            </x-filament::button>

            <x-filament::button
                wire:click="importPendingReason"
                color="primary"
                class="mt-4"
            >
            Import
            </x-filament::button>
            <x-filament::button
                wire:click="exportPendingReason"
                color="primary"
                class="mt-4"
            >
            Export
            </x-filament::button>
        <div class="bg-white shadow rounded-xl p-4 mt-6">
            <livewire:invoice-pending />
        </div>
    </div>
</x-filament-panels::page>
