import 'package:flutter/material.dart';
import 'dart:async';
import 'package:flutter/services.dart';
import 'package:local_spend/common/apifunctions/find_organisations.dart';

class FindOrganisations {
  TextField getSearchBar(TextEditingController controller, String hintText) {
    return TextField(
      controller: controller,
      decoration: InputDecoration(
        hintText: hintText,
        icon: Icon(Icons.search),
      ),
    );
  }

  // todo: get all organisations, favourites and all data from one 'organisations' class or similar
  // eg items: organisations.getFavourites().orderBy(name),

  Future<dynamic> _moreInfoDialog(context, Organisation organisation) {
    TextStyle informationTitleStyle = new TextStyle(fontSize: 16);
    TextStyle informationStyle =
        new TextStyle(fontSize: 16, fontWeight: FontWeight.bold);

    return showDialog<Organisation>(
      context: context,
      barrierDismissible: true,
      builder: (BuildContext context) {
        return StatefulBuilder(
          builder: (context, setState) {
            return SimpleDialog(
              children: <Widget>[
                Container(
                  padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
                  child: Text(
                    organisation.name,
                    style: new TextStyle(
                        fontSize: 21, fontWeight: FontWeight.bold),
                  ),
                ),
                Container(
                  padding: EdgeInsets.symmetric(horizontal: 10),
                  child: Divider(),
                ),
                Container(
                  width: MediaQuery.of(context).size.width,
                  padding: EdgeInsets.symmetric(horizontal: 10),
                  child: Table(
//                    defaultColumnWidth: FixedColumnWidth(100),
                    children: [
                      TableRow(
                        children: [
                          Text("Street:", style: informationTitleStyle),
                          Text(organisation.streetName,
                              style: informationStyle),
                        ],
                      ),
                      TableRow(
                        children: [
                          Text("Postcode:", style: informationTitleStyle),
                          Text(organisation.postcode.toUpperCase(),
                              style: informationStyle),
                        ],
                      ),
                      TableRow(
                        children: [
                          Text("Town:", style: informationTitleStyle),
                          Text(organisation.town, style: informationStyle),
                        ],
                      ),
                    ],
                  ),
                ),
              ],
            );
          },
        );
      },
    );
  }

  Future<Organisation> dialog(context) {
    bool _searchEnabled = false;
    bool _orgsFetched = false;
    TextEditingController searchBarText = new TextEditingController();
    var organisations = new Organisations();
    var listTitle = "All Organisations";
    var organisationsList = List<Organisation>();

    Future<int> _submitSearch(String search) async {
      _searchEnabled = false;
      listTitle = "Results for \'" + search + "\'";

      var futureOrgs = await organisations.findOrganisations(search);
      organisationsList = futureOrgs;
      _searchEnabled = true;
      return futureOrgs.length;
    }

    return showDialog<Organisation>(
      context: context,
      barrierDismissible: true,
      builder: (BuildContext context) {
        return StatefulBuilder(
          builder: (context, setState) {
            return SimpleDialog(
              children: <Widget>[
                Column(
                  children: [
                    Row(
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: [
                        Container(
                          padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
                          width: 150,
                          height: 50,
                          child: TextField(
                            autofocus: true,
                            controller: searchBarText,
                            decoration: InputDecoration(
                              hintText: "Payee Name",
                            ),
                            onChanged: (value) {
                              if (value.isNotEmpty) {
                                _searchEnabled = true;
                              } else {
                                _searchEnabled = false;
                              }
                              setState(() => {_searchEnabled});
                            },
                            onSubmitted: _searchEnabled
                                ? ((_) {
                                    SystemChannels.textInput
                                        .invokeMethod('TextInput.hide');
                                    var result =
                                        _submitSearch(searchBarText.text);
                                    result.then((_) {
                                      setState(() {
                                        _orgsFetched = true;
                                      });
                                    });
                                  })
                                : null,
                          ),
                        ),
                        Container(
                          width: 80,
                          padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
                          child: RaisedButton(
                            onPressed: _searchEnabled
                                ? (() {
                                    SystemChannels.textInput
                                        .invokeMethod('TextInput.hide');
                                    var result =
                                        _submitSearch(searchBarText.text);
                                    result.then((_) {
                                      setState(() {
                                        _orgsFetched = true;
                                      });
                                    });
                                  })
                                : null,
                            child: Icon(Icons.search, color: Colors.white),
                            color: Colors.blue,
                          ),
                        ),
                      ],
                    ),
                  ],
                ),

                Column(
                  children: _orgsFetched
                      ? [
                          Container(
                            padding: EdgeInsets.fromLTRB(20, 20, 20, 0),
                            child: Text(
                              listTitle,
                              style: new TextStyle(
                                  fontSize: 23, fontWeight: FontWeight.bold),
                            ),
                          ),
                          Container(
                            padding: EdgeInsets.fromLTRB(10, 10, 10, 0),
                            width: MediaQuery.of(context).size.width,
                            height: MediaQuery.of(context).size.height * 0.67,
                            child: Material(
                              shadowColor: Colors.transparent,
                              color: Colors.transparent,
                              child: ListView.builder(
                                itemCount: organisationsList.length,
                                itemBuilder: (context, index) {
                                  return Card(
                                    child: ListTile(
                                      leading: Icon(Icons.person),
                                      title: Text(organisationsList[index].name,
                                          style: new TextStyle(fontSize: 18)),
                                      subtitle: Text(organisationsList[index]
                                          .postcode
                                          .toUpperCase()),
                                      //                            trailing: Icon(Icons.arrow_forward_ios),
                                      //                            onTap: _chosenOrg(organisationsList[index]),
                                      onTap: () {
                                        Navigator.of(context)
                                            .pop(organisationsList[index]);
                                      },
                                      onLongPress: () {
                                        // show more details about the organisation in a new dialog
                                        var moreInfo = _moreInfoDialog(
                                            context, organisationsList[index]);
                                        moreInfo.whenComplete(null);
                                      },
                                    ),
                                  );
                                },
                              ),
                            ),
                          ),
                          Center(
                            child: Container(
                              padding: EdgeInsets.fromLTRB(0, 10, 0, 0),
                              child: Text("Long press a payee for more info",
                                  style:
                                      TextStyle(fontStyle: FontStyle.italic)),
                            ),
                          ),
                        ]
                      : [Container()],
                ),

                // help button for if org not listed
                // cancel and ok buttons
              ],
//                ),
            );
          },
        );
      },
    );
  }
}