/**
 * 消息操作菜单
 */

import { getSettings, SUMMARY_MARKER_PREFIX, splitAIMessages } from './config.js';
import { saveSettingsDebounced } from '../../../../script.js';
import { currentChatIndex, openChat, showTypingIndicator, hideTypingIndicator, appendMessage } from './chat.js';
import { showToast } from './toast.js';
import { getContext } from '../../../extensions.js';
import { formatQuoteDate } from './utils.js';
import { isInGroupChat, getCurrentGroupIndex, openGroupChat } from './group-chat.js';

// 当前显示菜单的消息索引
let currentMenuMsgIndex = -1;
// 长按计时器
let longPressTimer = null;
// 是否正在长按
let isLongPress = false;

// 待引用的消息
let pendingQuote = null;

// 菜单项配置
const menuItems = [
  { id: 'copy', icon: 'copy', text: '复制' },
  { id: 'quote', icon: 'quote', text: '引用' },
  { id: 'recall', icon: 'recall', text: '撤回', userOnly: true },
  { id: 'delete', icon: 'delete', text: '删除' },
  { id: 'multiselect', icon: 'multiselect', text: '多选' }
];

// 图标SVG
const icons = {
  copy: `<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2">
    <rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
    <path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/>
  </svg>`,
  quote: `<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2">
    <path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z"/>
    <path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v4z"/>
  </svg>`,
  recall: `<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2">
    <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/>
    <path d="M3 3v5h5"/>
  </svg>`,
  delete: `<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2">
    <polyline points="3 6 5 6 21 6"/>
    <path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/>
    <line x1="10" y1="11" x2="10" y2="17"/>
    <line x1="14" y1="11" x2="14" y2="17"/>
  </svg>`,
  multiselect: `<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2">
    <path d="M9 11l3 3L22 4"/>
    <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/>
  </svg>`
};

// 创建菜单DOM
function createMenuElement(isUserMessage = false) {
  const menu = document.createElement('div');
  menu.className = 'wechat-msg-menu hidden';
  menu.id = 'wechat-msg-menu';

  const menuContent = document.createElement('div');
  menuContent.className = 'wechat-msg-menu-content';

  menuItems.forEach(item => {
    // 跳过仅用户可用的菜单项（如果当前不是用户消息）
    if (item.userOnly && !isUserMessage) return;

    const menuItem = document.createElement('div');
    menuItem.className = 'wechat-msg-menu-item';
    menuItem.dataset.action = item.id;
    menuItem.innerHTML = `
      <div class="wechat-msg-menu-icon">${icons[item.id]}</div>
      <div class="wechat-msg-menu-text">${item.text}</div>
    `;
    menuContent.appendChild(menuItem);
  });

  menu.appendChild(menuContent);
  return menu;
}

// 显示菜单
export function showMessageMenu(msgElement, msgIndex, event) {
  hideMessageMenu();

  currentMenuMsgIndex = msgIndex;

  // 检查是否为用户消息
  const settings = getSettings();
  const groupIndex = getCurrentGroupIndex();
  let msg;

  if (groupIndex >= 0) {
    // 群聊模式
    const groupChat = settings.groupChats?.[groupIndex];
    msg = groupChat?.chatHistory?.[msgIndex];
  } else {
    // 单聊模式
    const contact = settings.contacts[currentChatIndex];
    msg = contact?.chatHistory?.[msgIndex];
  }

  // 优先从历史记录判断，其次从元素属性判断（处理分割显示的消息）
  let isUserMessage = msg?.role === 'user';
  if (msg === undefined) {
    // 如果找不到消息记录，尝试从元素属性获取
    const roleAttr = msgElement?.dataset?.msgRole || msgElement?.closest?.('[data-msg-role]')?.dataset?.msgRole;
    isUserMessage = roleAttr === 'user';
  }

  // 移除旧菜单并创建新菜单（根据消息类型动态生成）
  let menu = document.getElementById('wechat-msg-menu');
  if (menu) {
    menu.remove();
  }
  menu = createMenuElement(isUserMessage);
  document.querySelector('.wechat-phone').appendChild(menu);
  bindMenuEvents(menu);

  // 计算位置
  const msgRect = msgElement.getBoundingClientRect();
  const phoneEl = document.querySelector('.wechat-phone');
  const phoneRect = phoneEl.getBoundingClientRect();

  // 相对于手机容器的位置
  const relativeTop = msgRect.top - phoneRect.top;
  const relativeLeft = msgRect.left - phoneRect.left;

  menu.classList.remove('hidden');

  // 获取菜单尺寸
  const menuRect = menu.getBoundingClientRect();

  // 默认显示在消息上方
  let top = relativeTop - menuRect.height - 8;
  let left = relativeLeft + (msgRect.width / 2) - (menuRect.width / 2);

  // 如果上方空间不够，显示在下方
  if (top < 50) {
    top = relativeTop + msgRect.height + 8;
  }

  // 左右边界检查
  if (left < 10) left = 10;
  if (left + menuRect.width > phoneRect.width - 10) {
    left = phoneRect.width - menuRect.width - 10;
  }

  menu.style.top = `${top}px`;
  menu.style.left = `${left}px`;

  // 点击其他地方关闭菜单
  setTimeout(() => {
    document.addEventListener('click', handleOutsideClick);
    document.addEventListener('touchstart', handleOutsideClick);
  }, 10);
}

// 隐藏菜单
export function hideMessageMenu() {
  const menu = document.getElementById('wechat-msg-menu');
  if (menu) {
    menu.classList.add('hidden');
  }
  currentMenuMsgIndex = -1;
  document.removeEventListener('click', handleOutsideClick);
  document.removeEventListener('touchstart', handleOutsideClick);
}

// 点击外部关闭
function handleOutsideClick(e) {
  const menu = document.getElementById('wechat-msg-menu');
  if (menu && !menu.contains(e.target)) {
    hideMessageMenu();
  }
}

// 绑定菜单事件
function bindMenuEvents(menu) {
  menu.addEventListener('click', (e) => {
    const menuItem = e.target.closest('.wechat-msg-menu-item');
    if (!menuItem) return;

    const action = menuItem.dataset.action;
    handleMenuAction(action, currentMenuMsgIndex);
    hideMessageMenu();
  });
}

// 处理菜单操作
function handleMenuAction(action, msgIndex) {
  const settings = getSettings();
  const groupIndex = getCurrentGroupIndex();
  let chatHistory, contact, groupChat;

  if (groupIndex >= 0) {
    // 群聊模式
    groupChat = settings.groupChats?.[groupIndex];
    if (!groupChat || !groupChat.chatHistory || msgIndex < 0) return;
    chatHistory = groupChat.chatHistory;
  } else {
    // 单聊模式
    contact = settings.contacts[currentChatIndex];
    if (!contact || !contact.chatHistory || msgIndex < 0) return;
    chatHistory = contact.chatHistory;
  }

  const msg = chatHistory[msgIndex];
  if (!msg) return;

  switch (action) {
    case 'copy':
      copyMessage(msg.content);
      break;
    case 'quote':
      quoteMessage(msg, groupIndex >= 0, groupChat);
      break;
    case 'recall':
      if (groupIndex >= 0) {
        recallGroupMessage(msgIndex, groupChat);
      } else {
        recallMessage(msgIndex, contact);
      }
      break;
    case 'delete':
      if (groupIndex >= 0) {
        deleteGroupMessage(msgIndex, groupChat);
      } else {
        deleteMessage(msgIndex, contact);
      }
      break;
    case 'multiselect':
      showToast('多选功能开发中');
      break;
  }
}

// 复制消息
function copyMessage(content) {
  navigator.clipboard.writeText(content).then(() => {
    showToast('已复制');
  }).catch(() => {
    // 降级方案
    const textarea = document.createElement('textarea');
    textarea.value = content;
    textarea.style.position = 'fixed';
    textarea.style.opacity = '0';
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand('copy');
    document.body.removeChild(textarea);
    showToast('已复制');
  });
}

// 引用消息 - 设置待引用状态
function quoteMessage(msg, isGroupChat = false, groupChat = null) {
  const settings = getSettings();
  const context = getContext();

  // 确定发送者名称
  let senderName;
  if (msg.role === 'user') {
    senderName = context?.name1 || '我';
  } else if (isGroupChat) {
    // 群聊模式：使用消息中存储的角色名
    senderName = msg.characterName || '群成员';
  } else {
    // 单聊模式：使用联系人名称
    const contact = settings.contacts[currentChatIndex];
    senderName = contact?.name || '对方';
  }

  // 格式化日期
  const date = formatQuoteDate(msg.timestamp);

  // 设置待引用消息
  const isMusic = msg.isMusic === true;
  let quoteContent = msg.content;
  if (isMusic && msg.musicInfo) {
    const artist = (msg.musicInfo.artist || '').toString().trim();
    const name = (msg.musicInfo.name || '').toString().trim();
    quoteContent = artist && name ? `${artist}-${name}` : (name || artist || msg.content);
  }
  pendingQuote = {
    content: quoteContent,
    sender: senderName,
    date: date,
    isVoice: msg.isVoice === true,
    isPhoto: msg.isPhoto === true,
    isSticker: msg.isSticker === true,
    isMusic: isMusic
  };

  // 显示引用预览条
  showQuotePreview();

  // 聚焦输入框
  const input = document.getElementById('wechat-input');
  if (input) {
    input.focus();
  }
}

// 显示引用预览条
function showQuotePreview() {
  if (!pendingQuote) return;

  // 移除已有的预览条
  hideQuotePreview();

  const inputArea = document.querySelector('.wechat-chat-input');
  if (!inputArea) return;

  const previewBar = document.createElement('div');
  previewBar.className = 'wechat-quote-preview';
  previewBar.id = 'wechat-quote-preview';

  // 根据消息类型生成显示文本
  let contentText;
  if (pendingQuote.isVoice) {
    const seconds = Math.max(2, Math.min(60, Math.ceil(pendingQuote.content.length / 3)));
    contentText = `[语音] ${seconds}"`;
  } else if (pendingQuote.isPhoto) {
    contentText = '[照片]';
  } else if (pendingQuote.isSticker) {
    contentText = '[表情]';
  } else {
    contentText = pendingQuote.content.length > 25
      ? pendingQuote.content.substring(0, 25) + '...'
      : pendingQuote.content;
  }

  previewBar.innerHTML = `
    <div class="wechat-quote-preview-content">
      <span class="wechat-quote-preview-sender">${pendingQuote.sender}:</span>
      <span class="wechat-quote-preview-text">${contentText}</span>
    </div>
    <button class="wechat-quote-preview-close" id="wechat-quote-close">×</button>
  `;

  // 插入到输入框下方
  inputArea.parentNode.insertBefore(previewBar, inputArea.nextSibling);

  // 绑定关闭按钮事件
  document.getElementById('wechat-quote-close').addEventListener('click', clearQuote);
}

// 隐藏引用预览条
function hideQuotePreview() {
  const preview = document.getElementById('wechat-quote-preview');
  if (preview) {
    preview.remove();
  }
}

// 获取待引用消息
export function getPendingQuote() {
  return pendingQuote;
}

// 清除引用
export function clearQuote() {
  pendingQuote = null;
  hideQuotePreview();
}

// 设置引用（供外部调用）
export function setQuote(quote) {
  if (!quote || !quote.content) return;
  pendingQuote = {
    content: quote.content,
    sender: quote.sender || '用户',
    date: quote.date || '',
    isVoice: quote.isVoice === true,
    isPhoto: quote.isPhoto === true,
    isSticker: quote.isSticker === true,
    isMusic: quote.isMusic === true
  };
  showQuotePreview();
  // 聚焦输入框
  const input = document.getElementById('wechat-input');
  if (input) {
    input.focus();
  }
}

// 删除消息
function deleteMessage(msgIndex, contact) {
  contact.chatHistory.splice(msgIndex, 1);
  saveSettingsDebounced();
  // 刷新聊天界面
  openChat(currentChatIndex);
  showToast('已删除');
}

// 撤回消息
async function recallMessage(msgIndex, contact) {
  const msg = contact.chatHistory[msgIndex];
  if (!msg) return;

  // 只能撤回自己的消息
  if (msg.role !== 'user') {
    showToast('只能撤回自己的消息');
    return;
  }

  // 标记为撤回
  msg.isRecalled = true;
  msg.originalContent = msg.content;
  msg.content = '';

  saveSettingsDebounced();
  // 刷新聊天界面
  openChat(currentChatIndex);
  showToast('已撤回');

  // 触发AI回复
  try {
    showTypingIndicator(contact);

    const { callAI } = await import('./ai.js');
    const aiResponse = await callAI(contact, '[用户撤回了一条消息]');

    hideTypingIndicator();

    const now = new Date();
    const timeStr = `${now.getFullYear()}-${(now.getMonth()+1).toString().padStart(2,'0')}-${now.getDate().toString().padStart(2,'0')} ${now.getHours().toString().padStart(2,'0')}:${now.getMinutes().toString().padStart(2,'0')}`;

    // 解析AI回复（可能有多条消息）
    const aiMessages = splitAIMessages(aiResponse);

    for (const aiMsg of aiMessages) {
      let finalMsg = aiMsg;
      let isVoice = false;

      const voiceMatch = aiMsg.match(/^\[语音[：:]\s*(.+?)\]$/);
      if (voiceMatch) {
        finalMsg = voiceMatch[1];
        isVoice = true;
      }

      contact.chatHistory.push({
        role: 'assistant',
        content: finalMsg,
        time: timeStr,
        timestamp: Date.now(),
        isVoice: isVoice
      });

      appendMessage('assistant', finalMsg, contact, isVoice);
    }

    contact.lastMessage = aiMessages[aiMessages.length - 1];
    saveSettingsDebounced();

  } catch (err) {
    hideTypingIndicator();
    console.error('[可乐] 撤回后AI回复失败:', err);
  }
}

// 删除群聊消息
function deleteGroupMessage(msgIndex, groupChat) {
  const groupIndex = getCurrentGroupIndex();
  if (groupIndex < 0) return;

  groupChat.chatHistory.splice(msgIndex, 1);
  saveSettingsDebounced();
  // 刷新群聊界面
  openGroupChat(groupIndex);
  showToast('已删除');
}

// 撤回群聊消息
async function recallGroupMessage(msgIndex, groupChat) {
  const groupIndex = getCurrentGroupIndex();
  if (groupIndex < 0) return;

  const msg = groupChat.chatHistory[msgIndex];
  if (!msg) return;

  // 只能撤回自己的消息
  if (msg.role !== 'user') {
    showToast('只能撤回自己的消息');
    return;
  }

  // 标记为撤回
  msg.isRecalled = true;
  msg.originalContent = msg.content;
  msg.content = '';

  saveSettingsDebounced();
  // 刷新群聊界面
  openGroupChat(groupIndex);
  showToast('已撤回');
}

// 绑定消息气泡事件
export function bindMessageBubbleEvents(container) {
  const bubbles = container.querySelectorAll('.wechat-message-bubble, .wechat-voice-bubble');

  bubbles.forEach((bubble, index) => {
    if (bubble.dataset.menuBound) return;
    bubble.dataset.menuBound = 'true';

    // 获取真实的消息索引
    const msgElement = bubble.closest('.wechat-message');
    if (!msgElement) return;

    // 计算消息索引（跳过时间标签）
    const allMessages = Array.from(container.querySelectorAll('.wechat-message'));
    const msgIndex = allMessages.indexOf(msgElement);

    // PC端：单击
    bubble.addEventListener('click', (e) => {
      if (isLongPress) {
        isLongPress = false;
        return;
      }
      // 语音气泡点击展开文本，不显示菜单
      if (bubble.classList.contains('wechat-voice-bubble')) return;

      e.stopPropagation();
      showMessageMenu(bubble, getRealMsgIndex(container, msgElement), e);
    });

    // 移动端：长按
    bubble.addEventListener('touchstart', (e) => {
      isLongPress = false;
      longPressTimer = setTimeout(() => {
        isLongPress = true;
        e.preventDefault();
        showMessageMenu(bubble, getRealMsgIndex(container, msgElement), e);
      }, 500);
    });

    bubble.addEventListener('touchend', () => {
      clearTimeout(longPressTimer);
    });

    bubble.addEventListener('touchmove', () => {
      clearTimeout(longPressTimer);
    });
  });
}

// 获取真实的消息索引（排除时间标签等）
function getRealMsgIndex(container, msgElement) {
  const settings = getSettings();
  const contact = settings.contacts[currentChatIndex];
  if (!contact || !contact.chatHistory) return -1;

  // 获取所有消息元素（不含时间标签）
  const allMsgElements = Array.from(container.querySelectorAll('.wechat-message:not(.wechat-typing-wrapper)'));
  const visualIndex = allMsgElements.indexOf(msgElement);

  if (visualIndex < 0) return -1;

  // 需要计算真实索引（chatHistory中可能包含marker消息和撤回消息）
  // 注意：包含 ||| 的消息在渲染时会被拆分成多条可视消息，需要正确计算
  let realIndex = -1;
  let visualCount = 0;

  for (let i = 0; i < contact.chatHistory.length; i++) {
    const msg = contact.chatHistory[i];
    // 跳过marker消息和撤回消息
    if (msg.isMarker || msg.content?.startsWith(SUMMARY_MARKER_PREFIX) || msg.isRecalled) continue;

    // 计算这条消息渲染成几个可视消息
    let visualMsgCount = 1;
    const content = msg.content || '';
    const isSpecial = msg.isVoice || msg.isSticker || msg.isPhoto || msg.isMusic;
    if (!isSpecial && content.indexOf('|||') >= 0) {
      // 按 ||| 分割后有多少个非空部分
      const parts = content.split('|||').map(p => p.trim()).filter(p => p);
      visualMsgCount = parts.length || 1;
    }

    // 检查 visualIndex 是否落在这条消息的范围内
    if (visualIndex >= visualCount && visualIndex < visualCount + visualMsgCount) {
      realIndex = i;
      break;
    }

    visualCount += visualMsgCount;
  }

  return realIndex;
}