import 'package:diplomaticquarterapp/core/model/my_trakers/blood_sugar/DiabtecPatientResult.dart';
import 'package:diplomaticquarterapp/core/model/my_trakers/chartData/WeekChartDate.dart';
import 'package:diplomaticquarterapp/core/viewModels/medical/blood_sugar_view_model.dart';
import 'package:diplomaticquarterapp/core/viewModels/project_view_model.dart';
import 'package:diplomaticquarterapp/pages/medical/my_trackers/widget/LineChartCurved.dart';
import 'package:diplomaticquarterapp/uitl/date_uitl.dart';
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
import 'package:diplomaticquarterapp/widgets/charts/app_time_series_chart.dart';
import 'package:diplomaticquarterapp/widgets/data_display/text.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:charts_flutter/flutter.dart' as charts;
import 'package:hexcolor/hexcolor.dart';
import 'package:provider/provider.dart';
import 'package:diplomaticquarterapp/uitl/utils.dart';
import "package:collection/collection.dart";

class BloodYearPage extends StatelessWidget {
  final List<DiabtecPatientResult> diabtecPatientResult;
  final List<TimeSeriesSales2> timeSeriesData;
  final BloodSugarViewMode bloodSugarViewMode;

  BloodYearPage({Key key, this.diabtecPatientResult, this.timeSeriesData, this.bloodSugarViewMode}) : super(key: key);
  List<List> yearlyGroup = [];
  @override
  Widget build(BuildContext context) {
    groupData();
    ProjectViewModel projectViewModel = Provider.of(context);
    return AppScaffold(
      // baseViewModel: bloodSugarViewMode,
      body: ListView(
        children: [
          Container(
              margin: EdgeInsets.only(top: 12, left: 8, right: 8),
              width: double.maxFinite,
              color: Colors.white,
              child: LineChartCurved(
                title: '${TranslationBase.of(context).bloodSugar}',
                timeSeries: timeSeriesData.isEmpty ? [TimeSeriesSales2(DateTime.now(), 0.0)] : timeSeriesData,
                indexes: timeSeriesData.length ~/ 5.5 ?? 0,
              )),
          SizedBox(
            height: 12,
          ),
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: Texts(TranslationBase.of(context).details),
          ),
          Container(
            padding: EdgeInsets.all(10),
            color: Colors.transparent,
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                timeSeriesData.isEmpty
                    ? Container(
                        child: Center(
                          child: Texts(TranslationBase.of(context).noDataAvailable),
                        ),
                      )
                    : Column(children: [
                        for (var monthly in yearlyGroup)
                          Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
                            Container(
                                width: double.maxFinite,
                                padding: EdgeInsets.only(top: 10, bottom: 10, left: 5, right: 5),
                                decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(5)),
                                child: Texts(monthly[0])),
                            Table(
                              columnWidths: {
                                0: FlexColumnWidth(1.8),
                                2: FlexColumnWidth(1.8),
                              },
                              children: fullData(context, projectViewModel, monthly[1]),
                            )
                          ])
                      ]),
                SizedBox(height: 80)
              ],
            ),
          )
        ],
      ),
    );
  }

  List<TableRow> fullData(BuildContext context, ProjectViewModel projectViewModel, yearlyGroup) {
    List<TableRow> tableRow = [];
    tableRow.add(
      TableRow(
        children: [
          Utils.tableColumnTitle(TranslationBase.of(context).date),
          Utils.tableColumnTitle(TranslationBase.of(context).time),
          Utils.tableColumnTitle(TranslationBase.of(context).measured),
          Utils.tableColumnTitle(TranslationBase.of(context).value),
        ],
      ),
    );
    yearlyGroup.forEach(
      (diabtec) {
        tableRow.add(
          TableRow(
            children: [
              Utils.tableColumnValue(projectViewModel.isArabic ? DateUtil.getMonthDayYearDateFormattedAr(diabtec.dateChart) : DateUtil.getMonthDayYearDateFormatted(diabtec.dateChart),
                  isCapitable: false),
              Utils.tableColumnValue(diabtec.dateChart.hour.toString() + ':' + diabtec.dateChart.minute.toString(), isCapitable: false),
              Utils.tableColumnValue(diabtec.measuredDesc, isCapitable: false),
              Utils.tableColumnValue(diabtec.resultValue.toString(), isCapitable: false),
            ],
          ),
        );
      },
    );
    return tableRow;
  }

  groupData() {
    yearlyGroup.clear();
    var groupedArray = groupBy(diabtecPatientResult.reversed, (obj) => DateUtil.getMonth(obj.dateChart.month) + ' ' + obj.dateChart.year.toString());
    groupedArray.entries.forEach((e) => yearlyGroup.add([e.key, e.value]));
  }
}