import 'package:dating_touchme_app/controller/home/home_controller.dart';
import 'package:dating_touchme_app/pages/home/nearby_tab.dart';
import 'package:dating_touchme_app/pages/home/recommend_tab.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:tdesign_flutter/tdesign_flutter.dart';

class RecommendWindow extends StatefulWidget {
  const RecommendWindow({super.key});

  @override
  State<RecommendWindow> createState() => _RecommendWindowState();
}

class _RecommendWindowState extends State<RecommendWindow> with AutomaticKeepAliveClientMixin, SingleTickerProviderStateMixin {


  late TabController tabController;
  final HomeController controller = Get.find<HomeController>();

  @override
  void initState() {
    super.initState();

    tabController = TabController(length: 2, vsync: this);
  }

  @override
  Widget build(BuildContext context) {
    super.build(context);
    return Column(
      children: [
        TDTabBar(
          tabs: [
            TDTab(
              child: Padding(
                padding: EdgeInsets.only(right: 16, left: 16),
                child: Text('推荐'),
              ),
            ),
            TDTab(
              child: Padding(
                padding: EdgeInsets.only(right: 16, left: 16),
                child: Text('同城'),
              ),
            ),
          ],
          backgroundColor: Colors.transparent,
          labelPadding: const EdgeInsets.only(right: 4, top: 10, bottom: 10, left: 4),
          selectedBgColor: const Color.fromRGBO(108, 105, 244, 1),
          unSelectedBgColor: Colors.transparent,
          labelColor: Colors.white,
          dividerHeight: 0,
          tabAlignment: TabAlignment.start,
          outlineType: TDTabBarOutlineType.capsule,
          controller: tabController,
          showIndicator: false,
          isScrollable: true,
          onTap: (index) async {
            print('相亲页面 Tab: $index');
            if (controller.selectedTabIndex.value != index) {
              controller.setSelectedTabIndex(index);
              // 确保状态更新后刷新UI
              controller.update();
            }
          },
        ),

        Expanded(
          child: Obx(() {
            // 使用 IndexedStack 保持两个列表的状态，根据当前选中的标签显示对应的列表
            return IndexedStack(
              index: controller.selectedTabIndex.value,
              children: const [
                // 推荐列表
                RecommendTab(),
                // 同城列表
                NearbyTab(),
              ],
            );
          }),
        ),
      ],
    );
  }


  @override
  bool get wantKeepAlive => true;
}