@@ -415,7 +519,9 @@ const API_SEND = 'modules/turnero/api/chat_send_message.php';
const API_READ = 'modules/turnero/api/chat_mark_read.php';
const API_MEDIA = 'modules/turnero/api/chat_upload_media.php';
const API_REACT = 'modules/turnero/api/chat_react.php';
-const API_PLANTILLAS = 'modules/turnero/api/chat_get_plantillas.php';
+const API_PLANTILLAS = 'modules/turnero/api/chat_get_plantillas.php';
+const API_BUSCAR_PAC = 'modules/turnero/api/chat_buscar_paciente.php';
+const API_START_CONV = 'modules/turnero/api/chat_start_conversation.php';
let _tplSelected = null;
const BASE = (function() {
const s = window.location.pathname;
@@ -910,6 +1016,189 @@ function cancelRecording() {
document.getElementById('micBtn').style.color = '';
}
+// ── Nuevo mensaje ────────────────────────────────────────────────────────────
+const nuevoMensaje = (() => {
+ let _phone = '';
+ let _destLabel = '';
+ let _tpl = null;
+ let _buscarTimer = null;
+
+ function _show(stepId) {
+ ['nv-step-dest','nv-step-tpl','nv-step-vars'].forEach(id => {
+ document.getElementById(id).style.display = id === stepId ? '' : 'none';
+ });
+ }
+
+ function abrir() {
+ _phone = ''; _destLabel = ''; _tpl = null;
+ document.getElementById('nv-pac-search').value = '';
+ document.getElementById('nv-phone-input').value = '';
+ document.getElementById('nv-phone-hint').textContent = '';
+ document.getElementById('nv-pac-results').innerHTML = '';
+ document.getElementById('nv-btn-siguiente').disabled = true;
+ _show('nv-step-dest');
+ document.getElementById('nuevo-modal').classList.add('show');
+ document.getElementById('nv-pac-search').focus();
+ }
+
+ function cerrar() {
+ document.getElementById('nuevo-modal').classList.remove('show');
+ }
+
+ function _setDest(phone, label) {
+ _phone = phone; _destLabel = label;
+ document.getElementById('nv-btn-siguiente').disabled = !phone;
+ }
+
+ function onPhoneInput(val) {
+ const digits = val.replace(/\D/,'');
+ const hint = document.getElementById('nv-phone-hint');
+ if (!digits) { _setDest('', ''); hint.textContent = ''; return; }
+ if (digits.length >= 10) {
+ hint.textContent = '✅ Número válido';
+ hint.style.color = '#16a34a';
+ _setDest(digits, '+' + (digits.length === 10 ? '57' : '') + digits);
+ } else {
+ hint.textContent = digits.length + ' dígitos — mínimo 10';
+ hint.style.color = '#94a3b8';
+ _setDest('', '');
+ }
+ // Clear patient selection if typing a phone
+ document.getElementById('nv-pac-search').value = '';
+ document.getElementById('nv-pac-results').innerHTML = '';
+ }
+
+ function buscarPaciente(q) {
+ document.getElementById('nv-phone-input').value = '';
+ document.getElementById('nv-phone-hint').textContent = '';
+ _setDest('', '');
+ clearTimeout(_buscarTimer);
+ const el = document.getElementById('nv-pac-results');
+ if (q.length < 2) { el.innerHTML = ''; return; }
+ el.innerHTML = '
Buscando…
';
+ _buscarTimer = setTimeout(async () => {
+ try {
+ const res = await fetch(BASE + API_BUSCAR_PAC + '?q=' + encodeURIComponent(q));
+ const json = await res.json();
+ if (!json.ok || !json.data?.length) {
+ el.innerHTML = '
Sin resultados
';
+ return;
+ }
+ el.innerHTML = '';
+ json.data.forEach(p => {
+ const div = document.createElement('div');
+ div.className = 'nv-pac-item';
+ const tel = p.telefono || '—';
+ div.innerHTML =
+ `
${escHtml(p.nombre_completo)}` +
+ `
${escHtml(p.numero_documento || '')} · 📱 ${escHtml(tel)}`;
+ div.onclick = () => {
+ const phone = (p.telefono || '').replace(/\D/g,'');
+ if (!phone) { alert('Este paciente no tiene teléfono registrado.'); return; }
+ _setDest(phone, p.nombre_completo + ' · ' + tel);
+ document.getElementById('nv-pac-search').value = p.nombre_completo;
+ el.innerHTML = '';
+ };
+ el.appendChild(div);
+ });
+ } catch(e) {
+ el.innerHTML = '
Error al buscar
';
+ }
+ }, 350);
+ }
+
+ async function irAPlantilla() {
+ if (!_phone) return;
+ document.getElementById('nv-dest-label').textContent = _destLabel || _phone;
+ _show('nv-step-tpl');
+ const listEl = document.getElementById('nv-tpl-list');
+ listEl.innerHTML = '
Cargando…
';
+ try {
+ const res = await fetch(BASE + API_PLANTILLAS);
+ const json = await res.json();
+ if (!json.ok || !json.data?.length) {
+ listEl.innerHTML = '
No hay plantillas habilitadas.
Configúralas en Configuración → Sesión.
';
+ return;
+ }
+ listEl.innerHTML = '';
+ json.data.forEach(tpl => {
+ const div = document.createElement('div');
+ div.className = 'tpl-item';
+ div.innerHTML =
+ `
${escHtml(tpl.name)}` +
+ `
${escHtml(tpl.template_name)} · ${escHtml(tpl.language_code)}` +
+ (tpl.body_text ? `
${escHtml(tpl.body_text.substring(0,80))}${tpl.body_text.length>80?'…':''}` : '');
+ div.onclick = () => irAVariables(tpl);
+ listEl.appendChild(div);
+ });
+ } catch(e) {
+ listEl.innerHTML = '
Error al cargar plantillas
';
+ }
+ }
+
+ async function irAVariables(tpl) {
+ _tpl = tpl;
+ document.getElementById('nv-vars-title').textContent = tpl.name;
+ const previewBox = document.getElementById('nv-preview-box');
+ if (tpl.body_text) { previewBox.textContent = tpl.body_text; previewBox.style.display = ''; }
+ else previewBox.style.display = 'none';
+
+ const varsBody = document.getElementById('nv-vars-body');
+ varsBody.innerHTML = '
Cargando…
';
+ _show('nv-step-vars');
+
+ try {
+ const res = await fetch(BASE + 'api/get_template_details.php?id=' + tpl.id);
+ const json = await res.json();
+ const vars = json.template?.variables ?? [];
+ if (!vars.length) {
+ varsBody.innerHTML = '
Esta plantilla no requiere variables.
';
+ } else {
+ varsBody.innerHTML = '';
+ vars.forEach(v => {
+ const row = document.createElement('div');
+ row.className = 'tpl-var-row';
+ const ph = v.example || v.placeholder || v.label;
+ row.innerHTML = `
` +
+ `
`;
+ varsBody.appendChild(row);
+ });
+ }
+ } catch(e) {
+ varsBody.innerHTML = '
Error al cargar variables
';
+ }
+ }
+
+ function volverADest() { _tpl = null; _show('nv-step-dest'); }
+ function volverAPlantilla() { _tpl = null; _show('nv-step-tpl'); }
+
+ async function enviar() {
+ if (!_phone || !_tpl) return;
+ const inputs = [...document.querySelectorAll('#nv-vars-body input[data-var-index]')];
+ const params = inputs.map(el => ({ name: el.dataset.varIndex, value: el.value.trim() }));
+ const missing = params.findIndex(p => !p.value);
+ if (missing !== -1) { inputs[missing].focus(); return; }
+
+ const templateName = _tpl.template_name;
+ const templateLang = _tpl.language_code;
+ cerrar();
+
+ try {
+ const res = await fetch(BASE + API_START_CONV, {
+ method: 'POST', headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ phone: _phone, template_name: templateName, lang: templateLang, params })
+ });
+ const json = await res.json();
+ if (!json.ok) { alert('Error: ' + (json.error || 'No se pudo enviar')); return; }
+ // Abrir la conversación recién creada
+ await loadContacts();
+ if (json.user_id) openChat(json.user_id);
+ } catch(e) { alert('Error de conexión al enviar el mensaje'); }
+ }
+
+ return { abrir, cerrar, buscarPaciente, onPhoneInput, irAPlantilla, volverADest, volverAPlantilla, enviar };
+})();
+
// ── Plantilla (2 pasos) ───────────────────────────────────────────────────────
async function openTemplatePicker() {
if (!state.activeUserId) return;