/* Москвентус — виджет для excourse.pro. Подключается одним тегом <script>. */
(function () {
  'use strict';

  const defaults = {
    webhookUrl: 'https://prospernn.ru/webhook/gid77-assistant',
    avatarUrl: 'https://fs.getcourse.ru/fileservice/file/download/a/732373/sc/277/h/40a1a6c3a3a9ef665588fcdaab60333c.webp',
    registrationUrl: 'https://excourse.pro/teach/control/stream/view/id/896637367',
    maxChatUrl: '',
    title: 'Москвентус',
    subtitle: 'Помощник по программе',
  };

  function init(userOptions) {
    const opt = Object.assign({}, defaults, userOptions || {});
    if (document.getElementById('moskventus-widget-root')) return;

    const root = document.createElement('div');
    root.id = 'moskventus-widget-root';
    root.innerHTML = `
      <style>
        #moskventus-widget-root{--mw-bg:#F5F2EC;--mw-white:#fff;--mw-text:#202020;--mw-muted:#625D58;--mw-wine:#8C2433;--mw-wine-hover:#721C2A;--mw-line:#D7D1C7;--mw-accent:#EEE3E2;font-family:Manrope,Arial,sans-serif;color:var(--mw-text)}
        .mw-widget{position:fixed;right:24px;bottom:24px;z-index:2147483000}.mw-launcher{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;padding:0;border:3px solid #fff;border-radius:50%;background:var(--mw-accent);box-shadow:0 8px 24px rgba(32,32,32,.18);cursor:pointer;transition:transform .2s}.mw-launcher:hover{transform:translateY(-3px)}.mw-avatar{width:100%;height:100%;object-fit:cover;object-position:center 12%}.mw-initials{font-size:24px;font-weight:700;color:var(--mw-wine)}.mw-greeting{position:absolute;right:10px;bottom:88px;width:246px;display:none;padding:13px 38px 13px 15px;border:1px solid var(--mw-line);border-radius:12px 12px 3px 12px;background:var(--mw-white);box-shadow:0 8px 24px rgba(32,32,32,.14);color:var(--mw-text);font-size:13px;line-height:1.45;text-align:left;cursor:pointer}.mw-greeting:after{position:absolute;right:22px;bottom:-9px;width:16px;height:16px;border-right:1px solid var(--mw-line);border-bottom:1px solid var(--mw-line);background:var(--mw-white);content:'';transform:rotate(45deg)}.mw-greeting.mw-show{display:block;animation:mw-greeting .35s ease-out}@keyframes mw-greeting{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mw-greeting-close{position:absolute;top:7px;right:9px;border:0;background:transparent;color:var(--mw-muted);font-size:18px;line-height:1;cursor:pointer}
        .mw-panel{position:absolute;right:0;bottom:88px;width:min(390px,calc(100vw - 32px));height:590px;max-height:calc(100vh - 130px);display:none;flex-direction:column;overflow:hidden;border:1px solid var(--mw-line);border-radius:12px;background:var(--mw-white);box-shadow:0 18px 50px rgba(32,32,32,.18)}.mw-panel.mw-open{display:flex;animation:mw-appear .22s ease-out}@keyframes mw-appear{from{opacity:0;transform:translateY(12px) scale(.98)}}
        .mw-top{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--mw-line);background:var(--mw-white)}.mw-top-avatar{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;flex:none;border:1px solid var(--mw-line);border-radius:50%;background:var(--mw-accent)}.mw-top-avatar .mw-avatar{width:100%;height:100%}.mw-name{display:block;font-size:17px;font-weight:700}.mw-subtitle{display:block;color:var(--mw-muted);font-size:12px}.mw-close{margin-left:auto;border:0;background:transparent;color:var(--mw-muted);font-size:27px;line-height:1;cursor:pointer}
        .mw-messages{flex:1;overflow-y:auto;padding:18px 16px 10px;background:var(--mw-bg)}.mw-message{max-width:86%;margin:0 0 12px;padding:10px 13px;border-radius:4px 14px 14px 14px;background:var(--mw-white);box-shadow:0 1px 4px rgba(32,32,32,.05);font-size:14px;line-height:1.45}.mw-message.mw-user{margin-left:auto;border-radius:14px 4px 14px 14px;color:#fff;background:var(--mw-wine)}.mw-quick{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 14px}.mw-chip{border:1px solid var(--mw-line);border-radius:16px;padding:7px 10px;background:var(--mw-white);color:var(--mw-wine);font:600 12px Manrope,Arial,sans-serif;cursor:pointer}.mw-chip:hover,.mw-tariff:hover{background:var(--mw-accent)}
        .mw-tariffs{display:grid;gap:7px;margin:5px 0 14px}.mw-tariff{padding:10px 11px;border:1px solid var(--mw-line);border-left:3px solid var(--mw-wine);border-radius:4px;background:var(--mw-white);color:var(--mw-text);font:inherit;text-align:left;cursor:pointer}.mw-tariff b{display:block;color:var(--mw-wine);font-size:13px}.mw-tariff span{color:var(--mw-muted);font-size:11px}
        .mw-lead{display:none;padding:11px 16px;border-top:1px solid var(--mw-line);background:var(--mw-white)}.mw-lead.mw-show{display:block}.mw-lead-label{display:block;margin-bottom:6px;color:var(--mw-muted);font-size:12px}.mw-input{width:100%;margin:3px 0 8px;padding:9px;border:1px solid var(--mw-line);border-radius:4px;color:var(--mw-text);font:14px Manrope,Arial,sans-serif}.mw-lead-send{width:100%;padding:10px;border:0;border-radius:4px;background:var(--mw-wine);color:#fff;font:700 13px Manrope,Arial,sans-serif;cursor:pointer}.mw-lead-send:hover,.mw-send:hover{background:var(--mw-wine-hover)}
        .mw-max-link{display:none;margin:0 16px 11px;padding:9px 12px;border:1px solid var(--mw-line);border-radius:4px;background:var(--mw-accent);color:var(--mw-wine);font-size:12px;font-weight:700;text-align:center;text-decoration:none}.mw-max-link.mw-show{display:block}.mw-max-link:hover{background:#e6d2d1}.mw-compose{display:flex;gap:8px;padding:11px;border-top:1px solid var(--mw-line);background:var(--mw-white)}.mw-compose .mw-input{flex:1;min-width:0;margin:0}.mw-send{padding:0 14px;border:0;border-radius:4px;background:var(--mw-wine);color:#fff;font:700 12px Manrope,Arial,sans-serif;cursor:pointer}.mw-send:disabled{opacity:.65;cursor:wait}@media(max-width:500px){.mw-widget{right:14px;bottom:14px}.mw-panel{right:-2px;bottom:84px;height:min(590px,calc(100vh - 105px))}}
      </style>
      <aside class="mw-widget" aria-label="Чат с Москвентусом">
        <section class="mw-panel" aria-live="polite">
          <header class="mw-top"><div class="mw-top-avatar"></div><div><strong class="mw-name"></strong><small class="mw-subtitle"></small></div><button class="mw-close" type="button" aria-label="Закрыть чат">×</button></header>
          <div class="mw-messages"><div class="mw-message">Здравствуйте! Я Москвентус. Помогу выбрать тариф, расскажу о подготовке к аттестации в Москве или отвечу на вопрос по экскурсоведению.</div><div class="mw-quick"><button class="mw-chip" data-question="Какой тариф мне выбрать?" type="button">Выбрать тариф</button><button class="mw-chip" data-question="Расскажите об аттестации в Москве" type="button">Об аттестации</button><button class="mw-chip" data-question="Хочу записаться на программу" type="button">Записаться</button></div><div class="mw-tariffs"><button class="mw-tariff" data-tariff="Базовый" type="button"><b>Базовый · 9 900 ₽</b><span>Куратор, рабочая тетрадь, доступ 120 дней</span></button><button class="mw-tariff" data-tariff="Слушатель" type="button"><b>Слушатель · 12 900 ₽</b><span>Всё Базового + 10 лекций по маршрутам</span></button><button class="mw-tariff" data-tariff="Индивидуальный" type="button"><b>Индивидуальный · 19 900 ₽</b><span>Всё Слушателя + 5 консультаций эксперта</span></button></div></div>
          <form class="mw-lead"><label class="mw-lead-label">Оставьте имя и телефон — передадим заявку учебному отделу.<input class="mw-input mw-lead-name" required placeholder="Ваше имя"><input class="mw-input mw-lead-phone" required placeholder="Телефон или Telegram"></label><button class="mw-lead-send" type="submit">Передать заявку</button></form>
          <a class="mw-max-link" target="_blank" rel="noopener noreferrer">Продолжить разговор в MAX</a>
          <form class="mw-compose"><input class="mw-input mw-text" autocomplete="off" placeholder="Напишите вопрос…"><button class="mw-send" type="submit">Отправить</button></form>
        </section>
        <button class="mw-greeting" type="button">Здравствуйте! Я Москвентус — помогу с выбором тарифа, аттестацией и отвечу на все вопросы.<span class="mw-greeting-close" aria-label="Закрыть">×</span></button>
        <button class="mw-launcher" type="button" aria-label="Открыть чат с Москвентусом"></button>
      </aside>`;
    document.body.appendChild(root);

    const $ = (selector) => root.querySelector(selector);
    const panel = $('.mw-panel'), launcher = $('.mw-launcher'), greeting = $('.mw-greeting'), messages = $('.mw-messages'), text = $('.mw-text'), send = $('.mw-send'), lead = $('.mw-lead');
    const sessionKey = 'moskventus-session-id';
    const sessionId = localStorage.getItem(sessionKey) || (window.crypto && crypto.randomUUID ? crypto.randomUUID() : String(Date.now()));
    localStorage.setItem(sessionKey, sessionId);
    const history = [];
    let tariff = '';

    function avatar(container) {
      if (opt.avatarUrl) { const image = document.createElement('img'); image.className = 'mw-avatar'; image.src = opt.avatarUrl; image.alt = ''; container.appendChild(image); }
      else { const initials = document.createElement('span'); initials.className = 'mw-initials'; initials.textContent = 'М'; container.appendChild(initials); }
    }
    avatar(launcher); avatar($('.mw-top-avatar')); $('.mw-name').textContent = opt.title; $('.mw-subtitle').textContent = opt.subtitle;
    if (opt.maxChatUrl) { const maxLink = $('.mw-max-link'); maxLink.href = opt.maxChatUrl; maxLink.classList.add('mw-show'); }
    function addMessage(value, user) { const item = document.createElement('div'); item.className = 'mw-message' + (user ? ' mw-user' : ''); item.textContent = value; messages.appendChild(item); messages.scrollTop = messages.scrollHeight; }
    function showLead() { lead.classList.add('mw-show'); $('.mw-lead-name').focus(); }
    function fallback(value) { const v = value.toLowerCase(); if (v.includes('запис') || v.includes('хочу')) { showLead(); return 'Отлично! Оставьте, пожалуйста, имя и удобный контакт — передам заявку учебному отделу.'; } return 'Сейчас помощник недоступен. Вы можете подключиться к программе по ссылке: ' + opt.registrationUrl; }
    async function ask(value) {
      addMessage(value, true); history.push({ role: 'user', content: value }); text.value = ''; send.disabled = true;
      if (!opt.webhookUrl) { setTimeout(() => { addMessage(fallback(value)); send.disabled = false; }, 250); return; }
      try {
        const response = await fetch(opt.webhookUrl, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ message: value, visitor_name: $('.mw-lead-name').value, phone: $('.mw-lead-phone').value, session_id: sessionId, page_url: location.href, history: history.slice(-12) }) });
        if (!response.ok) throw new Error('Webhook error');
        const reply = (await response.text()).trim();
        addMessage(reply || fallback(value));
        history.push({ role: 'assistant', content: reply || '' });
      } catch (error) { addMessage(fallback(value)); } finally { send.disabled = false; }
    }
    function openChat() { greeting.classList.remove('mw-show'); panel.classList.add('mw-open'); text.focus(); }
    launcher.addEventListener('click', openChat); greeting.addEventListener('click', openChat); $('.mw-greeting-close').addEventListener('click', (event) => { event.stopPropagation(); greeting.classList.remove('mw-show'); }); $('.mw-close').addEventListener('click', () => panel.classList.remove('mw-open'));
    window.setTimeout(() => { if (!panel.classList.contains('mw-open')) greeting.classList.add('mw-show'); }, 2000);
    $('.mw-compose').addEventListener('submit', (event) => { event.preventDefault(); if (text.value.trim()) ask(text.value.trim()); });
    root.querySelectorAll('.mw-chip').forEach((button) => button.addEventListener('click', () => ask(button.dataset.question)));
    root.querySelectorAll('.mw-tariff').forEach((button) => button.addEventListener('click', () => { tariff = button.dataset.tariff; showLead(); ask('Хочу записаться на тариф ' + tariff); }));
    lead.addEventListener('submit', (event) => { event.preventDefault(); ask(`Хочу записаться на тариф ${tariff || 'не выбран'}. Меня зовут ${$('.mw-lead-name').value}, контакт: ${$('.mw-lead-phone').value}.`); lead.classList.remove('mw-show'); });
  }
  window.MoskventusWidget = { init };
})();