feat: add filament confirmation modal to start import action

Author: ManukMinasyan

app-modules/ImportWizard/resources/views/livewire/partials/step-preview.blade.php

@@ -16,7 +16,5 @@
 {{-- Navigation buttons outside nested component --}}
 <div class="flex justify-between pt-4 border-t border-gray-200 dark:border-gray-700">
     <x-filament::button wire:click="previousStep" color="gray">Back</x-filament::button>
-    <x-filament::button wire:click="executeImport">
-        Start Import
-    </x-filament::button>
+    {{ $this->startImportAction }}
 </div>

app-modules/ImportWizard/src/Livewire/ImportWizard.php

@@ -224,6 +224,21 @@ private function prepareForPreview(): void
         $this->generateImportPreview();
     }
 
+    /**
+     * Start import action with confirmation modal.
+     */
+    public function startImportAction(): Action
+    {
+        return Action::make('startImport')
+            ->label('Start Import')
+            ->icon(Heroicon::OutlinedArrowUpTray)
+            ->requiresConfirmation()
+            ->modalHeading('Confirm Import')
+            ->modalDescription('Are you sure you want to start this import? This action cannot be undone.')
+            ->modalSubmitActionLabel('Start Import')
+            ->action(fn () => $this->executeImport());
+    }
+
     /**
      * Execute the import.
      */