changes 0230092025

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

@@ -3,9 +3,13 @@ import AppLayout from '@/Layouts/AppLayout.vue';
 import { ref } from 'vue';
 import { useForm } from '@inertiajs/vue3';
 import Multiselect from 'vue-multiselect';
+import { computed, watch } from 'vue';
 
 const props = defineProps({
   clients: Array,
+  segments: Array,
+  decisions: Array,
+  actions: Array,
 });
 
 const form = useForm({
@@ -16,6 +20,22 @@ const form = useForm({
   is_active: true,
   client_uuid: null,
   entities: [],
+  meta: {
+    segment_id: null,
+    decision_id: null,
+    action_id: null,
+    delimiter: '',
+  },
+});
+
+const decisionsForSelectedAction = computed(() => {
+  const act = (props.actions || []).find(a => a.id === form.meta.action_id);
+  return act?.decisions || [];
+});
+
+watch(() => form.meta.action_id, () => {
+  // Clear decision when action changes to enforce valid pair
+  form.meta.decision_id = null;
 });
 
 function submit() {
@@ -75,6 +95,32 @@ function submit() {
               <p class="text-xs text-gray-500 mt-1">Choose which tables this template targets. You can still define per-column mappings later.</p>
             </div>
           </div>
+
+          <!-- Defaults: Segment / Decision / Action -->
+          <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
+            <div>
+              <label class="block text-sm font-medium text-gray-700">Default Segment</label>
+              <select v-model="form.meta.segment_id" class="mt-1 block w-full border rounded p-2">
+                <option :value="null">(none)</option>
+                <option v-for="s in (props.segments || [])" :key="s.id" :value="s.id">{{ s.name }}</option>
+              </select>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-700">Default Decision</label>
+              <select v-model="form.meta.decision_id" class="mt-1 block w-full border rounded p-2" :disabled="!form.meta.action_id">
+                <option :value="null">(none)</option>
+                <option v-for="d in decisionsForSelectedAction" :key="d.id" :value="d.id">{{ d.name }}</option>
+              </select>
+              <p v-if="!form.meta.action_id" class="text-xs text-gray-500 mt-1">Select an Action to see its Decisions.</p>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-700">Default Action (for Activity)</label>
+              <select v-model="form.meta.action_id" class="mt-1 block w-full border rounded p-2">
+                <option :value="null">(none)</option>
+                <option v-for="a in (props.actions || [])" :key="a.id" :value="a.id">{{ a.name }}</option>
+              </select>
+            </div>
+          </div>
           <div>
             <label class="block text-sm font-medium text-gray-700">Name</label>
             <input v-model="form.name" type="text" class="mt-1 block w-full border rounded p-2" />