// pages/index/index.js
const { get } = require('../../utils/request');
const { formatRelativeTime } = require('../../utils/util');

Page({
  data: {
    searchValue: '',
    bannerList: [],
    categoryList: [],
    infoList: [],
    loading: false,
    page: 1,
    pageSize: 10,
    hasMore: true
  },

  onLoad() {
    this.initData();
  },

  onShow() {
    // 初始化 TabBar 选中状态
    if (typeof this.getTabBar === 'function' && this.getTabBar()) {
      this.getTabBar().init();
    }
  },

  onPullDownRefresh() {
    this.initData().then(() => {
      wx.stopPullDownRefresh();
    });
  },

  onReachBottom() {
    if (this.data.hasMore && !this.data.loading) {
      this.loadMoreInfo();
    }
  },

  // 初始化数据
  async initData() {
    this.setData({ page: 1, hasMore: true });
    
    // 模拟数据 - 实际项目中替换为API调用
    this.setData({
      bannerList: [
        { id: 1, image: '/assets/images/banner1.png', title: '热门资讯' },
        { id: 2, image: '/assets/images/banner2.png', title: '最新动态' }
      ],
      categoryList: [
        { id: 1, name: '科技', icon: 'technology' },
        { id: 2, name: '财经', icon: 'finance' },
        { id: 3, name: '教育', icon: 'education' },
        { id: 4, name: '健康', icon: 'health' },
        { id: 5, name: '生活', icon: 'life' },
        { id: 6, name: '娱乐', icon: 'entertainment' },
        { id: 7, name: '体育', icon: 'sports' },
        { id: 8, name: '更多', icon: 'more' }
      ],
      infoList: [
        {
          id: 1,
          title: '这是一条测试信息标题，展示信息服务的基本样式',
          summary: '这是信息摘要内容，用于展示信息的简要描述...',
          image: '/assets/images/info1.png',
          category: '科技',
          time: new Date().getTime() - 3600000,
          views: 1234
        },
        {
          id: 2,
          title: '第二条信息标题，这里是标题内容展示',
          summary: '这是第二条信息的摘要内容...',
          image: '/assets/images/info2.png',
          category: '财经',
          time: new Date().getTime() - 7200000,
          views: 856
        }
      ]
    });
  },

  // 加载更多信息
  async loadMoreInfo() {
    if (this.data.loading) return;
    
    this.setData({ loading: true });
    
    // 模拟加载更多
    setTimeout(() => {
      const newPage = this.data.page + 1;
      // 模拟无更多数据
      if (newPage > 3) {
        this.setData({ hasMore: false, loading: false });
        return;
      }
      
      this.setData({
        page: newPage,
        loading: false
      });
    }, 1000);
  },

  // 搜索
  onSearch(e) {
    const value = e.detail;
    wx.navigateTo({
      url: `/pages/search/search?keyword=${value}`
    });
  },

  // 搜索值变化
  onSearchChange(e) {
    this.setData({ searchValue: e.detail });
  },

  // 点击分类
  onCategoryTap(e) {
    const { id, name } = e.currentTarget.dataset;
    wx.navigateTo({
      url: `/pages/category/category?id=${id}&name=${name}`
    });
  },

  // 点击信息
  onInfoTap(e) {
    const { id } = e.currentTarget.dataset;
    wx.navigateTo({
      url: `/pages/detail/detail?id=${id}`
    });
  },

  // 格式化时间
  formatTime(time) {
    return formatRelativeTime(time);
  }
});