import 'dart:convert';

import 'package:farm_tpf/custom_model/Spraying.dart';
import 'package:farm_tpf/custom_model/SuppliesUsing.dart';
import 'package:farm_tpf/data/api/app_exception.dart';
import 'package:farm_tpf/data/repository/repository.dart';
import 'package:farm_tpf/presentation/custom_widgets/bloc/media_helper_bloc.dart';
import 'package:farm_tpf/presentation/custom_widgets/widget_loading.dart';
import 'package:farm_tpf/presentation/custom_widgets/widget_media_picker.dart';
import 'package:farm_tpf/presentation/custom_widgets/widget_text_form_field.dart';
import 'package:farm_tpf/presentation/custom_widgets/widget_utils.dart';
import 'package:farm_tpf/presentation/screens/actions/bloc/action_detail_bloc.dart';
import 'package:farm_tpf/presentation/screens/actions/controller/ChangeSupplyUsing.dart';
import 'package:farm_tpf/presentation/screens/actions/spraying/widget_spraying_supply.dart';
import 'package:farm_tpf/presentation/screens/actions/state_management_helper/change_file_controller.dart';
import 'package:farm_tpf/utils/const_common.dart';
import 'package:farm_tpf/utils/const_string.dart';
import 'package:farm_tpf/utils/const_style.dart';
import 'package:farm_tpf/utils/pref.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_datetime_picker/flutter_datetime_picker.dart';
import 'package:get/get.dart';
import 'package:intl/intl.dart';
import 'package:keyboard_dismisser/keyboard_dismisser.dart';
import 'package:pattern_formatter/pattern_formatter.dart';
import 'package:farm_tpf/utils/formatter.dart';

import '../util_action.dart';

class EditActionSprayingScreen extends StatefulWidget {
  final int cropId;
  final bool isEdit;
  final int activityId;
  EditActionSprayingScreen(
      {@required this.cropId, this.isEdit = false, this.activityId});
  @override
  _EditActionSprayingScreenState createState() =>
      _EditActionSprayingScreenState();
}

class _EditActionSprayingScreenState extends State<EditActionSprayingScreen> {
  final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
  final _repository = Repository();
  GlobalKey<FormState> _formKey = GlobalKey();
  bool _autoValidate = false;
  Spraying _spraying = Spraying();
  var pref = LocalPref();
  final _descriptionController = TextEditingController();
  final _purposeController = TextEditingController();
  final _weatherController = TextEditingController();
  final _executeByController = TextEditingController();
  final _quarantinePeriodController = TextEditingController();
  List<SuppliesUsing> suppliesUsing = new List<SuppliesUsing>();

  String executeTimeView;
  DateTime executeTime = DateTime.now();
  String resultAtView;
  DateTime resultAtTime;
  List<String> filePaths = List<String>();
  var changeFileController = Get.put(ChangeFileController());

  Future<Null> getSharedPrefs() async {
    var currentFullName = await pref.getString(DATA_CONST.CURRENT_FULL_NAME);
    _executeByController.text = currentFullName ?? "";
  }

  @override
  void initState() {
    super.initState();
    getSharedPrefs();
    changeFileController.initValue();
    _spraying.suppliesUsing = new List<SuppliesUsing>();
    var parsedExecuteDate =
        DateFormat("yyyy-MM-dd'T'HH:mm:ss'Z'").format(executeTime);
    _spraying.executeDate = "$parsedExecuteDate";
    executeTimeView = DateFormat("dd/MM/yyyy HH:mm").format(executeTime);
    _spraying.cropId = widget.cropId;
  }

  _validateInputs() async {
    if (_formKey.currentState.validate()) {
      _formKey.currentState.save();
      LoadingDialog.showLoadingDialog(context);
      filePaths = Get.find<ChangeFileController>().newFiles;
      List<SuppliesUsing> newSups = [];
      suppliesUsing.forEach((sup) {
        var newSup = sup;
        newSup.suppliesInWarehouseId = sup.tbSuppliesInWarehouseId;
        newSup.equipmentOfCustomerId = sup.tbEquipmentOfCustomerId;
        newSups.add(newSup);
      });
      _spraying.suppliesUsing = newSups;
      _spraying.mediaDel = Get.find<ChangeFileController>().deleteFiles;
      var activitySpraying = jsonEncode(_spraying.toJson()).toString();
      //ADD NEW
      if (_spraying.activityId == null) {
        _repository.createAction((value) {
          LoadingDialog.hideLoadingDialog(context);
          Get.back(result: value);
          Utils.showSnackBarSuccess(message: label_add_success);
        }, (error) {
          LoadingDialog.hideLoadingDialog(context);
          Utils.showSnackBarError(message: AppException.handleError(error));
        },
            apiAddAction: ConstCommon.apiAddSpraying,
            paramActivity: ConstCommon.paramsActionSpraying,
            activityAction: activitySpraying,
            filePaths: filePaths);
      } else {
        //UPDATE
        _repository.updateAction((value) {
          LoadingDialog.hideLoadingDialog(context);
          Get.back(result: value);
          Utils.showSnackBarSuccess(message: label_update_success);
        }, (error) {
          LoadingDialog.hideLoadingDialog(context);
          Utils.showSnackBarError(message: AppException.handleError(error));
        },
            apiUpdateAction: ConstCommon.apiUpdateSpraying,
            paramActivity: ConstCommon.paramsActionSpraying,
            activityAction: activitySpraying,
            filePaths: filePaths);
      }
    } else {
      _autoValidate = true;
    }
  }

  Widget _btnExecuteTimePicker() {
    return FlatButton(
        padding: EdgeInsets.only(top: 0.0, right: 0.0, bottom: 0.0, left: 0.0),
        onPressed: () {
          DatePicker.showDateTimePicker(context,
              showTitleActions: true, onChanged: (date) {}, onConfirm: (date) {
            setState(() {
              var parsedDate =
                  DateFormat("yyyy-MM-dd'T'HH:mm:ss'Z'").format(date);
              _spraying.executeDate = "$parsedDate";
              executeTimeView = DateFormat("dd/MM/yyyy HH:mm").format(date);
            });
          }, currentTime: executeTime, locale: LocaleType.vi);
        },
        child: Container(
            padding:
                EdgeInsets.only(top: 0.0, right: 0.0, bottom: 10.5, left: 0.0),
            decoration: BoxDecoration(
              border: kBorderTextField,
            ),
            child: Row(
              children: [
                Expanded(
                    child: Text(
                  //TODO: check condition
                  executeTimeView == null ? "$executeTime" : executeTimeView,
                  style: TextStyle(fontSize: 14.0, color: Colors.black87),
                )),
                Icon(
                  Icons.date_range,
                  color: Colors.blue,
                ),
              ],
            )));
  }

  Widget _btnResultAtTimePicker() {
    return FlatButton(
        padding: EdgeInsets.only(top: 0.0, right: 0.0, bottom: 0.0, left: 0.0),
        onPressed: () {
          DatePicker.showDateTimePicker(context,
              showTitleActions: true, onChanged: (date) {}, onConfirm: (date) {
            setState(() {
              var parsedDate =
                  DateFormat("yyyy-MM-dd'T'HH:mm:ss'Z'").format(date);
              _spraying.resultAt = "$parsedDate";
              resultAtView = DateFormat("dd/MM/yyyy HH:mm").format(date);
            });
          }, currentTime: resultAtTime, locale: LocaleType.vi);
        },
        child: Container(
            padding:
                EdgeInsets.only(top: 0.0, right: 0.0, bottom: 10.5, left: 0.0),
            decoration: BoxDecoration(
              border: kBorderTextField,
            ),
            child: Row(
              children: [
                Expanded(
                    child: Text(
                  resultAtView == null ? "" : resultAtView,
                  style: TextStyle(fontSize: 14.0, color: Colors.black87),
                )),
                Icon(
                  Icons.date_range,
                  color: Colors.blue,
                ),
              ],
            )));
  }

  Widget _purposeField() {
    return TextFormField(
      keyboardType: TextInputType.text,
      decoration: InputDecoration(labelText: "Lý do sử dụng"),
      controller: _purposeController,
      onSaved: (newValue) {
        _spraying.purpose = newValue;
      },
    );
  }

  Widget _quarantinePeriodField() {
    return WidgetTextFormFieldNumber(
      hintValue: "Thời gian cách ly",
      textController: _quarantinePeriodController,
      onSaved: (newValue) {
        _spraying.quarantinePeriod = newValue.parseDoubleThousand();
      },
    );
  }

  Widget _weatherField() {
    return TextFormField(
      keyboardType: TextInputType.text,
      decoration: InputDecoration(labelText: "Thời tiết"),
      controller: _weatherController,
      onSaved: (newValue) {
        _spraying.weatherConditions = newValue;
      },
    );
  }

  Widget _desciptionField() {
    return TextFormField(
      keyboardType: TextInputType.text,
      decoration: InputDecoration(labelText: "Ghi chú"),
      controller: _descriptionController,
      onSaved: (newValue) {
        _spraying.description = newValue;
      },
    );
  }

  Widget _executeByField() {
    return TextFormField(
      keyboardType: TextInputType.text,
      decoration: InputDecoration(labelText: "Người thực hiện"),
      enabled: false,
      controller: _executeByController,
      onSaved: (newValue) {},
    );
  }

  _actionAppBar() {
    IconButton iconButton;
    if (1 == 1) {
      iconButton = IconButton(
        icon: Icon(
          Icons.done,
          color: Colors.black,
        ),
        onPressed: () {
          FocusScopeNode currentFocus = FocusScope.of(context);
          if (!currentFocus.hasPrimaryFocus) {
            currentFocus.unfocus();
          }
          _validateInputs();
        },
      );
      return <Widget>[iconButton];
    }
    return <Widget>[Container()];
  }

  @override
  Widget build(BuildContext context) => KeyboardDismisser(
          gestures: [
            GestureType.onTap,
            GestureType.onPanUpdateDownDirection,
          ],
          child: Scaffold(
              key: _scaffoldKey,
              appBar: AppBar(
                  centerTitle: true,
                  title: Text(plot_action_spraying),
                  actions: _actionAppBar()),
              body: KeyboardDismisser(
                  child: MultiBlocProvider(
                      providers: [
                    BlocProvider<ActionDetailBloc>(
                        create: (context) =>
                            ActionDetailBloc(repository: Repository())
                              ..add(FetchData(
                                  isNeedFetchData: widget.isEdit,
                                  apiActivity: ConstCommon.apiDetailSpraying,
                                  activityId: widget.activityId))),
                    BlocProvider<MediaHelperBloc>(
                      create: (context) =>
                          MediaHelperBloc()..add(ChangeListMedia(items: [])),
                    )
                  ],
                      child: Form(
                          key: _formKey,
                          autovalidate: _autoValidate,
                          child: SingleChildScrollView(
                            padding: EdgeInsets.all(8.0),
                            child: BlocConsumer<ActionDetailBloc,
                                ActionDetailState>(
                              listener: (context, state) async {
                                if (state is ActionDetailFailure) {
                                  LoadingDialog.hideLoadingDialog(context);
                                } else if (state is ActionDetailSuccess) {
                                  LoadingDialog.hideLoadingDialog(context);
                                  _spraying = Spraying.fromJson(state.item);
                                  _spraying.activityId = widget.activityId;
                                  _purposeController.text =
                                      _spraying.purpose ?? "";
                                  _quarantinePeriodController.text = _spraying
                                      .quarantinePeriod
                                      .formatNumtoStringDecimal();
                                  _weatherController.text =
                                      _spraying.weatherConditions ?? "";
                                  _descriptionController.text =
                                      _spraying.description;
                                  _executeByController.text =
                                      _spraying.executeBy;
                                  try {
                                    executeTime =
                                        DateFormat("yyyy-MM-dd'T'HH:mm:ss'Z'")
                                            .parse(_spraying.executeDate);
                                    executeTimeView =
                                        DateFormat("dd/MM/yyyy HH:mm")
                                            .format(executeTime);
                                  } catch (_) {}

                                  try {
                                    resultAtTime =
                                        DateFormat("yyyy-MM-dd'T'HH:mm:ss'Z'")
                                            .parse(_spraying.resultAt);
                                    resultAtView =
                                        DateFormat("dd/MM/yyyy HH:mm")
                                            .format(resultAtTime);
                                  } catch (_) {}

                                  //Show media
                                  if (_spraying.media.isNotEmpty) {
                                    BlocProvider.of<MediaHelperBloc>(context)
                                        .add(ChangeListMedia(
                                            items: UtilAction
                                                .convertFilePathToMedia(
                                                    _spraying.media)));
                                  }
                                  //list supply
                                  suppliesUsing = _spraying.suppliesUsing;
                                  Get.find<ChangeSupplyUsing>()
                                      .changeInitList(suppliesUsing);
                                } else if (state is ActionDetailInitial) {
                                  print("init");
                                } else if (state is ActionDetailLoading) {
                                  print("loading");
                                  LoadingDialog.showLoadingDialog(context);
                                }
                              },
                              builder: (context, state) {
                                return Column(
                                  children: <Widget>[
                                    Container(
                                      width: double.infinity,
                                      child: Text(
                                        "Ngày thực hiện *",
                                        style: TextStyle(
                                            color: Colors.black54,
                                            fontSize: 13.0),
                                      ),
                                    ),
                                    _btnExecuteTimePicker(),
                                    SizedBox(
                                      height: 8.0,
                                    ),
                                    _purposeField(),
                                    SizedBox(
                                      height: 8.0,
                                    ),
                                    _quarantinePeriodField(),
                                    SizedBox(
                                      height: 8.0,
                                    ),
                                    Container(
                                      width: double.infinity,
                                      child: Text(
                                        "Thời gian ghi nhận kết quả",
                                        style: TextStyle(
                                            color: Colors.black54,
                                            fontSize: 13.0),
                                      ),
                                    ),
                                    _btnResultAtTimePicker(),
                                    SizedBox(
                                      height: 8.0,
                                    ),
                                    _weatherField(),
                                    SizedBox(
                                      height: 8.0,
                                    ),
                                    _desciptionField(),
                                    SizedBox(
                                      height: 8.0,
                                    ),
                                    _executeByField(),
                                    SizedBox(
                                      height: 8.0,
                                    ),
                                    WidgetSprayingSupply(
                                        currentItems: [],
                                        onChangeSupplies: (value) {
                                          suppliesUsing = value;
                                        }),
                                    SizedBox(
                                      height: 8.0,
                                    ),
                                    BlocBuilder<MediaHelperBloc,
                                            MediaHelperState>(
                                        builder: (context, state) {
                                      if (state is MediaHelperSuccess) {
                                        return WidgetMediaPicker(
                                            currentItems: state.items,
                                            onChangeFiles: (newPathFiles,
                                                deletePathFiles) async {
                                              Get.find<ChangeFileController>()
                                                  .change(newPathFiles,
                                                      deletePathFiles);
                                            });
                                      } else {
                                        return Center(
                                            child: CircularProgressIndicator());
                                      }
                                    }),
                                  ],
                                );
                              },
                            ),
                          ))))));
  @override
  void dispose() {
    _quarantinePeriodController.dispose();
    _purposeController.dispose();
    _weatherController.dispose();
    _descriptionController.dispose();
    _executeByController.dispose();
    super.dispose();
  }
}