import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:healthcare_user/models/bmi_history_model.dart';
import 'package:healthcare_user/common/settings.dart';
import 'package:healthcare_user/models/bp_history_model.dart';
import 'package:healthcare_user/models/sugar_history_model.dart';

class SugarHistory extends StatefulWidget {
  const SugarHistory({Key? key}) : super(key: key);

  @override
  State<SugarHistory> createState() => _SugarHistoryState();
}

class _SugarHistoryState extends State<SugarHistory> {

  bool isLoading=false;
  List<SugarHistoryModel> sugarHistoryList = [];
  List<SugarHistoryModel> FilteredList = [];
  var dateItems = [
    'last 7 days',
    'last one month',
    'last one year',
  ];
  var dateItemsVariable =  'last 7 days';

  Future<void> getSugarHistoryDetails(var selectedRange) async {
    isLoading=true;
    var response1= await AppSettings.getSugarHistory();
    print(response1);
    setState(() {
      sugarHistoryList =
          ((jsonDecode(response1)) as List).map((dynamic model) {
            return SugarHistoryModel.fromJson(model);
          }).toList();

      var now = new DateTime.now();
      var now_1w = now.subtract(Duration(days: 7));
      var now_1m = new DateTime(now.year, now.month-1, now.day);
      var now_1y = new DateTime(now.year-1, now.month, now.day);

      if(selectedRange.toString().toUpperCase()=='LAST 7 DAYS'){
        FilteredList=sugarHistoryList.where((product) {
          final date = product.dateForFilter;
          return now_1w.isBefore(date);
        }).toList();
      }
      else if(selectedRange.toString().toUpperCase()=='LAST ONE MONTH'){
        FilteredList=sugarHistoryList.where((product) {
          final date = product.dateForFilter;
          return now_1m.isBefore(date);
        }).toList();
      }
      else if(selectedRange.toString().toUpperCase()=='LAST ONE YEAR'){
        FilteredList=sugarHistoryList.where((product) {
          final date = product.dateForFilter;
          return now_1y.isBefore(date);
        }).toList();
      }
      else{
        FilteredList=sugarHistoryList;
      }


      isLoading=false;
    });
  }

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

  Widget renderzUi(){
    if(sugarHistoryList.length!=0){

      return  Column(
          crossAxisAlignment: CrossAxisAlignment.end,
          children: [
            Padding(padding: EdgeInsets.fromLTRB(10, 10, 10, 10),
              child: DropdownButtonFormField(
                // Initial Value
                value: dateItemsVariable,
                isExpanded: true,
                decoration: const InputDecoration(
                  prefixIcon: Icon(
                    Icons.calendar_month,
                    color: primaryColor,
                  ),
                  border: OutlineInputBorder(
                      borderSide: BorderSide(color: primaryColor)),
                  focusedBorder: OutlineInputBorder(
                    borderSide: BorderSide(color: primaryColor),
                  ),
                  enabledBorder: OutlineInputBorder(
                    borderSide: BorderSide(color: primaryColor),
                  ),
                  labelText: 'Units',
                  labelStyle: TextStyle(
                    color: greyColor, //<-- SEE HERE
                  ),
                ),

                hint: Text('Units'),
                // Down Arrow Icon
                //icon: const Icon(Icons.keyboard_arrow_down),

                // Array list of items
                items: dateItems.map((String items) {
                  return DropdownMenuItem(
                      value: items,
                      child: Text(
                        items,
                        style: TextStyle(
                          fontSize: 16,
                        ),
                        textAlign: TextAlign.center,
                      ));
                }).toList(),
                // After selecting the desired option,it will
                // change button value to selected value
                onChanged: (String? newValue) {
                  setState(() {
                    dateItemsVariable = newValue!;
                  });
                  getSugarHistoryDetails(dateItemsVariable);
                },
              ),),

            Expanded(child:ListView.builder(
                padding:  EdgeInsets.all(0),
                itemCount: FilteredList.length,
                itemBuilder: (BuildContext context, int index) {
                  return Card(

                    color: Colors.white,
                    child: Padding(
                      padding:EdgeInsets.all(8) ,
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [

                          Column(
                            mainAxisAlignment: MainAxisAlignment.start,
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Row(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Image(
                                      image: const AssetImage('images/height.png'),
                                      height: 25,
                                      width: 25,
                                      fit: BoxFit.fill),
                                  Padding(padding: EdgeInsets.all(5),
                                    child: Text(FilteredList[index].fasting.toString().toUpperCase(),style: valuesTextStyle()),)

                                ],
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Image(
                                      image: const AssetImage('images/height.png'),
                                      height: 25,
                                      width: 25,
                                      fit: BoxFit.fill),
                                  Padding(padding: EdgeInsets.all(5),
                                    child: Text(FilteredList[index].postPrandial.toString().toUpperCase(),style: valuesTextStyle()),)

                                ],
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Image(
                                      image: const AssetImage('images/height.png'),
                                      height: 25,
                                      width: 25,
                                      fit: BoxFit.fill),
                                  Padding(padding: EdgeInsets.all(5),
                                    child: Text(FilteredList[index].sugarValue.toString().toUpperCase(),style: valuesTextStyle()),)

                                ],
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Image(
                                      image: const AssetImage('images/height.png'),
                                      height: 25,
                                      width: 25,
                                      fit: BoxFit.fill),
                                  Padding(padding: EdgeInsets.all(5),
                                    child: Text(FilteredList[index].sugartText.toString().toUpperCase(),style: valuesTextStyle()),)

                                ],
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Image(
                                      image: const AssetImage('images/date.png'),
                                      height: 25,
                                      width: 25,
                                      fit: BoxFit.fill),
                                  Padding(padding: EdgeInsets.all(5),
                                    child: Text(FilteredList[index].displayDate.toString().toUpperCase(),style: valuesTextStyle()),)

                                ],
                              ),

                            ],
                          ),

                        ],

                      ),
                    ),
                  );
                }) ),
          ]);
    }
    else{
      return  Center(
          child: Padding(
            padding: EdgeInsets.fromLTRB(0, 40, 0, 0),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                SizedBox(height: MediaQuery.of(context).size.height * .25,),
                Text('No data'),
                SizedBox(
                  height: 20,
                ),
                CircleAvatar(
                  backgroundColor: primaryColor,
                  radius: 40,
                  child: IconButton(
                    iconSize: 40,
                    icon: const Icon(
                      Icons.info,
                      color: Colors.white,
                    ),
                    onPressed: () async {

                    },
                  ),
                )
              ],
            ),
          )
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppSettings.appBar('Diabetes'),
      body: isLoading?Center(
        child: CircularProgressIndicator(
          color: primaryColor,
          strokeWidth: 5.0,
        ),
      ):renderzUi(),
    );
  }
}