Package system sms

resources/js/Components/PersonInfoGrid.vue

@@ -228,12 +228,123 @@ const pageSmsTemplates = computed(() => {
       : null;
   return fromProps ?? pageProps.value?.sms_templates ?? [];
 });
+// Helpers: EU formatter and token renderer
+const formatEu = (value, decimals = 2) => {
+  if (value === null || value === undefined || value === "") {
+    return new Intl.NumberFormat("de-DE", {
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals,
+    }).format(0);
+  }
+  const num =
+    typeof value === "number"
+      ? value
+      : parseFloat(String(value).replace(/\./g, "").replace(",", "."));
+  return new Intl.NumberFormat("de-DE", {
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals,
+  }).format(isNaN(num) ? 0 : num);
+};
+
+const renderTokens = (text, vars) => {
+  if (!text) return "";
+  const resolver = (obj, path) => {
+    if (!obj) return null;
+    if (Object.prototype.hasOwnProperty.call(obj, path)) return obj[path];
+    const segs = path.split(".");
+    let cur = obj;
+    for (const s of segs) {
+      if (cur && typeof cur === "object" && s in cur) {
+        cur = cur[s];
+      } else {
+        return null;
+      }
+    }
+    return cur;
+  };
+  return text.replace(/\{([a-zA-Z0-9_\.]+)\}/g, (_, key) => {
+    const val = resolver(vars, key);
+    return val !== null && val !== undefined ? String(val) : `{${key}}`;
+  });
+};
+
+const buildVarsFromSelectedContract = () => {
+  const uuid = selectedContractUuid.value;
+  if (!uuid) return {};
+  const c = (contractsForCase.value || []).find((x) => x.uuid === uuid);
+  if (!c) return {};
+  const vars = {
+    contract: {
+      uuid: c.uuid,
+      reference: c.reference,
+      start_date: c.start_date || "",
+      end_date: c.end_date || "",
+    },
+  };
+  if (c.account) {
+    vars.account = {
+      reference: c.account.reference,
+      type: c.account.type,
+      initial_amount:
+        c.account.initial_amount ??
+        (c.account.initial_amount_raw ? formatEu(c.account.initial_amount_raw) : null),
+      balance_amount:
+        c.account.balance_amount ??
+        (c.account.balance_amount_raw ? formatEu(c.account.balance_amount_raw) : null),
+      initial_amount_raw: c.account.initial_amount_raw ?? null,
+      balance_amount_raw: c.account.balance_amount_raw ?? null,
+    };
+  }
+  return vars;
+};
+
+const updateSmsFromSelection = async () => {
+  if (!selectedTemplateId.value) return;
+  // Try server preview first
+  try {
+    const url = route("clientCase.sms.preview", { client_case: props.clientCaseUuid });
+    const res = await fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-Requested-With": "XMLHttpRequest",
+        "X-CSRF-TOKEN":
+          document.querySelector('meta[name="csrf-token"]')?.getAttribute("content") ||
+          "",
+      },
+      body: JSON.stringify({
+        template_id: selectedTemplateId.value,
+        contract_uuid: selectedContractUuid.value || null,
+      }),
+      credentials: "same-origin",
+    });
+    if (res.ok) {
+      const data = await res.json();
+      if (typeof data?.content === "string" && data.content.trim() !== "") {
+        smsMessage.value = data.content;
+        return;
+      }
+    }
+  } catch (e) {
+    // ignore and fallback
+  }
+  // Fallback: client-side render using template content and selected contract vars
+  const tpl = (pageSmsTemplates.value || []).find(
+    (t) => t.id === selectedTemplateId.value
+  );
+  if (tpl && typeof tpl.content === "string") {
+    smsMessage.value = renderTokens(tpl.content, buildVarsFromSelectedContract());
+  }
+};
 
 // Selections
 const selectedProfileId = ref(null);
 const selectedSenderId = ref(null);
 const deliveryReport = ref(false);
 const selectedTemplateId = ref(null);
+// Contract selection for placeholder rendering
+const contractsForCase = ref([]);
+const selectedContractUuid = ref(null);
 
 const sendersForSelectedProfile = computed(() => {
   if (!selectedProfileId.value) return pageSmsSenders.value;
@@ -257,14 +368,49 @@ watch(sendersForSelectedProfile, (list) => {
   }
 });
 
+const renderSmsPreview = async () => {
+  if (!selectedTemplateId.value) return;
+  try {
+    const url = route("clientCase.sms.preview", { client_case: props.clientCaseUuid });
+    const res = await fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-Requested-With": "XMLHttpRequest",
+        "X-CSRF-TOKEN":
+          document.querySelector('meta[name="csrf-token"]')?.getAttribute("content") ||
+          "",
+      },
+      body: JSON.stringify({
+        template_id: selectedTemplateId.value,
+        contract_uuid: selectedContractUuid.value || null,
+      }),
+      credentials: "same-origin",
+    });
+    if (!res.ok) throw new Error(`Preview failed: ${res.status}`);
+    const data = await res.json();
+    if (typeof data?.content === "string") {
+      smsMessage.value = data.content;
+    }
+  } catch (e) {
+    // If preview fails and template has inline content, fallback
+    const tpl = (pageSmsTemplates.value || []).find(
+      (t) => t.id === selectedTemplateId.value
+    );
+    if (tpl && typeof tpl.content === "string") {
+      smsMessage.value = tpl.content;
+    }
+  }
+};
+
 watch(selectedTemplateId, () => {
   if (!selectedTemplateId.value) return;
-  const tpl = (pageSmsTemplates.value || []).find(
-    (t) => t.id === selectedTemplateId.value
-  );
-  if (tpl && typeof tpl.content === "string") {
-    smsMessage.value = tpl.content;
-  }
+  updateSmsFromSelection();
+});
+
+watch(selectedContractUuid, () => {
+  if (!selectedTemplateId.value) return;
+  updateSmsFromSelection();
 });
 
 // If templates array changes and none is chosen, pick the first by default
@@ -304,6 +450,22 @@ const openSmsDialog = (phone) => {
   // Default template selection to first available
   selectedTemplateId.value =
     (pageSmsTemplates.value && pageSmsTemplates.value[0]?.id) || null;
+  // Load contracts for this case (for contract/account placeholders)
+  loadContractsForCase();
+};
+const loadContractsForCase = async () => {
+  try {
+    const url = route("clientCase.contracts.list", { client_case: props.clientCaseUuid });
+    const res = await fetch(url, {
+      headers: { "X-Requested-With": "XMLHttpRequest" },
+      credentials: "same-origin",
+    });
+    const json = await res.json();
+    contractsForCase.value = Array.isArray(json?.data) ? json.data : [];
+    // Do not auto-select a contract; let user pick explicitly
+  } catch (e) {
+    contractsForCase.value = [];
+  }
 };
 const closeSmsDialog = () => {
   showSmsDialog.value = false;
@@ -323,6 +485,7 @@ const submitSms = () => {
     {
       message: smsMessage.value,
       template_id: selectedTemplateId.value,
+      contract_uuid: selectedContractUuid.value,
       profile_id: selectedProfileId.value,
       sender_id: selectedSenderId.value,
       delivery_report: !!deliveryReport.value,
@@ -710,6 +873,24 @@ const submitSms = () => {
           </div>
         </div>
 
+        <!-- Contract selector (for placeholders) -->
+        <div>
+          <label class="block text-sm font-medium text-gray-700">Pogodba</label>
+          <select
+            v-model="selectedContractUuid"
+            class="mt-1 block w-full rounded border-gray-300 focus:border-indigo-500 focus:ring-indigo-500"
+          >
+            <option :value="null">—</option>
+            <option v-for="c in contractsForCase" :key="c.uuid" :value="c.uuid">
+              {{ c.reference || c.uuid }}
+            </option>
+          </select>
+          <p class="mt-1 text-xs text-gray-500">
+            Uporabi podatke pogodbe (in računa) za zapolnitev {contract.*} in {account.*}
+            mest.
+          </p>
+        </div>
+
         <!-- Template selector -->
         <div>
           <label class="block text-sm font-medium text-gray-700">Predloga</label>