LocalSpend-Tracker/lib/pages/receipt_page.dart

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:local_spend/common/apifunctions/submit_receipt_api.dart';
import 'package:local_spend/common/functions/show_dialog_single_button.dart';
import 'package:local_spend/common/platform/platform_scaffold.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:intl/intl.dart';
import 'package:datetime_picker_formfield/datetime_picker_formfield.dart';
import 'package:local_spend/common/apifunctions/find_organisations.dart';
import 'package:local_spend/common/widgets/popupListView.dart';
import 'package:local_spend/common/apifunctions/categories.dart';
import 'package:local_spend/common/widgets/future_dropdownmenu.dart';

const URL = "https://flutter.io/";
const demonstration = false;

class ReceiptPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return new ReceiptPageState();
  }
}

class ReceiptPageState extends State<ReceiptPage> {
  final TextEditingController _timeController = TextEditingController();
  final TextEditingController _amountController = TextEditingController();
  final TextEditingController _essentialController = TextEditingController();
  final TextEditingController _recurringController = TextEditingController();

  TextEditingController _categoryController;  // TODO: fix this!!
  final TextEditingController _orgController = TextEditingController();
  final OrganizationController _organizationController = OrganizationController();
  DropdownButton _categoriesDropDownButton = new DropdownButton(items: null /*onChanged: blahBlahBlah*/);
  DropdownButton _recurringDropDownButton = new DropdownButton(items: null /*onChanged: blahBlahBlah*/);
  String _category;

  FocusNode focusNode;

  DateTime date;

  Future launchURL(String url) async {
    if (await canLaunch(url)) {
      await launch(url, forceSafariVC: true, forceWebView: true);
    } else {
      showDialogSingleButton(
          context,
          "Unable to reach your website.",
          "Currently unable to reach the website $URL. Please try again at a later time.",
          "OK");
    }
  }

  @override
  void initState() {

//    getCategoriesList().then((value) {
//      setState(() {
//      _categoryDropDownItems = value;
//      });
//    });
//    loadDropDownMenu();

    getCategoriesDropDownMenu("categories").then((value) {
      setState((){
        _categoriesDropDownButton = value;
      });
    });

    super.initState();
    _saveCurrentRoute("/ReceiptPageState");

    focusNode = FocusNode();

    _recurringController.text = "None";
//    _categoryController.text = null;
  }

  @override
  void dispose() {
    super.dispose();

    focusNode.dispose(); //disposes focus node when form disposed
  }

  _saveCurrentRoute(String lastRoute) async {
    SharedPreferences preferences = await SharedPreferences.getInstance();
    await preferences.setString('LastPageRoute', lastRoute);
  }

  // this file is getting really messy sorry everyone

  void loadDropDownMenu() async {
//    _dropDownMenu = await getDropDownMenu(
//      "categories",
//      setCategory,
//    );

    ///
    /// so the below code works when 'value' is not specified but then, obviously, the value of the dropdownbutton can't be set.
    /// when it is specified, it doesn't work:
    /// [VERBOSE-2:ui_dart_state.cc(148)] Unhandled Exception: 'package:flutter/src/material/dropdown.dart': Failed assertion: line 608 pos 15: 'items == null || items.isEmpty || value == null || items.where((DropdownMenuItem<T> item) => item.value == value).length == 1': is not true.
    ///

    getDropDownItems("categories").then((categories) {
//      _category = categories[0];
//      _dropDownMenu = new DropdownButton<String>(/*value : _categoryController.text, */items: categories, onChanged: (newValue) => _categoryController.text = newValue);
      setState(() {
        _categoriesDropDownButton = new DropdownButton(items: categories, onChanged: (newValue) => _category = newValue, value: _category);
      });
    });
  }
  
  Future<DropdownButton> getCategoriesDropDownMenu(String type) async {
    List<DropdownMenuItem> dropDownItems = await getDropDownItems(type);

//    dropDownItems.forEach((thisOne) {
//      print("This value: " + thisOne.value);
//    });
//    _categoryController = new TextEditingController(text: null);
    return new DropdownButton(
        items: dropDownItems,
        onChanged: (newValue) {
          _category = newValue;
          setState(() {
            _category = newValue;
          });
        },

        /*
        items: categories.map((dynamic value) {
          return DropdownMenuItem<String>(
            value : value.value,
            child: new Text(value.value)
          );
        }).toList(),
        */

        value: _category);
  }

  void submitReceipt(String amount, String time, Organisation organisation, String recurring, String category, String essential) async
  {
    SystemChannels.textInput.invokeMethod('TextInput.hide');

    if (organisation == null) {
      _findOrganizationsDialog(context);
/*      await showDialog(
        context: context,
        builder: (BuildContext context) {
          // return object of type Dialog
          return AlertDialog(
            title: new Text("Missing organisation"),
            content: new Text(
                "Please press 'Find' to select your desired organization."),
            actions: <Widget>[
              new FlatButton(
                child: new Text("OK"),
                onPressed: () {
                  Navigator.of(context).pop();
                },
              ),
            ],
          );
        },
      );*/
    }
    else {
      if (amount == "" || time == "") {
        await showDialog(
          context: context,
          builder: (BuildContext context) {
            // return object of type Dialog
            return AlertDialog(
              title: new Text("Missing required data"),
              content: new Text(
                  "We couldn't process your request because one or more required fields are missing."),
              actions: <Widget>[
                new FlatButton(
                  child: new Text("OK"),
                  onPressed: () {
                    Navigator.of(context).pop();
                  },
                ),
              ],
            );
          },
        );
      }
      else {
        if (demonstration) {
          await showDialog(
            context: context,
            builder: (BuildContext context) {
              // return object of type Dialog
              return AlertDialog(
                title: new Text("Success"),
                content: new Text("Receipt successfully submitted."),
                actions: <Widget>[
                  // usually buttons at the bottom of the dialog
                  new FlatButton(
                    child: new Text("OK"),
                    onPressed: () {
                      Navigator.of(context).pop();
                      Navigator.of(context).pushReplacementNamed("/HomePage");
                    },
                  ),
                ],
              );
            },
          ).then((_) {});
        }

        else {
          Receipt receipt = new Receipt();

          // setting up 'receipt'
          receipt.amount = amount;
          receipt.time = formatDate(time);
  //      debugPrint(organisation.name + ", " + organisation.streetName + ", " + organisation.town + ", " + organisation.postcode);
          receipt.organisationName = organisation.name;
          receipt.street = organisation.streetName;
          receipt.town = organisation.town;
          receipt.postcode = organisation.postcode;
          receipt.recurring = recurring;
          receipt.category = category;

          receipt.essential = essential;

          submitReceiptAPI(context, receipt);
          Navigator.of(context).pushReplacementNamed("/HomePage");
        }
      }
    }
  }

  String convertBoolToString(bool toConvert) {
    if (toConvert)
    {
      return "true";
    }

    return "false";
  }

//  Future<List<DropdownMenuItem<String>>> getCategoriesList() async {
//    //TODO: Return a list of [String, String] where {1} is categoryName and {2} is categoryValue for request
//    var categoriesList = List<DropdownMenuItem>();
//
//    var categories = await getCategories(); //future<list<cat>>
//
//    categories.forEach((thisCategory) {
////        print(thisCategory.name);
//      var thisMap = new DropdownMenuItem(
//        child: new Text(thisCategory.name),
//        value: thisCategory.index,
//      );
//
//      categoriesList.add(thisMap);
//    });
//
////      print(categoriesStrings[10]); // prints 'Banana'
////      print(categoriesStrings.toString());
//
//    return categoriesList;
//  }

  List<String> getRecurringOptions() {
//    var options = new List<String>(7);
//    options[0] = "None";  // this should not be hardcoded and should be fetched from API instead
//    options[1] = "Daily";
//    options[2] = "Weekly";
//    options[3] = "Fortnightly";
//    options[4] = "Monthly";
//    options[5] = "Quarterly";
//    options[6] = "Yearly";
//
//    return options;

    var options =
  }

  String formatDate(String date) {
//    return "";
    // should be in format:
    // yyyy-MM-ddThh:mm:00.000+01:00
    // eg 2019-07-05T10:24:00.000+01.00 (real life example, works)

    // current format = "dd/MM/yyyy 'at' hh:mm"
    //                   0123456789ABCDEFGHIJK

    var components = new List(5);

    components[0] = (date.substring(0,2));    // dd
    components[1] = (date.substring(3,5));    // MM
    components[2] = (date.substring(6,10));   // yyyy
    components[3] = (date.substring(14,16));  // hh
    components[4] = (date.substring(17,19));  // mm

    //print(components);

    return (components[2] + "-" + components[1] + "-" + components[0]
        + "T" + components[3] + ":" + components[4] + ":00.000+01:00");

    // Yes, there is a function to convert dates, but I didn't
    // know that before writing this and it's done now so I'm keeping it.
  }

  Organisation listOrganisations(List<Organisation> organisations, context) {
    if (organisations.length == 0) {
      showDialogSingleButton(
          context,
          "No matching organizations",
          "We were unable to find any organizations matching this text.",
          "OK"
      );
      return null;
    }
    var optionsList = new List<String>();

    for (var i = 0; i < organisations.length; i++) {
      optionsList.add(organisations[i].name);
    }

//    var popupListView = new PopupListView(context, optionsList, "Choose Organization");

    var popupListView = new PopupListView();
    var dialog = popupListView.dialog(context, optionsList, "Choose Organization");

//    dialog.then((value) => debugPrint(value));


    dialog.then((value) {
      _orgController.text = value;
      _organizationController.organisation = organisations.where((thisOrg) => thisOrg.name == value).elementAt(0);
      // this may not work when two organisations have the same name,
      // then again the popupListView can't display two of the same names properly either
    });
    //can't return value as it is <future> and thus would block
  }

  _findOrganizationsDialog(context) {
    if (_orgController.text != "") {
      var organisations = findOrganisations(
          _orgController.text); // returns Future<List<Organisation>>

      var choice = organisations.then((data) =>
          listOrganisations(data, context));

      choice.then((value) => _orgController.text = value.name);
      choice.then((value) => _organizationController.organisation = value);

    } else {
      // no data entered

      showDialogSingleButton(
          context,
          "No data",
          "We were unable to service your request because no data was entered.",
          "OK"
      );
    }
  }

  @override
  Widget build(BuildContext context) {
//    _categoryDropDownItems = [
//      Map.fromIterable(["wappa dappa doo", "1"]),
//      Map.fromIterable(["interesting flip flops", "2"]),
//      "gray skies", value:  "3"),
//      "fortified systems" value: "4"),
//    ];

    return PlatformScaffold(

      appBar: AppBar(
        backgroundColor: Colors.blue[400],
        title: Text(
          "Submit Receipt",
          style: TextStyle(
            fontSize: 20,
            color: Colors.white,
          ),
        ),
//          leading: BackButton(),
        centerTitle: true,
        iconTheme: IconThemeData(color: Colors.black),
      ),

      body: Container(
        padding: EdgeInsets.fromLTRB(30.0, 0.0, 30.0, 0.0),
        child: ListView(
          children: <Widget>[
            Padding(
              padding: EdgeInsets.fromLTRB(0.0,25,0.0,0.0),
              child : Text(
                "Time of Transaction",
                style: TextStyle(
                  fontSize: 18.0,
                  color: Colors.black,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
            DateTimePickerFormField(
              inputType: InputType.both,
              format: DateFormat("dd/MM/yyyy 'at' hh:mm"),
              editable: true,
              controller: _timeController,
              decoration: InputDecoration(
                  labelText: 'Date/Time of Transaction', hasFloatingPlaceholder: false),
              onChanged: (dt) => setState(() => date = dt),
            ),
            Padding(
              padding: EdgeInsets.fromLTRB(0.0,25,0.0,0.0),
              child: Text(
                "Amount",
                style: TextStyle(
                  fontSize: 18.0,
                  color: Colors.black,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
            Padding(
              padding: EdgeInsets.fromLTRB(0.0, 5.0, 0.0, 0.0),
              child: TextField(
                controller: _amountController,
                decoration: InputDecoration(
                  hintText: 'Value in £',
                ),
//                    obscureText: true,
                autocorrect: false,
                keyboardType: TextInputType.number,
                style: TextStyle(
                  fontSize: 18.0,
                  color: Colors.grey[800],
                  fontWeight: FontWeight.bold,
                ),
                onSubmitted: (_) {
                  FocusScope.of(context).requestFocus(focusNode);
//                      submitReceipt(_amountController.text, _timeController.text);
                },
              ),
            ),

            Padding(
              padding: EdgeInsets.fromLTRB(0.0,25,0.0,0.0),

              child : Container (
                height: 22, // this should be the same height as text

                child : ListView(
                  scrollDirection: Axis.horizontal,
                  children: <Widget>[

                    Container(
                      child: Text(
                        "Organization Name",
                        style: TextStyle(
                          fontSize: 18.0,
                          color: Colors.black,
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                    ),

                    Container(
                      child : Padding(
                        padding: EdgeInsets.fromLTRB(5,0,0,4),  // sorry about hardcoded constraints
                          child: FlatButton(
                            onPressed: () {
                              _findOrganizationsDialog(context);
                            },
                              child: Text("Find",
                                style: TextStyle(color: Colors.blue, fontSize: 18.0)
                              ),
                          ),
                      ),
                    )

                  ],
                ),
              ),
            ),

            Padding(
              padding: EdgeInsets.fromLTRB(0.0, 5.0, 0.0, 0.0),
              child: TextField(
                controller: _orgController,
                focusNode: focusNode,
                decoration: InputDecoration(
                  hintText: 'Eg. Pear Trading',
                ),
//                    obscureText: true,
                autocorrect: true,
                style: TextStyle(
                  fontSize: 18.0,
                  color: Colors.grey[800],
                  fontWeight: FontWeight.bold,
                ),
                onSubmitted: (_) {
                  submitReceipt(_amountController.text,
                      _timeController.text, _organizationController.organisation, _recurringController.text, _categoryController.text, _essentialController.text);
                },
              ),
            ),

            Padding(
              padding: EdgeInsets.fromLTRB(0.0,25,0.0,0.0),

              child : Container (
                height: 18,

                child : ListView(
                  scrollDirection: Axis.horizontal,

                  children: <Widget>[
                    Container(
                      child: Text(
                        "Essential",
                        style: TextStyle(
                          fontSize: 18.0,
                          color: Colors.black,
                        ),
                      ),
                    ),

                    Container(
                      child : Padding(
                        padding: EdgeInsets.fromLTRB(20.0, 0.0, 0, 0),

                        child: Checkbox(value:
                        _essentialController.text.toLowerCase() == 'true',
                            onChanged: (bool newValue) {
                          setState(() {
                            _essentialController.text =
                                convertBoolToString(newValue);
                          });
                        }),
                      ),
                    ),

                  ],
                ),
              ),
            ),

            Padding(
              padding: EdgeInsets.fromLTRB(0.0,18,0.0,0.0),

              child : Container (
                height: 35,
//                  width: 400,

                child : ListView(
                  scrollDirection: Axis.horizontal,

                  children: <Widget>[
                    Container(
                      padding: const EdgeInsets.fromLTRB(0, 7, 0, 8),
                      child: Text(
                        "Recurring",
                        style: TextStyle(
                          fontSize: 18.0,
                          color: Colors.black,
                        ),
                      ),
                    ),

                    Container(
                      padding: const EdgeInsets.fromLTRB(29, 0, 0, 0),
                      child: DropdownButton<String>(
                        value: _recurringController.text,
                        onChanged: (String newValue) {
                          setState(() {
                            _recurringController.text = newValue;
                          });
                        },
                        items: getRecurringOptions().map<DropdownMenuItem<String>>((String value) {
                          return DropdownMenuItem<String>(
                            value: value,
                            child: Text(value),
                          );
                        })
                            .toList(),
                      )
                    ),
                  ],
                ),
              ),
            ),

            Padding(
              padding: EdgeInsets.fromLTRB(0.0,7,0.0,0.0),

              child : Container (
                height: 35,
//                  width: 400,

                child : Row(
                  children: <Widget>[
                    Container(
                      padding: const EdgeInsets.fromLTRB(0, 7, 0, 8),
                      child: Text(
                        "Category",
                        style: TextStyle(
                          fontSize: 18.0,
                          color: Colors.black,
                        ),
                      ),
                    ),

                    Container(
                      padding: const EdgeInsets.fromLTRB(29, 0, 0, 0),
                        child: _categoriesDropDownButton,
//                      child: DropdownButton(
//                          items: _categoryDropDownItems,
//
//                        value: _categoryController.text,
////                      value: "skip skap skop",
//                        onChanged: (newValue) {
//                          setState(() {
//                            _categoryController.text = newValue;
//                          });
//                        }
//                      ),
                    ),

//                    Container(
//                        padding: const EdgeInsets.fromLTRB(29, 0, 0, 0),
//                        child: DropdownButton<String>(
//                          value: _categoryController.text,
//                          onChanged: (String newValue) {
//                            setState(() {
//                              _categoryController.text = newValue;
//                            });
//                          },
//                          items: _categoryDropDownItems.map<DropdownMenuItem<String>>((String value) {
//                            return DropdownMenuItem<String>(
//                              value: value,
//                              child: Text(value),
//                            );
//                          }).toList(),    // fix errors here by [items] being an empty container while _categoryDropDownItems is null
//                        )
//                    ),

                  ],
                ),
              ),
            ),

            Padding(
              padding: EdgeInsets.fromLTRB(0.0, 20.0, 0.0, 0.0),
              child: Container(
                height: 65.0,
                child: RaisedButton(
                  onPressed: () {
                    try {
                      submitReceipt(
                          _amountController.text, _timeController.text,
                          _organizationController.organisation, _recurringController.text, _categoryController.text, _essentialController.text);
                    }
                    catch (_) {
                      showDialog(
                          context: context,
                          builder: (BuildContext context) {
                        // return object of type Dialog
                        return AlertDialog(
                          title: new Text("Invalid data"),
                          content: new Text(
                              "We couldn't process your request because some of the data entered is invalid."),
                          actions: <Widget>[
                            new FlatButton(
                              child: new Text("OK"),
                              onPressed: () {
                                Navigator.of(context).pop();
                              },
                            ),
                          ],
                        );
                      },
                    );
                    }
                  },
                  child: Text("GO",
                      style:
                          TextStyle(color: Colors.white, fontSize: 22.0)),
                  color: Colors.blue,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}