Added call later, option to limit auto mail so for a client person email you can limit which decision activity will be send to that specific email and moved SMS packages from admin panel to default app view

resources/js/Components/PersonInfo/EmailCreateForm.vue

@@ -3,7 +3,8 @@ import { computed, ref, watch } from "vue";
 import { useForm, Field as FormField } from "vee-validate";
 import { toTypedSchema } from "@vee-validate/zod";
 import * as z from "zod";
-import { router } from "@inertiajs/vue3";
+import { router, usePage } from "@inertiajs/vue3";
+import AppMultiSelect from "@/Components/app/ui/AppMultiSelect.vue";
 import CreateDialog from "../Dialogs/CreateDialog.vue";
 import UpdateDialog from "../Dialogs/UpdateDialog.vue";
 import SectionTitle from "../SectionTitle.vue";
@@ -27,12 +28,22 @@ const props = defineProps({
 
 const emit = defineEmits(["close"]);
 
+// Decisions with auto_mail = true from shared Inertia data
+const page = usePage();
+const decisionOptions = computed(() =>
+  (page.props.auto_mail_decisions ?? []).map((d) => ({
+    value: String(d.id),
+    label: d.name,
+  }))
+);
+
 // Zod schema for form validation
 const formSchema = toTypedSchema(
   z.object({
     value: z.string().email("E-pošta mora biti veljavna.").min(1, "E-pošta je obvezna."),
     label: z.string().optional(),
     receive_auto_mails: z.boolean().optional(),
+    decision_ids: z.array(z.string()).optional().default([]),
   })
 );
 
@@ -43,9 +54,13 @@ const form = useForm({
     value: "",
     label: "",
     receive_auto_mails: false,
+    decision_ids: [],
   },
 });
 
+// Whether to limit sending to specific decisions (UI-only toggle)
+const limitToDecisions = ref(false);
+
 const processing = ref(false);
 
 const close = () => {
@@ -57,22 +72,44 @@ const close = () => {
 };
 
 const resetForm = () => {
+  limitToDecisions.value = false;
   form.resetForm({
     values: {
       value: "",
       label: "",
       receive_auto_mails: false,
+      decision_ids: [],
     },
   });
 };
 
+// When auto mails is disabled, collapse the decision filter
+watch(
+  () => form.values.receive_auto_mails,
+  (val) => {
+    if (!val) {
+      limitToDecisions.value = false;
+    }
+  }
+);
+
+// When limit toggle is turned off, clear the selection
+watch(limitToDecisions, (val) => {
+  if (!val) {
+    form.setFieldValue("decision_ids", []);
+  }
+});
+
 const create = async () => {
   processing.value = true;
-  const { values } = form;
-  
+  const payload = {
+    ...form.values,
+    decision_ids: limitToDecisions.value ? (form.values.decision_ids ?? []) : [],
+  };
+
   router.post(
     route("person.email.create", props.person),
-    values,
+    payload,
     {
       preserveScroll: true,
       onSuccess: () => {
@@ -98,11 +135,14 @@ const create = async () => {
 
 const update = async () => {
   processing.value = true;
-  const { values } = form;
-  
+  const payload = {
+    ...form.values,
+    decision_ids: limitToDecisions.value ? (form.values.decision_ids ?? []) : [],
+  };
+
   router.put(
     route("person.email.update", { person: props.person, email_id: props.id }),
-    values,
+    payload,
     {
       preserveScroll: true,
       onSuccess: () => {
@@ -136,10 +176,13 @@ watch(
       const list = Array.isArray(props.person?.emails) ? props.person.emails : [];
       const email = list.find((e) => e.id === props.id);
       if (email) {
+        const existingDecisionIds = (email.preferences?.decision_ids ?? []).map(String);
+        limitToDecisions.value = existingDecisionIds.length > 0;
         form.setValues({
           value: email.value ?? email.email ?? email.address ?? "",
           label: email.label ?? "",
           receive_auto_mails: !!email.receive_auto_mails,
+          decision_ids: existingDecisionIds,
         });
       } else {
         resetForm();
@@ -228,6 +271,36 @@ const onConfirm = () => {
             </div>
           </FormItem>
         </FormField>
+
+        <!-- Limit to specific decisions — only shown when receive_auto_mails is on and decisions exist -->
+        <template v-if="(props.person?.client || isClientContext) && form.values.receive_auto_mails && decisionOptions.length > 0">
+          <div class="flex flex-row items-start space-x-3 space-y-0">
+            <Switch
+              :model-value="limitToDecisions"
+              @update:model-value="(val) => (limitToDecisions = val)"
+            />
+            <div class="space-y-1 leading-none">
+              <label class="text-sm font-medium leading-none cursor-pointer" @click="limitToDecisions = !limitToDecisions">
+                Omeji na posamezne odločitve
+              </label>
+            </div>
+          </div>
+
+          <FormField v-if="limitToDecisions" v-slot="{ value, handleChange }" name="decision_ids">
+            <FormItem>
+              <FormLabel>Odločitve, za katere se pošlje e-pošta</FormLabel>
+              <FormControl>
+                <AppMultiSelect
+                  :model-value="value ?? []"
+                  :items="decisionOptions"
+                  placeholder="Izberi odločitve..."
+                  @update:model-value="handleChange"
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          </FormField>
+        </template>
       </div>
     </form>
   </component>