import 'package:ef/ef.dart';
import 'package:flutter/material.dart';
import 'package:flutterflow_ui/flutterflow_ui.dart';
import 'package:vbvs_app/common/color/appConstants.dart';
import 'package:vbvs_app/common/util/FitTool.dart';
import 'package:vbvs_app/common/util/MyUtils.dart';
import 'package:vbvs_app/component/NullDataComponentWidget.dart';
import 'package:vbvs_app/controller/device/device_type_controller.dart';
import 'package:vbvs_app/controller/message/message_review_controller.dart';
import 'package:vbvs_app/pages/device/component/HealthReportCard.dart';

class HealthExperienceHistory extends StatefulWidget {
  var data; //1.绑定时 2.绑定后
  HealthExperienceHistory({super.key, required this.data});

  @override
  State<HealthExperienceHistory> createState() =>
      _HealthExperienceHistoryState();
}

class _HealthExperienceHistoryState extends State<HealthExperienceHistory> {
  MessageReviewController messageReviewController = Get.find();
  DeviceTypeController deviceTypeController = Get.find();

  @override
  void initState() {
    super.initState();
    loadData(widget.data);
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(
      builder: (context, bodysize) => GestureDetector(
        // onTap: () => FocusScope.of(context).unfocus(),,
        child: Container(
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage(getBackgroundImageNoImage()), // 本地图片
              fit: BoxFit.fill, // 填满整个 Container
            ),
          ),
          child: Scaffold(
            backgroundColor: Colors.transparent,
            appBar: AppBar(
              backgroundColor: themeController.currentColor.sc17,
              automaticallyImplyLeading: false,
              iconTheme: IconThemeData(
                color: themeController.currentColor.sc3,
              ),
              titleSpacing: 0,
              title: Container(
                width: double.infinity,
                height: 180.rpx,
                child: Stack(
                  alignment: Alignment.center,
                  children: [
                    /// 居中标题
                    Text(
                      '快检历史'.tr,
                      style: TextStyle(
                        fontFamily: 'Readex Pro',
                        color: themeController.currentColor.sc3,
                        letterSpacing: 0,
                        fontSize: 30.rpx,
                      ),
                    ),
                    Positioned(
                      left: 0,
                      // child: returnIconButtom,
                      child: returnIconButtomAddCallback(() {}),
                    ),
                  ],
                ),
              ),
              actions: [],
              centerTitle: false,
            ),
            body: SafeArea(
              top: true,
              child: Padding(
                padding:
                    EdgeInsetsDirectional.fromSTEB(30.rpx, 0.rpx, 30.rpx, 0),
                child: Column(
                  children: [
                    Expanded(
                      child: Obx(() {
                        final list = deviceTypeController.cqHistoryList.value;
                        return list.isEmpty
                            ? const NullDataWidget()
                            : _buildMessageListView(list);
                      }),
                    ),
                  ],
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }

  Future<void> loadData(data) async {
    //todo 请求历史体征数据
    // String serviceAddress = ServiceConstant.service_address;
    // String serviceName = ServiceConstant.server_service;
    // String serviceApi = ServiceConstant.message_list;
    // String queryUrl =
    //     "${serviceAddress}${serviceName}${serviceApi}?type=app_vsm&mac=${data['mac']}";
    // ApiResponse apiResponse = await requestWithLog(
    //     logTitle: "查询消息回看数据", method: MyHttpMethod.get, queryUrl: queryUrl);
    // messageReviewController.messageList.value = apiResponse.data;
    // messageReviewController.updateAll();
    deviceTypeController.getCheckHistory();
  }

  Widget _buildMessageListView(List dataList) {
    return Container(
      width: double.infinity,
      padding: EdgeInsets.symmetric(horizontal: 0.rpx),
      child: SingleChildScrollView(
        child: Column(
          children: [
            SizedBox(height: 30.rpx),
            ...dataList
                .map((item) => HealthReportCardWidget(data: item))
                .toList()
                .divide(SizedBox(height: 30.rpx)),
            SizedBox(height: 30.rpx),
          ],
        ),
      ),
    );
  }
}