import 'dart:async';
import 'dart:convert';
import 'dart:math';

import 'package:flutter/material.dart';
import 'package:fl_chart/fl_chart.dart';
import 'package:get/get.dart';
import 'package:get/get_state_manager/get_state_manager.dart';
import 'package:gnss/gnss.dart';

import '../Controller/gnss_controller.dart';

List<Map<String, Color>> signalColorList = [
  {
    'L1': Color.fromARGB(255, 255, 0, 0),
    'L2': Color.fromARGB(255, 0, 255, 0),
    'L5': Color.fromARGB(255, 0, 0, 255)
  },
  {'G1': Color.fromARGB(255, 255, 0, 0), 'G2': Color.fromARGB(255, 0, 255, 0)},
  {
    'E5a': Color.fromARGB(255, 255, 0, 0),
    'E5b': Color.fromARGB(255, 0, 255, 0),
    'L1-BC': Color.fromARGB(255, 0, 0, 255)
  },
  {
    'B1I': Color.fromARGB(255, 255, 0, 0),
    'B3I': Color.fromARGB(255, 0, 255, 0),
    'B2I': Color.fromARGB(255, 0, 0, 255)
  },
  {
    'L1': Color.fromARGB(255, 255, 0, 0),
    'L2': Color.fromARGB(255, 0, 255, 0),
    'L5': Color.fromARGB(255, 0, 0, 255)
  },
];
const signalNameList = <String>["GPS", "GLO", "GAL", "BDS", "QZS"];

class ChartPart extends GetView<GnssController> {
  ChartPart({super.key});

  // List<BarChartGroupData> signalGNSS = [];
  // final double baselineX;
  final double maxY = 70;
  // final int maxX = 10;

  @override
  Widget build(BuildContext context) {
    final size = MediaQuery.of(context).size;
    double xLength = 0;
    final orientation =
        MediaQuery.of(context).orientation == Orientation.portrait;
    return Obx(() {
      controller.signalUpdate.value;
      controller.baselineX.value;
      var key = controller.qselectedSystem.value;
      List<SignalGNSS> signalGNSS = [];
      Map<String, Color> signalColorMap = {};
      int index = signalNameList.indexOf(key);
      if (index >= 0 && index < signalColorList.length) {
        signalColorMap = signalColorList[index];
      }

      if (controller.signalData != null &&
          controller.signalData!.containsKey(key)) {
        signalGNSS = controller.signalData![key]!;
      }

// List<int> prnList = signalGNSS.map((signal) => signal.prn).toList();
// //
//       for (var i = 0; i < signalGNSS.length; i++) {}

      return SizedBox(
        width: size.width,
        // decoration: const BoxDecoration(color: Colors.white),
        child: AspectRatio(
          aspectRatio: 1,
          child: Padding(
            padding: const EdgeInsets.all(10),
            child: Stack(
              children: [
                Column(
                  crossAxisAlignment: CrossAxisAlignment.stretch,
                  children: [
                    Expanded(
                        child: BarChart(
                      swapAnimationDuration: const Duration(milliseconds: 0),
                      BarChartData(
                        maxY: 70, // 提示需要+ 20 因为 提示是根据柱状图位置进行计算的
                        alignment: BarChartAlignment.start,
                        barTouchData: BarTouchData(
                          enabled: false,
                          touchTooltipData: BarTouchTooltipData(
                            // tooltipBgColor: Colors.blueGrey,
                            getTooltipItem: (
                              BarChartGroupData group,
                              int groupIndex,
                              BarChartRodData rod,
                              int rodIndex,
                            ) {
                              return BarTooltipItem(
                                'L1:${group.barRods[0].toY}\n',
                                const TextStyle(
                                  fontWeight: FontWeight.bold,
                                  decoration: TextDecoration.none,
                                  color: Colors.black,
                                  fontSize: 18,
                                  shadows: [
                                    Shadow(
                                      color: Colors.black26,
                                      blurRadius: 12,
                                    )
                                  ],
                                ),
                              );
                            },
                          ),
                          touchCallback: (event, response) {
                            if (event.isInterestedForInteractions &&
                                response != null &&
                                response.spot != null) {
                              // setState(() {
                              //   touchedGroupIndex =
                              //       response.spot!.touchedBarGroupIndex;
                              // });
                            } else {
                              // setState(() {
                              //   touchedGroupIndex = -100;
                              // });
                            }
                          },
                        ),
                        titlesData: FlTitlesData(
                          show: true,
                          rightTitles: const AxisTitles(
                            sideTitles: SideTitles(showTitles: false),
                          ),
                          topTitles: const AxisTitles(
                            sideTitles: SideTitles(showTitles: false),
                          ),
                          bottomTitles: AxisTitles(
                            sideTitles: SideTitles(
                              showTitles: true,
                              getTitlesWidget: bottomTitles,
                              reservedSize: 42,
                            ),
                          ),
                          leftTitles: AxisTitles(
                            sideTitles: SideTitles(
                              showTitles: true,
                              reservedSize: 40,
                              interval: 1,
                              getTitlesWidget: leftTitles,
                            ),
                          ),
                        ),
                        borderData: FlBorderData(
                          show: false,
                        ),
                        //
                        //
                        //

                        barGroups: List.generate(
                            (signalGNSS.length -
                                    controller.baselineX.value.toInt())
                                .clamp(0, 12), (id) {
                          // List<BarChartGroupData> groupData = [];
                          index = id + controller.baselineX.value.toInt();

                          List<int> listy = [];
                          List<Color> ColorList = [];
                          var snr = signalGNSS[index].snr;

                          snr.forEach((key, value) {
                            listy.add(value);
                            ColorList.add(signalColorMap[key] ?? Colors.yellow);
                          });
                          return makeGroupData(index, listy, ColorList);
                        }),

                        gridData: const FlGridData(show: true),

                        groupsSpace: 50,
                      ),
                    )),
                    orientation
                        ? const SizedBox(
                            height: 50,
                          )
                        : const Text(""),
                  ],
                ),
                Positioned(
                  bottom: 0,
                  left: 0,
                  right: 0,
                  height: size.height,
                  child: signalGNSS.length > 12 // 只有当数据长度大于12时才显示滑块
                      ? Opacity(
                          opacity: 0,
                          child: Slider(
                            value: controller.baselineX.toDouble(),
                            onChanged: (newvalue) {
                              controller.updateSlider(newvalue);
                            },
                            min: 0,
                            max: (signalGNSS.length - 12)
                                .toDouble(), // 设置最大值为 signalGNSS.length - 12
                          ))
                      : Container(), // 否则显示一个空的容器
                ),
                Positioned(
                  top: 0,
                  right: 10,
                  child: Row(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: signalColorMap.entries.map((entry) {
                      return Padding(
                        padding: const EdgeInsets.only(right: 10.0), // 设置右侧的间距
                        child: Column(
                          children: [
                            Container(
                              width: 20,
                              height: 20,
                              color: entry.value,
                            ),
                            const SizedBox(width: 5),
                            Text(
                              entry.key,
                              style: const TextStyle(
                                color: Colors.black,
                                fontWeight: FontWeight.bold,
                                fontSize: 14,
                                decoration: TextDecoration.none,
                              ),
                            ),
                          ],
                        ),
                      );
                    }).toList(),
                  ),
                ),
              ],
            ),
          ),
        ),
      );
    });
  }

  Widget leftTitles(double value, TitleMeta meta) {
    print("value: $value");
    const style = TextStyle(
        color: Color(0xff7589a2),
        fontWeight: FontWeight.bold,
        fontSize: 14,
        decoration: TextDecoration.none);
    String text;
    int intValue = value.toInt();
    if (intValue % 10 == 0 && intValue < maxY) {
      text = intValue.toString();
      print("intValue: $intValue, maxY: $maxY");
    } else {
      return Container();
    }
    return SideTitleWidget(
      axisSide: meta.axisSide,
      space: 0,
      child: Padding(
          padding: const EdgeInsets.only(right: 20),
          child: Text(text, style: style)),
    );
  }

  Map signalPrefix = {
    "GPS": "G",
    "GLO": "R",
    "GAL": "E",
    "BDS": "B",
    "QZS": "Q",
  };
  Widget bottomTitles(double index, TitleMeta meta) {
    final signalGNSS =
        controller.signalData![controller.qselectedSystem.value]!;
    String text = "";
    int intValue = (index).ceil();
    var key = controller.qselectedSystem.value;
    String? name = signalPrefix[key];

    var data = signalGNSS[intValue].prn;
    List.generate(signalGNSS.length, (index) {
      text = "${name}${data}";
    });

    return SideTitleWidget(
      axisSide: meta.axisSide,
      space: 10, //margin top

      child: Text(
        text,
        style: const TextStyle(
          color: Color(0xff7589a2),
          fontWeight: FontWeight.bold,
          decoration: TextDecoration.none,
          fontSize: 14,
        ),
        textAlign: TextAlign.left,
      ),
    );
  }

  final double width = 15;
  final Color leftBarColor = const Color.fromARGB(95, 101, 98, 98);
  final Color rightBarColor = const Color.fromRGBO(33, 150, 243, 1);

  BarChartGroupData makeGroupData(
      int x, List<int> listy, List<Color> ColorList) {
    List<BarChartRodData> list = [];
    for (var i = 0; i < listy.length; i++) {
      //  Color color = signalColorList[i];
      list.add(BarChartRodData(
        toY: listy[i].toDouble(),
        // color: color.withOpacity((i + 1) * .2),
        color: ColorList[i],
        borderRadius: const BorderRadius.all(
          Radius.circular(2),
        ),
        width: width,
      ));
    }
    return BarChartGroupData(
        barsSpace: 0, x: x, showingTooltipIndicators: [], barRods: list);
  }
}