' +
'
' +
'' +
'' +
'' +
'M' +
'
' +
'' +
'
' +
'' +
'...
' +
'En línea
' +
'' +
'' +
'' +
'
' +
'
';
btn.addEventListener('click', function(){
currentLang=l.code;
langSelected=true;
sessionStorage.setItem('maxxag_lang_done', l.code);
usedOptions.clear();
updateStatusText();
startConversation();
});
grid.appendChild(btn);
});
screen.appendChild(grid);
msgs.appendChild(screen);
}
function startConversation(){
apiFetch('/chat', { lang: currentLang })
.then(function(res){
sessionId=res.session_id;
currentLang=res.lang;
getMessages().innerHTML='';
renderMessages(res.messages);
})
.catch(function(){
var errMsg={es:'Ay, parece que hay un problema de conexión 😕 Intenta de nuevo en un momento, cariño.',
en:'Oops, connection issue 😕 Try again in a moment, darling.',
fr:'Oups, problème de connexion 😕 Réessaie dans un instant, chéri.',
it:'Ops, problema di connessione 😕 Riprova tra un momento, tesoro.'};
appendBotMsg(errMsg[currentLang]||errMsg.es, null, true, true);
});
}
function sendMessage(text){
if(isLoading||!text.trim()) return;
isLoading=true;
setSendDisabled(true);
clearInput();
appendUserMsg(text);
showTyping();
apiFetch('/chat', { message: text, session_id: sessionId, lang: currentLang })
.then(function(res){
currentLang=res.lang;
removeTyping();
renderMessages(res.messages);
playNotifSound();
})
.catch(function(){
removeTyping();
var errMsg2={es:'Hubo un error, cariño 😕 Intenta de nuevo.',
en:'Something went wrong, darling 😕 Try again.',
fr:'Une erreur s\'est produite, chéri 😕 Réessaie.',
it:'C\'è stato un errore, tesoro 😕 Riprova.'};
appendBotMsg(errMsg2[currentLang]||errMsg2.es, null, true, true);
})
.finally(function(){
isLoading=false;
setSendDisabled(false);
});
}
function sendMessageBtn(id, displayLabel){
if(isLoading) return;
isLoading=true;
setSendDisabled(true);
appendUserMsg(displayLabel);
showTyping();
var startTime=Date.now();
apiFetch('/chat', { message: id, session_id: sessionId, lang: currentLang })
.then(function(res){
var elapsed=Date.now() - startTime;
var delay=Math.max(0, 800 - elapsed);
setTimeout(function(){
currentLang=res.lang;
removeTyping();
renderMessages(res.messages);
playNotifSound();
isLoading=false;
setSendDisabled(false);
}, delay);
})
.catch(function(){
removeTyping();
var errMsg2={es:'Hubo un error, cariño 😕 Intenta de nuevo.',
en:'Something went wrong, darling 😕 Try again.',
fr:'Une erreur s\'est produite, chéri 😕 Réessaie.',
it:'C\'è stato un errore, tesoro 😕 Riprova.'};
appendBotMsg(errMsg2[currentLang]||errMsg2.es, null, true, true);
isLoading=false;
setSendDisabled(false);
});
}
function apiFetch(path, body){
var opts={ headers: { 'Content-Type': 'application/json' }};
if(body){
opts.method='POST';
opts.body=JSON.stringify(body);
}else{
opts.method='GET';
}
return fetch(API_BASE + path, opts).then(function(r){
if(!r.ok) throw new Error('API ' + r.status);
return r.json();
});
}
function renderMessages(messages){
var botCount=0;
var totalBotMsgs=0;
messages.forEach(function(m){ if(m.type==='text'||m.type==='girls'||m.type==='rates') totalBotMsgs++; });
messages.forEach(function(msg){
if(msg.type==='avatar'){
updateHeaderDirect(msg.name, msg.avatar);
return;
}
botCount++;
var isFirst=(botCount===1);
var isLast=(botCount===totalBotMsgs);
switch (msg.type){
case 'text': appendBotMsg(msg.text, msg.buttons, isFirst, isLast); break;
case 'girls': appendGirls(msg.girls, msg.buttons); break;
case 'rates': appendRates(msg, msg.buttons); break;
}});
scrollToLastUserMsg();
}
function _timeNow(){
var d=new Date();
var h=d.getHours(), m=d.getMinutes();
return (h < 10 ? '0':'') + h + ':' + (m < 10 ? '0':'') + m;
}
function appendUserMsg(text){
var wrap=document.createElement('div');
wrap.className='maxxag-user-wrap';
var d=document.createElement('div');
d.className='maxxag-msg user';
d.textContent=text;
var ts=document.createElement('span');
ts.className='maxxag-ts right';
ts.textContent=_timeNow();
d.appendChild(ts);
wrap.appendChild(d);
getMessages().appendChild(wrap);
scrollBottom();
}
function appendBotMsg(text, buttons, showMeta, showTime){
if(!text&&!(buttons&&buttons.length)) return;
var group=document.createElement('div');
group.className='maxxag-bot-group';
if(showMeta!==false){
var meta=document.createElement('div');
meta.className='maxxag-bot-meta';
var avWrap=document.createElement('div');
avWrap.className='maxxag-bot-meta-avatar';
if(_botAvatar){
var img=document.createElement('img');
img.alt='';
img.onerror=function(){
this.remove();
avWrap.textContent=(_botName||'S').charAt(0).toUpperCase();
};
img.src=_botAvatar;
avWrap.appendChild(img);
}else{
avWrap.textContent=(_botName||'S').charAt(0).toUpperCase();
}
var nameEl=document.createElement('span');
nameEl.className='maxxag-bot-meta-name';
nameEl.textContent=_botName||'';
meta.appendChild(avWrap);
meta.appendChild(nameEl);
group.appendChild(meta);
}
var d=document.createElement('div');
d.className='maxxag-msg bot';
d.textContent=text;
if(showTime!==false){
var ts=document.createElement('span');
ts.className='maxxag-ts';
ts.textContent=_timeNow();
d.appendChild(ts);
}
group.appendChild(d);
if(buttons&&buttons.length) group.appendChild(renderButtons(buttons));
getMessages().appendChild(group);
}
function appendGirls(girls, buttons){
var wrap=document.createElement('div');
wrap.className='maxxag-bot-group';
if(!girls||!girls.length){
var no=document.createElement('div');
no.className='maxxag-msg bot';
no.textContent=currentLang==='en'
? 'No girls available right now. Contact reception.'
: 'No hay chicas disponibles ahora. Contacta recepción.';
wrap.appendChild(no);
}else{
var grid=document.createElement('div');
grid.className='maxxag-girls-grid';
girls.forEach(function(g){ grid.appendChild(buildGirlCard(g)); });
wrap.appendChild(grid);
}
if(buttons&&buttons.length) wrap.appendChild(renderButtons(buttons));
getMessages().appendChild(wrap);
}
function buildGirlCard(g){
var card=document.createElement('div');
card.className='maxxag-girl-card';
var img=document.createElement('img');
img.src=g.photo_url||'https://placehold.co/300x400/1a1a1a/888?text=' + encodeURIComponent(g.name);
img.alt=g.name; img.loading='lazy';
var name=document.createElement('div'); name.className='maxxag-girl-name';
name.textContent=g.name + (g.age ? ' · ' + g.age:'');
var info=document.createElement('div'); info.className='maxxag-girl-info';
var wa=document.createElement('a'); wa.className='maxxag-girl-wa';
var waNum=(g.whatsapp||'').replace(/\D/g, '');
wa.href=/^\d{7,15}$/.test(waNum) ? 'https://wa.me/' + waNum:'#';
if(!waNum) wa.style.opacity='0.4';
wa.target='_blank'; wa.rel='noopener';
wa.innerHTML='WhatsApp';
info.appendChild(wa);
card.appendChild(img); card.appendChild(name); card.appendChild(info);
return card;
}
function appendRates(data, buttons){
var wrap=document.createElement('div');
wrap.className='maxxag-bot-group';
var box=document.createElement('div');
box.className='maxxag-msg bot maxxag-rates';
var title=document.createElement('div'); title.className='maxxag-rates-title'; title.textContent=data.title;
box.appendChild(title);
var table=document.createElement('table'); table.className='maxxag-rates-table';
(data.items||[]).forEach(function(item){
var tr=document.createElement('tr');
var td1=document.createElement('td'); var td2=document.createElement('td');
td1.textContent=item['label_'+(data.lang||currentLang)]||item.label_es||'';
td2.textContent=item.price;
tr.appendChild(td1); tr.appendChild(td2); table.appendChild(tr);
});
box.appendChild(table);
if(data.note){ var note=document.createElement('div'); note.className='maxxag-rates-note'; note.textContent=data.note; box.appendChild(note); }
wrap.appendChild(box);
if(buttons&&buttons.length) wrap.appendChild(renderButtons(buttons));
getMessages().appendChild(wrap);
}
function filterButtons(buttons){
return buttons.filter(function(btn){
if(langSelected&&btn.id&&btn.id.indexOf('lang_')===0) return false;
if(btn.id&&usedOptions.has(btn.id)&&!PERMANENT.has(btn.id)) return false;
return true;
});
}
function _createBtn(btn){
var b=document.createElement('button');
b.className='maxxag-btn';
if(btn.url&&btn.url.indexOf('wa.me') > -1) b.classList.add('wa-btn');
if(btn.url&&btn.url.indexOf('t.me') > -1) b.classList.add('tg-btn');
if(btn.full_width) b.classList.add('full-width');
b.textContent=btn.label;
b.addEventListener('click', function(){
if(btn.url){ window.open(btn.url, '_blank', 'noopener'); return; }
if(isLoading) return;
if(btn.id==='menu'){ usedOptions.clear(); }
if(!PERMANENT.has(btn.id)){ usedOptions.add(btn.id); }
sendMessageBtn(btn.id||btn.label, btn.label);
});
return b;
}
function renderButtons(buttons){
var filtered=filterButtons(buttons);
if(!filtered.length) return document.createDocumentFragment();
var container=document.createElement('div');
container.className='maxxag-buttons';
var infoArr=[];
var actionArr=[];
var otherArr=[];
filtered.forEach(function(btn){
if(btn.group==='info') infoArr.push(btn);
else if(btn.group==='action') actionArr.push(btn);
else otherArr.push(btn);
});
if(infoArr.length){
var grid=document.createElement('div');
grid.className='maxxag-btn-grid';
infoArr.forEach(function(btn){ grid.appendChild(_createBtn(btn)); });
container.appendChild(grid);
}
if(infoArr.length&&actionArr.length){
var divider=document.createElement('div');
divider.className='maxxag-btn-divider';
container.appendChild(divider);
}
if(actionArr.length){
var actionGrid=document.createElement('div');
actionGrid.className='maxxag-btn-grid';
actionArr.forEach(function(btn){
var b=_createBtn(btn);
b.classList.add('action-btn');
actionGrid.appendChild(b);
});
container.appendChild(actionGrid);
}
otherArr.forEach(function(btn){
var b=_createBtn(btn);
b.classList.add('full-width');
container.appendChild(b);
});
return container;
}
function showTyping(){
var t=document.createElement('div');
t.className='maxxag-typing'; t.id='maxxag-typing';
t.innerHTML='';
getMessages().appendChild(t); scrollBottom();
}
function removeTyping(){ var t=document.getElementById('maxxag-typing'); if(t) t.remove(); }
function updateHeaderDirect(name, avatar){
var ne=document.getElementById('maxxag-bot-name');
var ae=document.getElementById('maxxag-avatar-img');
var ph=document.querySelector('.maxxag-avatar-letter');
if(ne) ne.textContent=name||'';
if(ph&&name) ph.textContent=name.charAt(0).toUpperCase();
if(avatar&&ae){
ae.onerror=function(){
this.style.display='none';
if(ph) ph.style.display='flex';
_botAvatar='';
};
ae.onload=function(){
this.style.display='block';
if(ph) ph.style.display='none';
};
ae.src=avatar;
}else if(ae){
ae.style.display='none';
if(ph) ph.style.display='flex';
}
_botAvatar=avatar||'';
_botName=name||'';
}
function updateStatusText(){
var s={ es:'En línea', en:'Online', fr:'En ligne', it:'Online' };
var el=document.getElementById('maxxag-status-text');
if(el) el.textContent=s[currentLang]||'En línea';
var ip=document.getElementById('maxxag-chat-input');
var ph={ es:'Escribe un mensaje...', en:'Type a message...', fr:'Écrivez un message...', it:'Scrivi un messaggio...' };
if(ip) ip.placeholder=ph[currentLang]||'Escribe un mensaje...';
}
function getMessages(){ return document.getElementById('maxxag-chat-messages'); }
function scrollBottom(){ var el=getMessages(); if(el) el.scrollTop=el.scrollHeight; }
function scrollToLastUserMsg(){
var el=getMessages(); if(!el) return;
var wraps=el.querySelectorAll('.maxxag-user-wrap');
if(wraps.length===0){ scrollBottom(); return; }
var last=wraps[wraps.length - 1];
requestAnimationFrame(function(){
requestAnimationFrame(function(){
el.scrollTo({ top: last.offsetTop - 10, behavior: 'smooth' });
});
});
}
var _audioCtx=null;
function _initAudio(){
if(_audioCtx) return;
try {
var AC=window.AudioContext||window.webkitAudioContext;
if(AC) _audioCtx=new AC();
} catch(e){}}
function playNotifSound(){
if(!_audioCtx) return;
try {
if(_audioCtx.state==='suspended') _audioCtx.resume();
var osc=_audioCtx.createOscillator();
var gain=_audioCtx.createGain();
osc.connect(gain); gain.connect(_audioCtx.destination);
osc.frequency.value=880; osc.type='sine';
gain.gain.value=0.08;
gain.gain.exponentialRampToValueAtTime(0.001, _audioCtx.currentTime + 0.15);
osc.start(_audioCtx.currentTime); osc.stop(_audioCtx.currentTime + 0.15);
} catch(e){}}
function clearInput(){ var el=document.getElementById('maxxag-chat-input'); if(el){ el.value=''; el.style.height='auto'; }}
function setSendDisabled(v){ var b=document.getElementById('maxxag-chat-send'); if(b) b.disabled=v; }
function autoResize(el){ el.style.height='auto'; el.style.height=Math.min(el.scrollHeight, 80) + 'px'; }
function init(){
createRoot();
apiFetch('/config').then(function(cfg){
siteLogoUrl=(cfg.site&&(cfg.site.logo_url||cfg.site.bot_avatar))||'';
var cfgBotName=(cfg.site&&cfg.site.bot_name)||'';
if(cfgBotName||siteLogoUrl){
updateHeaderDirect(cfgBotName, siteLogoUrl);
}
if(siteLogoUrl){
var chatBtn=document.getElementById('maxxag-chat-btn');
if(chatBtn){
var svg=chatBtn.querySelector('svg');
var avImg=document.createElement('img');
avImg.className='maxxag-btn-avatar';
avImg.alt='';
avImg.onload=function(){ if(svg) svg.style.display='none'; };
avImg.onerror=function(){
this.remove();
if(svg) svg.style.display='';
};
avImg.src=siteLogoUrl;
chatBtn.insertBefore(avImg, chatBtn.firstChild);
}}
}).catch(function(){});
var btn=document.getElementById('maxxag-chat-btn');
var closeBtn=document.getElementById('maxxag-chat-close');
var input=document.getElementById('maxxag-chat-input');
var sendBtn=document.getElementById('maxxag-chat-send');
btn.addEventListener('click', function(){ isOpen ? closeChat():openChat(); });
closeBtn.addEventListener('click', closeChat);
document.addEventListener('keydown', function(e){ if(e.key==='Escape'&&isOpen) closeChat(); });
sendBtn.addEventListener('click', function(){
var v=input.value.trim(); if(v) sendMessage(v);
});
input.addEventListener('keydown', function(e){
if(e.key==='Enter'&&!e.shiftKey){ e.preventDefault(); var v=input.value.trim(); if(v) sendMessage(v); }});
input.addEventListener('input', function(){ autoResize(input); });
updateStatusText();
if(!sessionStorage.getItem('maxxag_notif_shown')){
setTimeout(function(){
if(isOpen) return;
var bubble=document.createElement('div');
bubble.className='maxxag-proactive';
bubble.setAttribute('role', 'alert');
bubble.setAttribute('aria-label', 'Chat disponible');
var texts={
es: '\u00bfTe puedo ayudar, cari\u00f1o? \uD83D\uDE18',
en: 'Can I help you, darling? \uD83D\uDE18',
fr: 'Je peux t\'aider, ch\u00e9ri ? \uD83D\uDE18',
it: 'Posso aiutarti, tesoro? \uD83D\uDE18'
};
var bell=document.createElement('span');
bell.className='maxxag-proactive-bell';
bell.innerHTML='\uD83D\uDD14';
var badge=document.createElement('span');
badge.className='maxxag-proactive-badge';
badge.textContent='1';
bell.appendChild(badge);
var msg=document.createElement('span');
msg.className='maxxag-proactive-text';
msg.textContent=texts[currentLang]||texts.es;
bubble.appendChild(bell);
bubble.appendChild(msg);
bubble.addEventListener('click', function(){
bubble.remove();
openChat();
});
btn.parentElement.appendChild(bubble);
sessionStorage.setItem('maxxag_notif_shown', '1');
}, 3000);
}}
if(document.readyState==='loading'){
document.addEventListener('DOMContentLoaded', init);
}else{
init();
}})();