// 👥 群聊信息页面逻辑
const app = getApp();
const groupChatManager = require('../../../utils/group-chat-manager.js');
const apiClient = require('../../../utils/api-client.js');

Page({
  data: {
    // 系统信息
    statusBarHeight: 44,
    navBarHeight: 88,
    
    // 群信息
    groupId: '',
    groupInfo: {},
    memberCount: 0,
    displayMembers: [],
    
    // 用户权限
    currentUserId: '',
    userRole: 'member',
    isOwner: false,
    isOwnerOrAdmin: false,
    canInviteMembers: false,
    
    // 群设置
    groupSettings: {
      muteNotifications: false,
      pinned: false,
      saveToContacts: true
    },
    
    // 弹窗状态
    showQRCodeModal: false,
    showEditNameModal: false,
    showEditDescModal: false,
    
    // 编辑状态
    editGroupName: '',
    editGroupDescription: '',
    
    // 二维码
    qrCodeSize: 400,
    
    // 加载状态
    loading: false,
    loadingText: '加载中...'
  },

  onLoad(options) {
    console.log('👥 群聊信息页面加载:', options);
    
    // 获取系统信息
    this.getSystemInfo();
    
    // 获取群ID
    if (options.groupId) {
      this.setData({
        groupId: options.groupId
      });
      
      // 加载群信息
      this.loadGroupInfo();
    } else {
      wx.showToast({
        title: '群聊ID不能为空',
        icon: 'none'
      });
      setTimeout(() => {
        wx.navigateBack();
      }, 1500);
    }
  },

  onShow() {
    console.log('👥 群聊信息页面显示');
    
    // 刷新群信息
    if (this.data.groupId) {
      this.loadGroupInfo();
    }
  },

  // 获取系统信息
  getSystemInfo() {
    const systemInfo = wx.getSystemInfoSync();
    this.setData({
      statusBarHeight: systemInfo.statusBarHeight || 44,
      navBarHeight: 88,
      currentUserId: wx.getStorageSync('userId')
    });
  },

  // 加载群信息
  async loadGroupInfo() {
    try {
      this.setData({
        loading: true,
        loadingText: '加载群信息中...'
      });
      
      // 获取群基本信息
      const groupResponse = await apiClient.request({
        url: `/api/v1/groups/${this.data.groupId}`,
        method: 'GET'
      });
      
      if (!groupResponse.success) {
        throw new Error(groupResponse.error || '获取群信息失败');
      }
      
      const groupInfo = groupResponse.data;
      
      // 获取群成员列表
      const membersResult = await groupChatManager.getGroupMembers(this.data.groupId, false);
      
      if (!membersResult.success) {
        throw new Error(membersResult.error || '获取群成员失败');
      }
      
      const members = membersResult.data;
      
      // 获取当前用户角色
      const currentUser = members.find(member => member.userId === this.data.currentUserId);
      const userRole = currentUser ? currentUser.role : 'member';
      
      // 计算权限
      const isOwner = userRole === 'owner';
      const isOwnerOrAdmin = userRole === 'owner' || userRole === 'admin';
      const canInviteMembers = isOwnerOrAdmin || groupInfo.settings?.allowMemberInvite;
      
      // 处理显示的成员（最多显示8个）
      const displayMembers = members.slice(0, 8);
      
      // 处理公告时间
      let announcementTimeText = '';
      if (groupInfo.announcementTime) {
        const date = new Date(groupInfo.announcementTime);
        announcementTimeText = this.formatDateTime(date);
      }
      
      this.setData({
        groupInfo: groupInfo,
        memberCount: members.length,
        displayMembers: displayMembers,
        userRole: userRole,
        isOwner: isOwner,
        isOwnerOrAdmin: isOwnerOrAdmin,
        canInviteMembers: canInviteMembers,
        announcementTimeText: announcementTimeText,
        loading: false
      });
      
      // 加载群设置
      this.loadGroupSettings();
      
      console.log('✅ 群信息加载完成');
      
    } catch (error) {
      this.setData({
        loading: false
      });
      
      console.error('❌ 加载群信息失败:', error);
      wx.showToast({
        title: error.message || '加载群信息失败',
        icon: 'none'
      });
    }
  },

  // 加载群设置
  async loadGroupSettings() {
    try {
      // 从本地存储获取群设置
      const settings = wx.getStorageSync(`groupSettings_${this.data.groupId}`) || {};
      
      this.setData({
        groupSettings: {
          muteNotifications: settings.muteNotifications || false,
          pinned: settings.pinned || false,
          saveToContacts: settings.saveToContacts !== false
        }
      });
      
    } catch (error) {
      console.error('❌ 加载群设置失败:', error);
    }
  },

  // 👥 ===== 群信息编辑 =====

  // 编辑群头像
  editGroupAvatar() {
    if (!this.data.isOwnerOrAdmin) {
      wx.showToast({
        title: '没有修改权限',
        icon: 'none'
      });
      return;
    }
    
    console.log('👥 编辑群头像');
    
    wx.chooseImage({
      count: 1,
      sizeType: ['compressed'],
      sourceType: ['album', 'camera'],
      success: (res) => {
        const tempFilePath = res.tempFilePaths[0];
        this.updateGroupAvatar(tempFilePath);
      },
      fail: (error) => {
        console.error('❌ 选择头像失败:', error);
        wx.showToast({
          title: '选择头像失败',
          icon: 'none'
        });
      }
    });
  },

  // 更新群头像
  async updateGroupAvatar(avatarPath) {
    try {
      this.setData({
        loading: true,
        loadingText: '更新头像中...'
      });
      
      // 上传头像
      const uploadResult = await this.uploadImage(avatarPath);
      
      if (!uploadResult.success) {
        throw new Error('头像上传失败');
      }
      
      // 更新群信息
      const result = await groupChatManager.updateGroupInfo(this.data.groupId, {
        avatar: uploadResult.url
      });
      
      this.setData({
        loading: false
      });
      
      if (result.success) {
        // 更新本地数据
        this.setData({
          'groupInfo.avatar': uploadResult.url
        });
        
        wx.showToast({
          title: '头像更新成功',
          icon: 'success'
        });
      } else {
        throw new Error(result.error || '头像更新失败');
      }
      
    } catch (error) {
      this.setData({
        loading: false
      });
      
      console.error('❌ 更新群头像失败:', error);
      wx.showToast({
        title: error.message || '头像更新失败',
        icon: 'none'
      });
    }
  },

  // 编辑群名称
  editGroupName() {
    if (!this.data.isOwnerOrAdmin) {
      wx.showToast({
        title: '没有修改权限',
        icon: 'none'
      });
      return;
    }
    
    console.log('👥 编辑群名称');
    
    this.setData({
      editGroupName: this.data.groupInfo.name || '',
      showEditNameModal: true
    });
  },

  // 群名称输入
  onEditGroupNameInput(e) {
    this.setData({
      editGroupName: e.detail.value
    });
  },

  // 确认修改群名称
  async confirmEditGroupName() {
    const newName = this.data.editGroupName.trim();
    
    if (!newName) {
      wx.showToast({
        title: '群名称不能为空',
        icon: 'none'
      });
      return;
    }
    
    if (newName === this.data.groupInfo.name) {
      this.closeEditNameModal();
      return;
    }
    
    try {
      this.setData({
        loading: true,
        loadingText: '更新群名称中...'
      });
      
      const result = await groupChatManager.updateGroupInfo(this.data.groupId, {
        name: newName
      });
      
      this.setData({
        loading: false
      });
      
      if (result.success) {
        // 更新本地数据
        this.setData({
          'groupInfo.name': newName
        });
        
        this.closeEditNameModal();
        
        wx.showToast({
          title: '群名称更新成功',
          icon: 'success'
        });
      } else {
        throw new Error(result.error || '群名称更新失败');
      }
      
    } catch (error) {
      this.setData({
        loading: false
      });
      
      console.error('❌ 更新群名称失败:', error);
      wx.showToast({
        title: error.message || '群名称更新失败',
        icon: 'none'
      });
    }
  },

  // 关闭编辑群名称弹窗
  closeEditNameModal() {
    this.setData({
      showEditNameModal: false,
      editGroupName: ''
    });
  },

  // 编辑群描述
  editGroupDescription() {
    if (!this.data.isOwnerOrAdmin) {
      wx.showToast({
        title: '没有修改权限',
        icon: 'none'
      });
      return;
    }
    
    console.log('👥 编辑群描述');
    
    this.setData({
      editGroupDescription: this.data.groupInfo.description || '',
      showEditDescModal: true
    });
  },

  // 群描述输入
  onEditGroupDescInput(e) {
    this.setData({
      editGroupDescription: e.detail.value
    });
  },

  // 确认修改群描述
  async confirmEditGroupDescription() {
    const newDescription = this.data.editGroupDescription.trim();
    
    if (newDescription === this.data.groupInfo.description) {
      this.closeEditDescModal();
      return;
    }
    
    try {
      this.setData({
        loading: true,
        loadingText: '更新群描述中...'
      });
      
      const result = await groupChatManager.updateGroupInfo(this.data.groupId, {
        description: newDescription
      });
      
      this.setData({
        loading: false
      });
      
      if (result.success) {
        // 更新本地数据
        this.setData({
          'groupInfo.description': newDescription
        });
        
        this.closeEditDescModal();
        
        wx.showToast({
          title: '群描述更新成功',
          icon: 'success'
        });
      } else {
        throw new Error(result.error || '群描述更新失败');
      }
      
    } catch (error) {
      this.setData({
        loading: false
      });
      
      console.error('❌ 更新群描述失败:', error);
      wx.showToast({
        title: error.message || '群描述更新失败',
        icon: 'none'
      });
    }
  },

  // 关闭编辑群描述弹窗
  closeEditDescModal() {
    this.setData({
      showEditDescModal: false,
      editGroupDescription: ''
    });
  },

  // 编辑群公告
  editGroupAnnouncement() {
    if (!this.data.isOwnerOrAdmin) {
      wx.showToast({
        title: '没有发布权限',
        icon: 'none'
      });
      return;
    }
    
    console.log('👥 编辑群公告');
    
    // 跳转到群公告编辑页面
    wx.navigateTo({
      url: `/pages/group/group-announcement/group-announcement?groupId=${this.data.groupId}&mode=edit`
    });
  },

  // 🔧 ===== 工具方法 =====

  // 格式化日期时间
  formatDateTime(date) {
    const now = new Date();
    const diff = now.getTime() - date.getTime();
    
    if (diff < 60000) { // 1分钟内
      return '刚刚';
    } else if (diff < 3600000) { // 1小时内
      return `${Math.floor(diff / 60000)}分钟前`;
    } else if (diff < 86400000) { // 1天内
      return `${Math.floor(diff / 3600000)}小时前`;
    } else if (diff < 604800000) { // 1周内
      return `${Math.floor(diff / 86400000)}天前`;
    } else {
      return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
    }
  },

  // 上传图片
  async uploadImage(filePath) {
    return new Promise((resolve, reject) => {
      wx.uploadFile({
        url: `${app.globalData.apiBaseUrl}/api/v1/upload/image`,
        filePath: filePath,
        name: 'file',
        header: {
          'Authorization': `Bearer ${wx.getStorageSync('token')}`
        },
        success: (res) => {
          try {
            const data = JSON.parse(res.data);
            if (data.success) {
              resolve({ success: true, url: data.data.url });
            } else {
              reject(new Error(data.error || '上传失败'));
            }
          } catch (error) {
            reject(new Error('上传响应解析失败'));
          }
        },
        fail: (error) => {
          reject(error);
        }
      });
    });
  },

  // 👤 ===== 成员管理 =====

  // 邀请成员
  inviteMembers() {
    if (!this.data.canInviteMembers) {
      wx.showToast({
        title: '没有邀请权限',
        icon: 'none'
      });
      return;
    }

    console.log('👤 邀请成员');

    // 跳转到邀请成员页面
    wx.navigateTo({
      url: `/pages/group/invite-members/invite-members?groupId=${this.data.groupId}`
    });
  },

  // 查看所有成员
  viewAllMembers() {
    console.log('👤 查看所有成员');

    // 跳转到群成员列表页面
    wx.navigateTo({
      url: `/pages/group/group-members/group-members?groupId=${this.data.groupId}`
    });
  },

  // 查看成员资料
  viewMemberProfile(e) {
    const userId = e.currentTarget.dataset.userId;
    console.log('👤 查看成员资料:', userId);

    if (userId === this.data.currentUserId) {
      // 查看自己的资料
      wx.navigateTo({
        url: '/pages/profile/profile'
      });
    } else {
      // 查看其他成员资料
      wx.navigateTo({
        url: `/pages/social/user-profile/user-profile?userId=${userId}`
      });
    }
  },

  // 📋 ===== 群功能 =====

  // 搜索聊天记录
  searchChatHistory() {
    console.log('🔍 搜索聊天记录');

    // 跳转到搜索页面
    wx.navigateTo({
      url: `/pages/search/global-search?conversationId=${this.data.groupId}&conversationName=${encodeURIComponent(this.data.groupInfo.name || '群聊')}`
    });
  },

  // 查看群文件
  viewGroupFiles() {
    console.log('📁 查看群文件');

    wx.showToast({
      title: '群文件功能开发中',
      icon: 'none'
    });
  },

  // 查看群相册
  viewGroupPhotos() {
    console.log('🖼️ 查看群相册');

    wx.showToast({
      title: '群相册功能开发中',
      icon: 'none'
    });
  },

  // 显示群二维码
  showGroupQRCode() {
    console.log('📱 显示群二维码');

    this.setData({
      showQRCodeModal: true
    });

    // 生成二维码
    this.generateGroupQRCode();
  },

  // 生成群二维码
  generateGroupQRCode() {
    try {
      // 构建二维码数据
      const qrData = JSON.stringify({
        type: 'group',
        groupId: this.data.groupId,
        groupName: this.data.groupInfo.name
      });

      // 这里应该使用二维码生成库，暂时用canvas模拟
      const ctx = wx.createCanvasContext('groupQRCode', this);

      // 绘制二维码背景
      ctx.setFillStyle('#FFFFFF');
      ctx.fillRect(0, 0, this.data.qrCodeSize, this.data.qrCodeSize);

      // 绘制二维码内容（这里简化处理）
      ctx.setFillStyle('#000000');
      ctx.setTextAlign('center');
      ctx.setFontSize(16);
      ctx.fillText('群聊二维码', this.data.qrCodeSize / 2, this.data.qrCodeSize / 2);
      ctx.fillText(this.data.groupInfo.name, this.data.qrCodeSize / 2, this.data.qrCodeSize / 2 + 30);

      ctx.draw();

    } catch (error) {
      console.error('❌ 生成二维码失败:', error);
    }
  },

  // 关闭二维码弹窗
  closeQRCodeModal() {
    this.setData({
      showQRCodeModal: false
    });
  },

  // 保存二维码到相册
  saveQRCodeToAlbum() {
    console.log('💾 保存二维码到相册');

    wx.canvasToTempFilePath({
      canvasId: 'groupQRCode',
      success: (res) => {
        wx.saveImageToPhotosAlbum({
          filePath: res.tempFilePath,
          success: () => {
            wx.showToast({
              title: '保存成功',
              icon: 'success'
            });
          },
          fail: (error) => {
            console.error('❌ 保存失败:', error);
            wx.showToast({
              title: '保存失败',
              icon: 'none'
            });
          }
        });
      },
      fail: (error) => {
        console.error('❌ 生成图片失败:', error);
        wx.showToast({
          title: '生成图片失败',
          icon: 'none'
        });
      }
    }, this);
  },

  // 分享二维码
  shareQRCode() {
    console.log('📤 分享二维码');

    wx.canvasToTempFilePath({
      canvasId: 'groupQRCode',
      success: (res) => {
        wx.showShareImageMenu({
          path: res.tempFilePath,
          success: () => {
            console.log('✅ 分享成功');
          },
          fail: (error) => {
            console.error('❌ 分享失败:', error);
            wx.showToast({
              title: '分享失败',
              icon: 'none'
            });
          }
        });
      },
      fail: (error) => {
        console.error('❌ 生成图片失败:', error);
        wx.showToast({
          title: '生成图片失败',
          icon: 'none'
        });
      }
    }, this);
  },

  // ⚙️ ===== 群设置 =====

  // 消息免打扰设置变化
  onMuteNotificationsChange(e) {
    const checked = e.detail.value;
    console.log('⚙️ 消息免打扰设置变化:', checked);

    this.setData({
      'groupSettings.muteNotifications': checked
    });

    this.saveGroupSettings();
  },

  // 置顶聊天设置变化
  onPinnedChange(e) {
    const checked = e.detail.value;
    console.log('⚙️ 置顶聊天设置变化:', checked);

    this.setData({
      'groupSettings.pinned': checked
    });

    this.saveGroupSettings();
  },

  // 保存到通讯录设置变化
  onSaveToContactsChange(e) {
    const checked = e.detail.value;
    console.log('⚙️ 保存到通讯录设置变化:', checked);

    this.setData({
      'groupSettings.saveToContacts': checked
    });

    this.saveGroupSettings();
  },

  // 保存群设置
  saveGroupSettings() {
    try {
      wx.setStorageSync(`groupSettings_${this.data.groupId}`, this.data.groupSettings);
      console.log('✅ 群设置保存成功');
    } catch (error) {
      console.error('❌ 保存群设置失败:', error);
    }
  },

  // 打开群设置
  openGroupSettings() {
    console.log('⚙️ 打开群设置');

    // 跳转到群设置页面
    wx.navigateTo({
      url: `/pages/group/group-settings/group-settings?groupId=${this.data.groupId}`
    });
  },

  // 📱 ===== 操作功能 =====

  // 发消息
  sendMessage() {
    console.log('💬 发消息');

    // 跳转到群聊页面
    wx.navigateTo({
      url: `/pages/message/chat/chat?chatType=1&targetId=${this.data.groupId}&chatName=${encodeURIComponent(this.data.groupInfo.name || '群聊')}`
    });
  },

  // 显示退出群聊选项
  showLeaveGroupOptions() {
    console.log('🚪 显示退出群聊选项');

    if (this.data.isOwner) {
      // 群主显示解散群聊选项
      wx.showModal({
        title: '解散群聊',
        content: '解散后，所有成员将被移出群聊，且聊天记录将被清空。确定要解散群聊吗？',
        confirmText: '解散',
        confirmColor: '#FF3B30',
        success: (res) => {
          if (res.confirm) {
            this.dissolveGroup();
          }
        }
      });
    } else {
      // 普通成员显示退出群聊选项
      wx.showModal({
        title: '退出群聊',
        content: '退出后，将不再接收此群聊消息。确定要退出群聊吗？',
        confirmText: '退出',
        confirmColor: '#FF3B30',
        success: (res) => {
          if (res.confirm) {
            this.leaveGroup();
          }
        }
      });
    }
  },

  // 解散群聊
  async dissolveGroup() {
    try {
      this.setData({
        loading: true,
        loadingText: '解散群聊中...'
      });

      const result = await groupChatManager.dissolveGroup(this.data.groupId);

      this.setData({
        loading: false
      });

      if (result.success) {
        wx.showToast({
          title: '群聊已解散',
          icon: 'success'
        });

        // 返回消息列表
        setTimeout(() => {
          wx.navigateBack({
            delta: 2
          });
        }, 1500);
      } else {
        throw new Error(result.error || '解散群聊失败');
      }

    } catch (error) {
      this.setData({
        loading: false
      });

      console.error('❌ 解散群聊失败:', error);
      wx.showToast({
        title: error.message || '解散群聊失败',
        icon: 'none'
      });
    }
  },

  // 退出群聊
  async leaveGroup() {
    try {
      this.setData({
        loading: true,
        loadingText: '退出群聊中...'
      });

      const result = await groupChatManager.leaveGroup(this.data.groupId);

      this.setData({
        loading: false
      });

      if (result.success) {
        wx.showToast({
          title: '已退出群聊',
          icon: 'success'
        });

        // 返回消息列表
        setTimeout(() => {
          wx.navigateBack({
            delta: 2
          });
        }, 1500);
      } else {
        throw new Error(result.error || '退出群聊失败');
      }

    } catch (error) {
      this.setData({
        loading: false
      });

      console.error('❌ 退出群聊失败:', error);
      wx.showToast({
        title: error.message || '退出群聊失败',
        icon: 'none'
      });
    }
  },

  // 显示更多菜单
  showMoreMenu() {
    console.log('📋 显示更多菜单');

    const itemList = [];

    if (this.data.isOwnerOrAdmin) {
      itemList.push('群管理');
    }

    itemList.push('举报群聊');

    wx.showActionSheet({
      itemList: itemList,
      success: (res) => {
        switch (res.tapIndex) {
          case 0:
            if (this.data.isOwnerOrAdmin) {
              this.openGroupManagement();
            } else {
              this.reportGroup();
            }
            break;
          case 1:
            this.reportGroup();
            break;
          default:
            console.log('选择菜单项:', res.tapIndex);
        }
      }
    });
  },

  // 打开群管理
  openGroupManagement() {
    console.log('👥 打开群管理');

    // 跳转到群管理页面
    wx.navigateTo({
      url: `/pages/group/group-management/group-management?groupId=${this.data.groupId}`
    });
  },

  // 举报群聊
  reportGroup() {
    console.log('⚠️ 举报群聊');

    wx.showToast({
      title: '举报功能开发中',
      icon: 'none'
    });
  },

  // 阻止事件冒泡
  stopPropagation() {
    // 阻止点击事件冒泡
  },

  // 🧭 ===== 页面导航 =====

  // 返回上一页
  goBack() {
    wx.navigateBack();
  }
});
