changed logic in invoice pending reason page

resources/views/filament/pages/invoice-pending-reason.blade.php

@@ -1,15 +1,35 @@
 <x-filament-panels::page>
     <div class="space-y-4">
-        {{-- {{ $this->filtersForm($this->form) }} --}}
         {{ $this->filtersForm($this->form) }}
     </div>
     <div class="flex-row gap-2 mt-4">
-            <button
-                type="button"
+            <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"
-                class="px-3 py-1 border border-primary-500 text-primary-600 rounded hover:bg-primary-50 hover:border-primary-700 transition text-sm"
+                color="primary"
+                class="mt-4"
             >
             Save
-            </button>
+            </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>