import 'package:EasyDartModule/EasyDartModule.dart' as es;
import 'package:ef/ef.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.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/tool/ClickableContainer.dart';
import 'package:vbvs_app/enum/APPPackageType.dart';
import 'package:vbvs_app/pages/device_bind/componnet/bind_dialog.dart';
import 'package:vbvs_app/pages/sleep_report/chart/QcTimeSeriesChart.dart';

class QcBreatheStandardWidget extends StatefulWidget {
  var reportData;
  QcBreatheStandardWidget({super.key, required this.reportData});

  @override
  State<QcBreatheStandardWidget> createState() =>
      _QcBreatheStandardWidgetState();
}

class _QcBreatheStandardWidgetState extends State<QcBreatheStandardWidget> {
  @override
  void setState(VoidCallback callback) {
    super.setState(callback);
  }

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

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

  // 计算y轴的最大最小值
  (double, double) _calculateYMinMax(List<QcTimeSeriesPoint> dataPoints) {
    if (dataPoints.isEmpty) {
      return (8.0, 20.0);
    }

    // 过滤掉无效数据点（值为-1的）
    final validPoints = dataPoints.where((point) => point.value >= 0).toList();

    if (validPoints.isEmpty) {
      return (8.0, 20.0);
    }

    // 找出数据中的实际最小值和最大值
    double dataMin =
        validPoints.map((point) => point.value).reduce((a, b) => a < b ? a : b);
    double dataMax =
        validPoints.map((point) => point.value).reduce((a, b) => a > b ? a : b);

    // 计算最小值（向下取整到5的倍数）
    double yMin = (dataMin / 5).floor() * 5.0;
    // 如果最小值小于0，设为0
    if (yMin < 0) yMin = 0;

    // 计算最大值（向上取整到5的倍数）
    double yMax = (dataMax / 5).ceil() * 5.0;

    // 确保至少有10的差值
    if (yMax - yMin < 10) {
      yMax = yMin + 10;
    }

    return (yMin, yMax);
  }

  @override
  Widget build(BuildContext context) {
    try {
      if (widget.reportData == null || widget.reportData is! Map) {
        return Container();
      }

      // 从reportData中获取br数据
      Map<String, dynamic> brData = widget.reportData['br'] ?? {};
      if (brData.isEmpty) {
        return Container();
      }

      // 获取呼吸数据点
      List<dynamic> dataList = brData['data'] ?? [];
      List<QcTimeSeriesPoint> dataPoints = [];

      // 构建数据点（只保留值，不需要时间戳）
      for (int i = 0; i < dataList.length; i++) {
        dynamic value = dataList[i];
        if (value == null || value == '') {
          dataPoints.add(QcTimeSeriesPoint(-1));
        } else {
          double y = (value as num).toDouble();
          dataPoints.add(QcTimeSeriesPoint(y));
        }
      }

      // 计算动态的y轴范围
      final (yMin, yMax) = _calculateYMinMax(dataPoints);

      // 构建呼吸统计数据
      Map<String, dynamic> avgBreath = {
        'name': '平均呼吸'.tr,
        'value': brData['avg'].toInt() ?? 0,
        'unit': '次/分',
      };

      Map<String, dynamic> baseBreath = {
        'name': '基准呼吸'.tr,
        'value': brData['base'].toInt() ?? 0,
        'unit': '次/分',
      };

      Map<String, dynamic> minBreath = {
        'name': '最低呼吸'.tr,
        'value': brData['min'].toInt() ?? 0,
        'unit': '次/分',
      };

      Map<String, dynamic> maxBreath = {
        'name': '最高呼吸'.tr,
        'value': brData['max'].toInt() ?? 0,
        'unit': '次/分',
      };

      // 构建正常范围字符串
      String range = '';
      if (baseBreath['value'] != 0) {
        int baseValue = baseBreath['value'];
        range = '${baseValue - 3}~${baseValue + 3}';
      } else {
        range = '12~20';
      }

      return Container(
        width: double.infinity,
        decoration: BoxDecoration(
          color: themeController.currentColor.sc5,
          borderRadius:
              BorderRadius.circular(AppConstants().normal_container_radius),
        ),
        child: Padding(
          padding:
              EdgeInsetsDirectional.fromSTEB(26.rpx, 29.rpx, 26.rpx, 45.rpx),
          child: Column(
            mainAxisSize: MainAxisSize.max,
            children: [
              Container(
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      "呼吸数据".tr,
                      style: TextStyle(
                          color: themeController.currentColor.sc3,
                          fontSize: AppConstants().title_text_fontSize),
                    ),
                    ClickableContainer(
                      backgroundColor: Colors.transparent,
                      highlightColor: Colors.white,
                      padding: EdgeInsetsDirectional.fromSTEB(
                          14.rpx, 10.rpx, 14.rpx, 10.rpx),
                      borderRadius: 0.rpx,
                      onTap: () {
                        if (AppConstants().ent_type ==
                            APPPackageType.MHT.code) {
                          showTipDialog(
                            context,
                            Container(
                              child: Text(
                                "呼吸数据是指用户在睡眠过程中呼吸的基本数据，是评估睡眠呼吸质量、筛查睡眠呼吸障碍的核心指标。"
                                    .tr,
                                style: TextStyle(
                                  fontSize: 26.rpx,
                                  color: Colors.black,
                                ),
                              ),
                            ),
                            backgroundColor: Color(0xFFFFFFFF),
                            colors: [
                              Color(0XFF1592AA),
                              Color(0xFF0C83A7),
                              Color(0xFF006FA3)
                            ],
                          );
                        } else {
                          showTipDialog(
                            context,
                            Container(
                              child: Text(
                                "呼吸数据是指用户在睡眠过程中呼吸的基本数据，是评估睡眠呼吸质量、筛查睡眠呼吸障碍的核心指标。"
                                    .tr,
                                style: TextStyle(
                                  fontSize: 26.rpx,
                                  color: themeController.currentColor.sc3,
                                ),
                              ),
                            ),
                            backgroundColor: themeController.currentColor.sc17,
                            colors: AppConstants().thNormalButton,
                          );
                        }
                      },
                      child: Container(
                        padding:
                            EdgeInsetsDirectional.fromSTEB(0, 0.rpx, 0.rpx, 0),
                        width: 28.rpx,
                        height: 28.rpx,
                        child: SvgPicture.asset(
                          'assets/img/icon/explain.svg',
                          fit: BoxFit.cover,
                          color: themeController.currentColor.sc4,
                        ),
                      ),
                    ),
                  ],
                ),
              ),
              SizedBox(
                height: 31.rpx,
              ),
              Padding(
                padding:
                    EdgeInsetsDirectional.fromSTEB(0.rpx, 0.rpx, 30.rpx, 0.rpx),
                child: Column(
                  children: [
                    Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: [
                        Container(
                          width: 14.rpx,
                          height: 14.rpx,
                          decoration: BoxDecoration(
                            color: themeController.currentColor.sc2,
                            shape: BoxShape.circle,
                          ),
                        ),
                        SizedBox(width: 15.rpx),
                        Text(
                          '正常范围 '.tr + range,
                          style: TextStyle(
                            fontSize: AppConstants().smaller_text_fontSize,
                            color: themeController.currentColor.sc3,
                          ),
                        ),
                      ],
                    ),
                    Container(
                      width: double.infinity,
                      child: QcTimeSeriesChart(
                        yMin: yMin,
                        yMax: yMax,
                        dataPoints: dataPoints,
                        xSegmentCount: 11,
                        baseValue: brData['base'].toDouble(), // 传入基准值
                        // baseValue: 16, // 传入基准值
                        baseLabel: '基准', // 可选的自定义标签
                        yAxisPadding: 0,
                        
                      ),
                    ),
                  ].divide(SizedBox(
                    height: 18.rpx,
                  )),
                ),
              ),
              Padding(
                padding:
                    EdgeInsetsDirectional.fromSTEB(0.rpx, 0.rpx, 0.rpx, 0.rpx),
                child: Row(
                  children: [
                    _buildBreathItem(avgBreath,
                        valueColor: stringToColor("#00C1AA")),
                    _buildBreathItem(baseBreath,
                        valueColor: stringToColor("#FF7159")),
                    _buildBreathItem(minBreath,
                        valueColor: stringToColor("#E3AFDD")),
                    _buildBreathItem(maxBreath,
                        valueColor: stringToColor("#FF9F66")),
                  ],
                ),
              ),
            ],
          ),
        ),
      );
    } catch (e) {
      es.EasyDartModule.logger.error("呼吸基准监测绘制异常${e}");
      return Container();
    }
  }

  Widget _buildBreathItem(Map<String, dynamic> data, {Color? valueColor}) {
    return Expanded(
      child: Padding(
        padding: EdgeInsets.symmetric(horizontal: 4.rpx, vertical: 4.rpx),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Flexible(
              child: Text(
                "${data['name']}",
                style: TextStyle(
                  color: themeController.currentColor.sc3,
                  fontSize: AppConstants().normal_text_fontSize,
                ),
                maxLines: 2,
                overflow: TextOverflow.ellipsis,
                textAlign: TextAlign.center,
              ),
            ),
            SizedBox(height: 4.rpx),
            Flexible(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisSize: MainAxisSize.min,
                children: [
                  Flexible(
                    fit: FlexFit.loose,
                    child: Text(
                      "${data['value']}",
                      style: TextStyle(
                        color: valueColor ?? themeController.currentColor.sc2,
                        fontSize: AppConstants().normal_text_fontSize,
                      ),
                      maxLines: 2,
                      overflow: TextOverflow.ellipsis,
                      textAlign: TextAlign.center,
                    ),
                  ),
                  SizedBox(width: 6.rpx),
                  Flexible(
                    fit: FlexFit.loose,
                    child: Text(
                      "${data['unit']}",
                      style: TextStyle(
                        color: themeController.currentColor.sc3,
                        fontSize: AppConstants().small_text_fontSize,
                      ),
                      maxLines: 2,
                      overflow: TextOverflow.ellipsis,
                      textAlign: TextAlign.center,
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}