Component({
  data: {
    roleName: '',
    roles: [],
    currentPath: '',
    visibleTabs: [],
    allTabs: [
      {
        key: 'reception',
        text: '接待',
        pagePath: '/pages/reception/reception',
        iconPath: '/static/tabbar/reception.png',
        selectedIconPath: '/static/tabbar/reception_active.png',
      },
      {
        key: 'customer',
        text: '客户',
        pagePath: '/pages/customer/customer',
        iconPath: '/static/tabbar/customer.png',
        selectedIconPath: '/static/tabbar/customer_active.png',
      },
      {
        key: 'team',
        text: '团队',
        pagePath: '/pages/team/team',
        iconPath: '/static/tabbar/team.png',
        selectedIconPath: '/static/tabbar/team_active.png',
      },
      {
        key: 'ucenter',
        text: '我的',
        pagePath: '/pages/ucenter/ucenter',
        iconPath: '/static/tabbar/me.png',
        selectedIconPath: '/static/tabbar/me_active.png',
      },
      {
        key: 'meeting_summary',
        text: '总结和统计',
        pagePath: '/pages/meeting_summary/meeting_summary',
        iconPath: '/static/tabbar/insight.png',
        selectedIconPath: '/static/tabbar/insight_active.png',
      },
      {
        key: 'furniture_reception',
        text: '接待',
        pagePath: '/pages/furniture_reception/furniture_reception',
        iconPath: '/static/tabbar/reception.png',
        selectedIconPath: '/static/tabbar/reception_active.png',
      },
      {
        key: 'common_begin_reception',
        text: '开始接待',
        pagePath: '/pages/furniture_reception/common_begin_reception',
        iconPath: '/static/tabbar/reception.png',
        selectedIconPath: '/static/tabbar/reception_active.png',
      },
      {
        key: 'furniture_customer',
        text: '客户',
        pagePath: '/pages/furniture_customer/furniture_customer',
        iconPath: '/static/tabbar/customer.png',
        selectedIconPath: '/static/tabbar/customer_active.png',
      },
      {
        key: 'furniture_top_sales',
        text: '销冠',
        pagePath: '/pages/furniture_top_sales/furniture_top_sales',
        iconPath: '/static/tabbar/insight.png',
        selectedIconPath: '/static/tabbar/insight_active.png',
      },
    ],
  },
  
  lifetimes: {
    attached() {
      this.refreshRole();
      this.updateActivePath();
      
      // 监听全局事件，用于登录后刷新tabBar
      // 注意：微信小程序不支持uni.$on，需要通过其他方式实现
      // 这里通过监听storage变化来实现
      try {
        // 使用定时器定期检查角色变化（登录后）
        this._refreshTimer = setInterval(() => {
          const storedRole = wx.getStorageSync('backend-role-name') || '';
          if (storedRole !== this.data.roleName) {
            this.refreshRole();
            this.updateActivePath();
          }
        }, 1000);
      } catch (e) {
        console.warn('设置tabBar刷新监听失败:', e);
      }
    },
    detached() {
      // 清理定时器
      if (this._refreshTimer) {
        clearInterval(this._refreshTimer);
        this._refreshTimer = null;
      }
    },
  },
  
  pageLifetimes: {
    show() {
      this.refreshRole();
      this.updateActivePath();
    },
  },
  
  methods: {
    refreshRole() {
      try {
        const storedRole = wx.getStorageSync('backend-role-name') || '';
        const loginResp = wx.getStorageSync('backend-login-response') || {};
        const respRole = loginResp.roleName || '';

        const normalize = (val) =>
          typeof val === 'string'
            ? val
                .split(',')
                .map((s) => s.trim().toLowerCase())
                .filter(Boolean)
            : [];

        const roles = [
          ...normalize(storedRole),
          ...normalize(respRole),
        ];

        const hasEdu = roles.includes('speaking_training_teacher');
        const hasStudent = roles.includes('speaking_training_students');
        const roleName = hasEdu ? 'speaking_training_teacher' : hasStudent ? 'speaking_training_students' : (roles[0] || '');
        
        this.setData({
          roles: roles,
          roleName: roleName,
        });
        
        // 更新可见的tabs
        this.updateVisibleTabs();

        console.log('[TabBar][role] storedRole:', storedRole, 'respRole:', respRole, 'normalized:', roles);
      } catch (e) {
        console.warn('读取角色失败:', e);
      }
    },
    
    updateActivePath() {
      const pages = getCurrentPages();
      const currentPage = pages[pages.length - 1];
      const currentPath = currentPage && currentPage.route ? `/${currentPage.route}` : '';
      this.setData({
        currentPath: currentPath,
      });
      // 更新可见的tabs
      this.updateVisibleTabs();
    },
    
    updateVisibleTabs() {
      const allowedKeys = this.getAllowedKeys();
      console.log('[TabBar][visibleTabs] getAllowedKeys returned:', JSON.stringify(allowedKeys));
      
      const tabMap = {};
      this.data.allTabs.forEach(tab => {
        tabMap[tab.key] = tab;
      });
      
      const otherKeys = [];
      let hasUcenter = false;
      allowedKeys.forEach(key => {
        if (key !== 'ucenter') {
          otherKeys.push(key);
        } else {
          hasUcenter = true;
        }
      });
      
      const finalKeys = hasUcenter ? [...otherKeys, 'ucenter'] : otherKeys;
      
      const result = finalKeys
        .filter(key => tabMap[key])
        .map(key => tabMap[key]);
      
      console.log('[TabBar][visibleTabs] final result keys:', result.map(t => t.key));
      
      this.setData({
        visibleTabs: result,
      });
    },
    
    // 外部调用刷新tabBar（登录成功后调用）
    refresh() {
      this.refreshRole();
      this.updateActivePath();
      console.log('[TabBar][refresh] currentPath:', this.data.currentPath, 'roleName:', this.data.roleName, 'visibleKeys:', this.data.visibleTabs.map(t => t.key), 'roles:', this.data.roles);
    },
    
    switchTab(e) {
      const item = e.currentTarget.dataset.item;
      if (!item) return;
      
      this.refreshRole();
      const allowedKeys = this.getAllowedKeys();
      if (!allowedKeys.includes(item.key)) {
        wx.showToast({ 
          title: '当前账号无此模块权限', 
          icon: 'none', 
          duration: 1200 
        });
        console.warn('[TabBar][block-switch]', 'key:', item.key, 'path:', item.pagePath, 'allowed:', allowedKeys);
        return;
      }
      
      if (this.data.currentPath === item.pagePath) return;
      
      const url = item.pagePath.startsWith('/') ? item.pagePath.substring(1) : item.pagePath;
      
      wx.switchTab({
        url: url,
        success: () => {
          console.log('[TabBar][switchTab] success:', url);
          this.updateActivePath();
        },
        fail: (err) => {
          console.error('[TabBar][switchTab] fail:', err, 'url:', url);
          wx.reLaunch({
            url: url,
            fail: (err2) => {
              console.error('[TabBar][reLaunch] fail:', err2, 'url:', url);
              wx.showToast({ 
                title: '页面跳转失败，请检查页面配置', 
                icon: 'none', 
                duration: 2000 
              });
            },
            success: () => {
              this.updateActivePath();
            }
          });
        },
        complete: () => {
          setTimeout(() => {
            this.updateActivePath();
          }, 100);
        },
      });
    },
    
    getAllowedKeys() {
      const roles = this.data.roles || [];
      const isTeacher = roles.includes('speaking_training_teacher');
      const isStudent = roles.includes('speaking_training_students');
      const isAdmin = roles.includes('admin');
      const isMeetingAdmin = roles.includes('meeting_admin');
      const isAdminFurniture = roles.includes('admin_furniture');
      const meetingTabKeys = ['meeting_summary'];
      const removedTabKeys = ['champion', 'workspace'];
      const hasFurnitureRole = roles.includes('furniture');
      
      if (isAdminFurniture || hasFurnitureRole) {
        const furnitureTabs = ['furniture_reception', 'furniture_customer', 'furniture_top_sales', 'ucenter'];
        console.log('[TabBar][allowed] furniture/admin_furniture role ->', furnitureTabs);
        return furnitureTabs;
      }

      if (isMeetingAdmin) {
        const meetingAdminTabs = [...meetingTabKeys, 'ucenter'];
        console.log('[TabBar][allowed] meeting_admin ->', meetingAdminTabs);
        return meetingAdminTabs;
      }

      if (isAdmin) {
        const all = this.data.allTabs
          .map((t) => t.key)
          .filter((key) => !meetingTabKeys.includes(key) && !['furniture_reception', 'common_begin_reception', 'furniture_customer', 'furniture_top_sales', 'reception', 'customer', ...removedTabKeys].includes(key));
        console.log('[TabBar][allowed] admin ->', all);
        return all;
      }

      if (isTeacher && !isAdmin) {
        const teacherTabs = ['ucenter'];
        console.log('[TabBar][allowed] teacher ->', teacherTabs);
        return teacherTabs;
      }
      
      if (isStudent && !isAdmin) {
        const studentTabs = ['ucenter'];
        console.log('[TabBar][allowed] student ->', studentTabs);
        return studentTabs;
      }

      const otherTabs = this.data.allTabs
        .map((t) => t.key)
        .filter((key) => !['homework', 'edu', 'voice', 'expression', 'furniture_reception', 'common_begin_reception', 'furniture_customer', 'furniture_top_sales', 'reception', 'customer', ...meetingTabKeys, ...removedTabKeys].includes(key));
      if (!otherTabs.includes('ucenter')) {
        otherTabs.push('ucenter');
      }
      console.log('[TabBar][allowed] other ->', otherTabs);
      return otherTabs;
    },
  },
  
  observers: {
    'roles, currentPath': function() {
      this.updateVisibleTabs();
    },
  },
});