import 'package:ef/ef.dart';
import 'package:flutter/material.dart';
import 'package:vbvs_app/common/color/appFontsize.dart';
import 'package:vbvs_app/common/util/FitTool.dart';
import 'package:vbvs_app/common/util/MyUtils.dart';
import 'package:vbvs_app/pages/mh_page/issue_preview_widget.dart';

import '../../controller/mh_controller/issue_controller.dart';

class IssueListPage extends GetView<IssueListController> {
  final scaffoldKey = GlobalKey<ScaffoldState>();
  BoxConstraints? bodysize;

  IssueListController controller = Get.put(IssueListController());
  // ScrollController scrollController = ScrollController();
  // IssueListPage() {
  //   controller.model.issueList!.clear();
  //   controller.initData();

  //   scrollController.addListener(() {
  //     if (scrollController.position.pixels ==
  //             scrollController.position.maxScrollExtent &&
  //         controller.model.hasMore) {
  //       controller.initData();
  //       controller.updateAll();
  //     }
  //   });
  // }

  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(builder: (context, cc) {
      bodysize = cc;
      return GestureDetector(
          // onTap: () => FocusScope.of(context).unfocus(),,
          child: Container(
        decoration: const BoxDecoration(
          image: DecorationImage(
            image: AssetImage('assets/images/new_background.png'), // 本地图片
            fit: BoxFit.fill, // 填满整个 Container
          ),
        ),
        child: Scaffold(
          backgroundColor: Colors.transparent,
          appBar: AppBar(
            backgroundColor: Colors.transparent,
            automaticallyImplyLeading: false,
            iconTheme: IconThemeData(color: Colors.white),
            titleSpacing: 0,
            title: SizedBox(
              width: double.infinity,
              height: 180.rpx,
              child: Stack(
                alignment: Alignment.center,
                children: [
                  // 中间居中的标题
                  Text(
                    '问题与帮助',
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      color: Colors.white,
                      fontSize: 30.rpx,
                    ),
                  ),
                  // 左侧图标
                  Positioned(
                    left: 0.rpx,
                    child: returnIconButtomNew(),
                  ),
                ],
              ),
            ),
            actions: [],
            centerTitle: false,
          ),
          // backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
          body: Container(
            width: bodysize!.maxWidth,
            height: bodysize!.maxHeight * 1,
            decoration: BoxDecoration(
                // color: AppColors.bg_color,
                // color: Color(0xFFF6F6F6),
                ),
            child: Obx(() {
              if (controller.model.isLoading) {
                return Center(child: CircularProgressIndicator()); // ✅ 加载中
              }

              if (controller.model.issueList.isEmpty) {
                return Container(
                  width: MediaQuery.sizeOf(context).width,
                  height: 100,
                  child: Padding(
                    padding: EdgeInsetsDirectional.fromSTEB(31, 27, 0, 0),
                    child: Align(
                      alignment: AlignmentDirectional(-1, 0),
                      child: Text(
                        '暂无内容！',
                        style: TextStyle(
                          fontFamily: 'Readex Pro',
                          color: Color(0xFF9EA4B7),
                          fontSize: AppFontsize.title_size,
                          fontWeight: FontWeight.w600,
                        ),
                      ),
                    ),
                  ),
                );
              }

              // 有数据时渲染列表
              return ListView(
                children: controller.model.issueList!
                    .asMap()
                    .entries
                    .map((e) => IssuePreviewWidget(
                          index: e.key,
                          issueListController: controller,
                        ))
                    .toList(),
              );
            }),

            // Obx(() {
            //   return Visibility(
            //     visible: controller.model.issueList != null &&
            //         controller.model.issueList.isNotEmpty,
            //     replacement: Container(
            //       width: MediaQuery.sizeOf(context).width,
            //       height: 100,
            //       decoration: BoxDecoration(
            //         color: FlutterFlowTheme.of(context).secondaryBackground,
            //       ),
            //       child: Padding(
            //         padding: EdgeInsetsDirectional.fromSTEB(31, 27, 0, 0),
            //         child: Column(
            //           mainAxisSize: MainAxisSize.max,
            //           children: [
            //             Align(
            //               alignment: AlignmentDirectional(-1, 0),
            //               child: Text(
            //                 '暂无内容！',
            //                 style: FlutterFlowTheme.of(context)
            //                     .bodyMedium
            //                     .override(
            //                       fontFamily: 'Readex Pro',
            //                       color: Color(0xFF9EA4B7),
            //                       fontSize: AppFontsize.title_size,
            //                       letterSpacing: 0,
            //                       fontWeight: FontWeight.w600,
            //                     ),
            //               ),
            //             ),
            //           ],
            //         ),
            //       ),
            //     ),
            //     child: Column(
            //       mainAxisSize: MainAxisSize.max,
            //       children: [
            //         // TitleComponentWidget(
            //         //   titleName: '问题与帮助',
            //         // ),
            //         Flexible(
            //           child: Padding(
            //             padding:
            //                 EdgeInsetsDirectional.fromSTEB(15, 13, 15, 15),
            //             child: Container(
            //               width: bodysize!.maxWidth,
            //               decoration: BoxDecoration(
            //                   // color: Colors.white,
            //                   // borderRadius: BorderRadius.circular(16),
            //                   ),
            //               child: Obx(() => ListView(
            //                   padding: const EdgeInsets.fromLTRB(
            //                     0,
            //                     5,
            //                     0,
            //                     0,
            //                   ),
            //                   shrinkWrap: true,
            //                   scrollDirection: Axis.vertical,
            //                   children: (controller.model.issueList!
            //                       .asMap()
            //                       .entries
            //                       .map((e) => IssuePreviewWidget(
            //                           index: e.key,
            //                           issueListController: controller))
            //                       .toList() as List<Widget>))),
            //             ),
            //           ),
            //         ),
            //       ],
            //     ),
            //   );
            // }),
          ),
        ),
      ));
    });
  }
}