import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter/widgets.dart';
import 'package:mobile_nebula/components/FormPage.dart';
import 'package:mobile_nebula/components/PlatformTextFormField.dart';
import 'package:mobile_nebula/components/config/ConfigPageItem.dart';
import 'package:mobile_nebula/components/config/ConfigItem.dart';
import 'package:mobile_nebula/components/config/ConfigSection.dart';
import 'package:mobile_nebula/models/Site.dart';
import 'package:mobile_nebula/models/UnsafeRoute.dart';
import 'package:mobile_nebula/screens/siteConfig/CipherScreen.dart';
import 'package:mobile_nebula/screens/siteConfig/LogVerbosityScreen.dart';
import 'package:mobile_nebula/screens/siteConfig/RenderedConfigScreen.dart';
import 'package:mobile_nebula/services/utils.dart';

import 'UnsafeRoutesScreen.dart';

//TODO: form validation (seconds and port)
//TODO: wire up the focus nodes, add a done/next/prev to the keyboard
//TODO: fingerprint blacklist
//TODO: show site id here

class Advanced {
  int lhDuration;
  int port;
  String cipher;
  String verbosity;
  List<UnsafeRoute> unsafeRoutes;
  int mtu;
}

class AdvancedScreen extends StatefulWidget {
  const AdvancedScreen({Key key, this.site, @required this.onSave}) : super(key: key);

  final Site site;
  final ValueChanged<Advanced> onSave;

  @override
  _AdvancedScreenState createState() => _AdvancedScreenState();
}

class _AdvancedScreenState extends State<AdvancedScreen> {
  var settings = Advanced();
  var changed = false;

  @override
  void initState() {
    settings.lhDuration = widget.site.lhDuration;
    settings.port = widget.site.port;
    settings.cipher = widget.site.cipher;
    settings.verbosity = widget.site.logVerbosity;
    settings.unsafeRoutes = widget.site.unsafeRoutes;
    settings.mtu = widget.site.mtu;
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return FormPage(
        title: 'Advanced Settings',
        changed: changed,
        onSave: () {
          Navigator.pop(context);
          widget.onSave(settings);
        },
        child: Column(children: [
          ConfigSection(
            children: [
              ConfigItem(
                  label: Text("Lighthouse interval"),
                  labelWidth: 200,
                  //TODO: Auto select on focus?
                  content: PlatformTextFormField(
                    initialValue: settings.lhDuration.toString(),
                    keyboardType: TextInputType.number,
                    suffix: Text("seconds"),
                    textAlign: TextAlign.right,
                    maxLength: 5,
                    inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],
                    onSaved: (val) {
                      setState(() {
                        settings.lhDuration = int.parse(val);
                      });
                    },
                  )),
              ConfigItem(
                  label: Text("Listen port"),
                  labelWidth: 150,
                  //TODO: Auto select on focus?
                  content: PlatformTextFormField(
                    initialValue: settings.port.toString(),
                    keyboardType: TextInputType.number,
                    textAlign: TextAlign.right,
                    maxLength: 5,
                    inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],
                    onSaved: (val) {
                      setState(() {
                        settings.port = int.parse(val);
                      });
                    },
                  )),
              ConfigItem(
                  label: Text("MTU"),
                  labelWidth: 150,
                  content: PlatformTextFormField(
                    initialValue: settings.mtu.toString(),
                    keyboardType: TextInputType.number,
                    textAlign: TextAlign.right,
                    maxLength: 5,
                    inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],
                    onSaved: (val) {
                      setState(() {
                        settings.mtu = int.parse(val);
                      });
                    },
                  )),
              ConfigPageItem(
                  label: Text('Cipher'),
                  labelWidth: 150,
                  content: Text(settings.cipher, textAlign: TextAlign.end),
                  onPressed: () {
                    Utils.openPage(context, (context) {
                      return CipherScreen(
                          cipher: settings.cipher,
                          onSave: (cipher) {
                            setState(() {
                              settings.cipher = cipher;
                              changed = true;
                            });
                          });
                    });
                  }),
              ConfigPageItem(
                  label: Text('Log verbosity'),
                  labelWidth: 150,
                  content: Text(settings.verbosity, textAlign: TextAlign.end),
                  onPressed: () {
                    Utils.openPage(context, (context) {
                      return LogVerbosityScreen(
                          verbosity: settings.verbosity,
                          onSave: (verbosity) {
                            setState(() {
                              settings.verbosity = verbosity;
                              changed = true;
                            });
                          });
                    });
                  }),
              ConfigPageItem(
                  label: Text('Unsafe routes'),
                  labelWidth: 150,
                  content: Text(Utils.itemCountFormat(settings.unsafeRoutes.length), textAlign: TextAlign.end),
                  onPressed: () {
                    Utils.openPage(context, (context) {
                      return UnsafeRoutesScreen(unsafeRoutes: settings.unsafeRoutes, onSave: (routes) {
                        setState(() {
                          settings.unsafeRoutes = routes;
                          changed = true;
                        });
                      });
                    });
                  },
              )
            ],
          ),
          ConfigSection(
            children: <Widget>[
              ConfigPageItem(
                content: Text('View rendered config'),
                onPressed: () async {
                  try {
                    var config = await widget.site.renderConfig();
                    Utils.openPage(context, (context) {
                      return RenderedConfigScreen(config: config);
                    });
                  } catch (err) {
                    Utils.popError(context, 'Failed to render the site config', err);
                  }
                },
              )
            ],
          )
        ]));
  }
}