another fix for export import templates

resources/js/Pages/Imports/Templates/Index.vue

@@ -125,14 +125,30 @@ function handleFileChange(event) {
 }
 
 function performImport() {
-  importForm.post(route("importTemplates.import"), {
-    preserveScroll: true,
-    onSuccess: () => {
-      importModalOpen.value = false;
-      importForm.reset();
-      importedData.value = null;
-    },
-  });
+  // Convert string IDs to integers before submitting
+  const formData = {
+    ...importForm.data(),
+    segment_id: importForm.segment_id ? parseInt(importForm.segment_id) : null,
+    decision_id: importForm.decision_id ? parseInt(importForm.decision_id) : null,
+    action_id: importForm.action_id ? parseInt(importForm.action_id) : null,
+    activity_action_id: importForm.activity_action_id
+      ? parseInt(importForm.activity_action_id)
+      : null,
+    activity_decision_id: importForm.activity_decision_id
+      ? parseInt(importForm.activity_decision_id)
+      : null,
+  };
+
+  importForm
+    .transform(() => formData)
+    .post(route("importTemplates.import"), {
+      preserveScroll: true,
+      onSuccess: () => {
+        importModalOpen.value = false;
+        importForm.reset();
+        importedData.value = null;
+      },
+    });
 }
 
 const props = defineProps({
@@ -271,14 +287,14 @@ const props = defineProps({
           <AlertDialogCancel @click="cancelDelete" :disabled="deleteForm.processing">
             Prekliči
           </AlertDialogCancel>
-          <AlertDialogAction
+          <Button
             @click="performDelete"
             :disabled="deleteForm.processing"
             class="bg-destructive hover:bg-destructive/90"
           >
             <span v-if="deleteForm.processing">Brisanje…</span>
             <span v-else>Izbriši</span>
-          </AlertDialogAction>
+          </Button>
         </AlertDialogFooter>
       </AlertDialogContent>
     </AlertDialog>