//
// import 'package:eatvio_app/features/profile/models/profile_model.dart';
// import 'package:eatvio_app/features/profile/presentation/bloc/profile_cubit/profile_cubit.dart';
// import 'package:flutter/cupertino.dart';
// import 'package:flutter/material.dart';
// import 'package:intl/intl.dart';
// import 'package:syncfusion_flutter_charts/charts.dart';
//
// class CircumferenceChartWidget extends StatefulWidget {
//   final List<Circumference> chartData;
//   final ProfileCubit profileCubit;
//
//   const CircumferenceChartWidget({
//     super.key,
//     required this.chartData,
//     required this.profileCubit,
//   });
//
//   @override
//   State<CircumferenceChartWidget> createState() => _CircumferenceChartWidgetState();
// }
//
// class _CircumferenceChartWidgetState extends State<CircumferenceChartWidget> {
//   late FixedExtentScrollController chestController;
//   late FixedExtentScrollController waistController;
//   late FixedExtentScrollController hipController;
//   late int chest;
//   late int waist;
//   late int hip;
//
//   @override
//   Widget build(BuildContext context) {
//     return Column(
//       children: [
//         if (widget.chartData.isNotEmpty)
//           Padding(
//             padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
//             child: Row(
//               children: [
//                 Text(
//                   '${widget.chartData.last.chestCircumference}',
//                   style: TextStyle(
//                     color: Colors.black,
//                     fontSize: 40,
//                     fontWeight: FontWeight.w500,
//                   ),
//                 ),
//                 if (widget.chartData.length == 1)
//                   Container(
//                     margin: EdgeInsets.symmetric(horizontal: 12),
//                     width: 8,
//                     height: 8,
//                     decoration: BoxDecoration(
//                       shape: BoxShape.circle,
//                       color: Colors.black12,
//                     ),
//                   ),
//                 if (widget.chartData.length > 1)
//                   widget.chartData.last.chestCircumference > widget.chartData[widget.chartData.length - 2].chestCircumference
//                       ? Icon(
//                           Icons.arrow_drop_up,
//                           size: 40,
//                           color: Colors.grey,
//                         )
//                       : Icon(
//                           Icons.arrow_drop_down,
//                           size: 40,
//                           color: Colors.grey,
//                         ),
//                 Text(
//                   '${widget.chartData.last.waistCircumference}',
//                   style: TextStyle(
//                     color: Colors.black,
//                     fontSize: 40,
//                     fontWeight: FontWeight.w500,
//                   ),
//                 ),
//                 if (widget.chartData.length == 1)
//                   Container(
//                     margin: EdgeInsets.symmetric(horizontal: 12),
//                     width: 8,
//                     height: 8,
//                     decoration: BoxDecoration(
//                       shape: BoxShape.circle,
//                       color: Colors.black12,
//                     ),
//                   ),
//                 if (widget.chartData.length > 1)
//                   widget.chartData.last.waistCircumference > widget.chartData[widget.chartData.length - 2].waistCircumference
//                       ? Icon(
//                           Icons.arrow_drop_up,
//                           size: 40,
//                           color: Colors.grey,
//                         )
//                       : Icon(
//                           Icons.arrow_drop_down,
//                           size: 40,
//                           color: Colors.grey,
//                         ),
//                 Text(
//                   '${widget.chartData.last.hipCircumference}',
//                   style: TextStyle(
//                     color: Colors.black,
//                     fontSize: 40,
//                     fontWeight: FontWeight.w500,
//                   ),
//                 ),
//                 if (widget.chartData.length == 1)
//                   Container(
//                     margin: EdgeInsets.symmetric(horizontal: 12),
//                     width: 8,
//                     height: 8,
//                     decoration: BoxDecoration(
//                       shape: BoxShape.circle,
//                       color: Colors.black12,
//                     ),
//                   ),
//                 if (widget.chartData.length > 1)
//                   widget.chartData.last.hipCircumference > widget.chartData[widget.chartData.length - 2].hipCircumference
//                       ? Icon(
//                           Icons.arrow_drop_up,
//                           size: 40,
//                           color: Colors.grey,
//                         )
//                       : Icon(
//                           Icons.arrow_drop_down,
//                           size: 40,
//                           color: Colors.grey,
//                         ),
//               ],
//             ),
//           ),
//         Stack(
//           alignment: Alignment.bottomRight,
//           children: [
//             SfCartesianChart(
//               margin: EdgeInsets.symmetric(horizontal: 8),
//               enableAxisAnimation: true,
//               plotAreaBorderWidth: 0,
//               trackballBehavior: TrackballBehavior(
//                 enable: true,
//                 activationMode: ActivationMode.singleTap,
//                 tooltipDisplayMode: TrackballDisplayMode.groupAllPoints,
//                 tooltipSettings: InteractiveTooltip(),
//                 lineType: TrackballLineType.vertical,
//               ),
//               primaryXAxis: DateTimeCategoryAxis(
//                 tickPosition: TickPosition.inside,
//                 majorTickLines: MajorTickLines(
//                   size: 0,
//                 ),
//                 edgeLabelPlacement: EdgeLabelPlacement.shift,
//                 dateFormat: DateFormat.MMMd('ru'),
//                 labelStyle: TextStyle(
//                   color: Colors.grey,
//                 ),
//                 majorGridLines: MajorGridLines(dashArray: [1], color: Colors.grey.withOpacity(0.3)),
//                 axisLine: AxisLine(
//                   color: Colors.grey.withOpacity(0.3),
//                   width: 0.4,
//                 ),
//               ),
//               primaryYAxis: NumericAxis(
//                 isVisible: false,
//                 labelFormat: '{value} см',
//                 axisLine: AxisLine(
//                   width: 1,
//                 ),
//                 majorTickLines: MajorTickLines(size: 0),
//               ),
//               series: _getSplineSeries(),
//               tooltipBehavior: TooltipBehavior(enable: true),
//             ),
//             FloatingActionButton.small(
//               heroTag: 'addCircumference',
//               onPressed: () {
//                 if (widget.chartData.isNotEmpty) {
//                   chest = widget.chartData.last.chestCircumference;
//                   waist = widget.chartData.last.waistCircumference;
//                   hip = widget.chartData.last.hipCircumference;
//                   chestController = FixedExtentScrollController(initialItem: chest - 20);
//                   waistController = FixedExtentScrollController(initialItem: waist - 20);
//                   hipController = FixedExtentScrollController(initialItem: hip - 20);
//                 } else {
//                   chestController = FixedExtentScrollController();
//                   waistController = FixedExtentScrollController();
//                   hipController = FixedExtentScrollController();
//                 }
//                 showModalBottomSheet(
//                   useRootNavigator: true,
//                   context: context,
//                   builder: (context) {
//                     return Column(
//                       children: [
//                         Expanded(
//                           child: Row(
//                             children: [
//                               Expanded(
//                                 child: CupertinoPicker(
//                                   magnification: 1.22,
//                                   squeeze: 1.2,
//                                   useMagnifier: true,
//                                   scrollController: chestController,
//                                   itemExtent: 24,
//                                   onSelectedItemChanged: (int value) {
//                                     chest = value;
//                                   },
//                                   children: [
//                                     for (int i = 20; i < 200; i++) Text('$i'),
//                                   ],
//                                 ),
//                               ),
//                               Expanded(
//                                 child: CupertinoPicker(
//                                   magnification: 1.22,
//                                   squeeze: 1.2,
//                                   useMagnifier: true,
//                                   scrollController: waistController,
//                                   itemExtent: 24,
//                                   onSelectedItemChanged: (int value) {
//                                     waist = value;
//                                   },
//                                   children: [
//                                     for (int i = 20; i < 200; i++) Text('$i'),
//                                   ],
//                                 ),
//                               ),
//                               Expanded(
//                                 child: CupertinoPicker(
//                                   magnification: 1.22,
//                                   squeeze: 1.2,
//                                   useMagnifier: true,
//                                   scrollController: hipController,
//                                   itemExtent: 24,
//                                   onSelectedItemChanged: (int value) {
//                                     hip = value;
//                                   },
//                                   children: [
//                                     for (int i = 20; i < 200; i++) Text('$i'),
//                                   ],
//                                 ),
//                               ),
//                             ],
//                           ),
//                         ),
//                         InkWell(
//                           onTap: () {
//                             widget.profileCubit.addCircumference(
//                               chestCircumference: chest,
//                               waistCircumference: waist,
//                               hipCircumference: hip,
//                             );
//                             Navigator.of(context).pop();
//                           },
//                           borderRadius: BorderRadius.circular(16),
//                           child: Ink(
//                             width: MediaQuery.of(context).size.width - 32,
//                             padding: EdgeInsets.all(16),
//                             decoration: BoxDecoration(
//                               color: appTheme.blueA400,
//                               borderRadius: BorderRadius.circular(16),
//                             ),
//                             child: Center(
//                               child: Text(
//                                 'Сохранить',
//                                 style: TextStyle(
//                                   color: Colors.white,
//                                 ),
//                               ),
//                             ),
//                           ),
//                         ),
//                       ],
//                     );
//                   },
//                 );
//               },
//               backgroundColor: Colors.red,
//               shape: CircleBorder(),
//               child: Icon(
//                 Icons.add,
//                 color: Colors.white,
//               ),
//             ),
//           ],
//         ),
//       ],
//     );
//   }
//
//   List<CartesianSeries<Circumference, DateTime>> _getSplineSeries() {
//     final Color seriesColor1 = Colors.red;
//     final Color seriesColor2 = appTheme.blueA400;
//     final Color seriesColor3 = Colors.green;
//
//     return <CartesianSeries<Circumference, DateTime>>[
//       SplineAreaSeries<Circumference, DateTime>(
//         markerSettings: MarkerSettings(
//           isVisible: true,
//           color: seriesColor1,
//           height: 8,
//           width: 8,
//         ),
//         dataLabelSettings: DataLabelSettings(
//           labelAlignment: ChartDataLabelAlignment.top,
//           isVisible: true,
//         ),
//         dataSource: widget.chartData,
//         borderColor: seriesColor1,
//         gradient: LinearGradient(
//           colors: [
//             seriesColor1.withOpacity(0.14),
//             Colors.transparent,
//           ],
//           begin: Alignment.topCenter,
//           end: Alignment(0, 0.6),
//         ),
//         name: 'Грудь',
//         xValueMapper: (Circumference value, int index) => value.createdAt,
//         yValueMapper: (Circumference value, int index) => value.chestCircumference,
//       ),
//       SplineAreaSeries<Circumference, DateTime>(
//         markerSettings: MarkerSettings(
//           isVisible: true,
//           color: seriesColor2,
//           height: 8,
//           width: 8,
//         ),
//         dataLabelSettings: DataLabelSettings(
//           labelAlignment: ChartDataLabelAlignment.top,
//           isVisible: true,
//         ),
//         dataSource: widget.chartData,
//         borderColor: seriesColor2,
//         gradient: LinearGradient(
//           colors: [
//             seriesColor2.withOpacity(0.14),
//             Colors.transparent,
//           ],
//           begin: Alignment.topCenter,
//           end: Alignment(0, 0.6),
//         ),
//         name: 'Талия',
//         xValueMapper: (Circumference value, int index) => value.createdAt,
//         yValueMapper: (Circumference value, int index) => value.waistCircumference,
//       ),
//       SplineAreaSeries<Circumference, DateTime>(
//         markerSettings: MarkerSettings(
//           isVisible: true,
//           color: seriesColor3,
//           height: 8,
//           width: 8,
//         ),
//         dataLabelSettings: DataLabelSettings(
//           labelAlignment: ChartDataLabelAlignment.top,
//           isVisible: true,
//         ),
//         dataSource: widget.chartData,
//         borderColor: seriesColor3,
//         gradient: LinearGradient(
//           colors: [
//             seriesColor3.withOpacity(0.14),
//             Colors.transparent,
//           ],
//           begin: Alignment.topCenter,
//           end: Alignment(0, 0.6),
//         ),
//         name: 'Бёдра',
//         xValueMapper: (Circumference value, int index) => value.createdAt,
//         yValueMapper: (Circumference value, int index) => value.hipCircumference,
//       ),
//     ];
//   }
// }