import 'package:fcs/domain/vo/term.dart';
import 'package:fcs/helpers/theme.dart';
import 'package:fcs/pages/main/util.dart';
import 'package:fcs/pages/widgets/local_text.dart';
import 'package:fcs/pages/widgets/progress.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
// import 'package:zefyrka/zefyrka.dart';
// import 'package:zefyr/zefyr.dart';

typedef void ProfileCallback();

class TermEdit extends StatefulWidget {
  final Term? term;
  TermEdit({required this.term});
  @override
  _TermEditState createState() => _TermEditState();
}

class _TermEditState extends State<TermEdit> {
  /// Allows to control the editor and the document.
  // late ZefyrController _controllerEng;
  // late ZefyrController _controllerMm;

  /// Zefyr editor like any other input field requires a focus node.
  late FocusNode _focusNodeEng;
  late FocusNode _focusNodeMm;
  bool _isLoading = false;

  @override
  void initState() {
    super.initState();
    _isLoading = false;

    // Here we must load the document and pass it to Zefyr controller.
    // _controllerEng = ZefyrController(_loadDocument(widget.term!.termEng ?? ""));
    // _controllerMm = ZefyrController(_loadDocument(widget.term!.termMm ?? ""));
    _focusNodeEng = FocusNode();
    _focusNodeMm = FocusNode();
  }

  /// Loads the document to be edited in Zefyr.
  // NotusDocument _loadDocument(String data) {
  //   late NotusDocument doc;
  //   try {
  //     doc = NotusDocument.fromJson(jsonDecode(data));
  //   } catch (e) {}
  //   if (doc == null) {
  //     doc = NotusDocument();
  //   }
  //   return doc;
  // }

  @override
  Widget build(BuildContext context) {
    final savebtn =
        fcsButton(context, getLocalString(context, "btn.save"), callack: _save);

    return DefaultTabController(
      length: 2,
      child: LocalProgress(
        inAsyncCall: _isLoading,
        child: Scaffold(
          appBar: AppBar(
            title: LocalLargeTitle(
              context,
              "term",
              color: primaryColor,
            ),
            leading: IconButton(
              icon: Icon(CupertinoIcons.back, color: primaryColor, size: 25),
              onPressed: () {
                Navigator.of(context).pop();
              },
            ),
            shadowColor: Colors.transparent,
            backgroundColor: Colors.white,
            actions: [
              IconButton(
                  onPressed: _unfocus,
                  icon: Icon(Icons.check, color: primaryColor))
            ],
            bottom: TabBar.secondary(
              indicatorColor: primaryColor,
              onTap: (index) {
                if (index == 0) {
                  _focusNodeEng = new FocusNode();
                  FocusScope.of(context).requestFocus(_focusNodeEng);
                } else {
                  _focusNodeMm = new FocusNode();
                  FocusScope.of(context).requestFocus(_focusNodeMm);
                }
              },
              tabs: [
                Tab(
                    icon: Image.asset(
                  'icons/flags/png/us.png',
                  package: 'country_icons',
                  fit: BoxFit.fitWidth,
                  width: 25,
                )),
                Tab(
                    icon: Image.asset(
                  'icons/flags/png/mm.png',
                  package: 'country_icons',
                  fit: BoxFit.fitWidth,
                  width: 25,
                )),
              ],
            ),
          ),
          body: ListView(
            children: [
              Container(
                height: MediaQuery.of(context).size.height - 200,
                child: TabBarView(
                  children: [
                    const SizedBox(),
                    const SizedBox(),
                    // textEditor(_controllerEng, _focusNodeEng),
                    // textEditor(_controllerMm, _focusNodeMm),
                  ],
                ),
              ),
              savebtn,
              const SizedBox(height: 20)
            ],
          ),
        ),
      ),
    );
  }

  // Widget textEditor(ZefyrController controller, FocusNode focusNode) {
  //   return ListView(
  //     children: [
  //       Container(
  //         height: MediaQuery.of(context).size.height - 200,
  //         child: ZefyrEditor(
  //           autofocus: false,
  //           padding: EdgeInsets.all(16),
  //           controller: controller,
  //           focusNode: focusNode,
  //         ),
  //       ),
  //       SizedBox(
  //         height: 10,
  //       )
  //     ],
  //   );
  // }

  _unfocus() {
    FocusScope.of(context).unfocus();
  }

  _save() async {
    setState(() {
      _isLoading = true;
    });
    try {
      // final contentsEng = jsonEncode(_controllerEng.document);
      // final contentsMm = jsonEncode(_controllerMm.document);
      // // print('contents => $contentsEng');
      // TermModel termModel = Provider.of<TermModel>(context, listen: false);
      // await termModel.saveTerm(Term(termEng: contentsEng, termMm: contentsMm));
    } catch (e) {
      showMsgDialog(context, "Error", e.toString());
    } finally {
      _isLoading = false;
      Navigator.pop(context);
    }
  }
}