import 'package:flutter/material.dart';
import 'package:outbag_app/backend/request.dart';
import 'package:outbag_app/backend/storage.dart';
import 'package:routemaster/routemaster.dart';
import '../backend/resolve_url.dart';
import '../backend/errors.dart';
import 'package:crypto/crypto.dart';
import 'dart:convert';

enum Mode {
  signin,
  signup,
  signupOTA,
}

class AuthPage extends StatefulWidget {
  final Mode mode;
  const AuthPage({super.key, this.mode = Mode.signin});

  @override
  State<StatefulWidget> createState() => _AuthPageState();
}

class _AuthPageState extends State<AuthPage> {
  final TextEditingController _ctrServer = TextEditingController();
  final TextEditingController _ctrUsername = TextEditingController();
  final TextEditingController _ctrPassword = TextEditingController();
  final TextEditingController _ctrPasswordRpt = TextEditingController();
  final TextEditingController _ctrOTA = TextEditingController();

  bool showSpinner = false;

  @override
  Widget build(BuildContext context) {
    String modeName = "Sign In";
    if (widget.mode != Mode.signin) {
      modeName = "Sign Up";
    }
    String modeDescription = "Log into account";
    if (widget.mode != Mode.signin) {
      modeDescription = "Create new account";
    }

    final textTheme = Theme.of(context)
        .textTheme
        .apply(displayColor: Theme.of(context).colorScheme.onSurface);

    return showSpinner
        ? Scaffold(
            body: Center(
                child: Column(
                    crossAxisAlignment: CrossAxisAlignment.center,
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                const CircularProgressIndicator(),
                Text('Loading', style: textTheme.titleLarge),
              ])))
        : Scaffold(
            appBar: AppBar(
              title: Text(modeName),
              leading: IconButton(
                onPressed: () {
                  // go back
                  Routemaster.of(context).history.back();
                },
                icon: const Icon(Icons.arrow_back),
                tooltip: "Go back",
              ),
            ),
            body: Center(
                child: Flexible(
                    child: ConstrainedBox(
                        constraints: const BoxConstraints(maxWidth: 400),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.center,
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            Padding(
                              padding: const EdgeInsets.all(8),
                              child: TextField(
                                controller: _ctrServer,
                                keyboardType: TextInputType.url,
                                decoration: const InputDecoration(
                                  prefixIcon: Icon(Icons.dns),
                                  labelText: 'Server',
                                  hintText: 'Your homeserver url',
                                  helperText:
                                      'Your data will be stored on your homeserver',
                                  border: OutlineInputBorder(),
                                ),
                              ),
                            ),
                            Padding(
                              padding: const EdgeInsets.all(8),
                              child: TextField(
                                controller: _ctrUsername,
                                keyboardType: TextInputType.emailAddress,
                                decoration: const InputDecoration(
                                  prefixIcon: Icon(Icons.person),
                                  labelText: 'Username',
                                  hintText: 'Your username',
                                  helperText:
                                      'your username and server tag allow others to identify you',
                                  border: OutlineInputBorder(),
                                ),
                              ),
                            ),
                            Padding(
                              padding: const EdgeInsets.all(8),
                              child: TextField(
                                controller: _ctrPassword,
                                keyboardType: TextInputType.visiblePassword,
                                obscureText: true,
                                decoration: const InputDecoration(
                                  prefixIcon: Icon(Icons.lock),
                                  labelText: 'Password',
                                  hintText: 'Your password',
                                  helperText:
                                      'Password have to be at least six characters long',
                                  border: OutlineInputBorder(),
                                ),
                              ),
                            ),
                            // ONLY SIGNUP
                            ...((widget.mode != Mode.signin)
                                ? [
                                    Padding(
                                      padding: const EdgeInsets.all(8),
                                      child: TextField(
                                        controller: _ctrPasswordRpt,
                                        keyboardType:
                                            TextInputType.visiblePassword,
                                        obscureText: true,
                                        decoration: const InputDecoration(
                                          prefixIcon: Icon(Icons.lock),
                                          labelText: 'Repeat Password',
                                          hintText: 'Type your password again',
                                          helperText:
                                              'Make sure to type the correct password',
                                          border: OutlineInputBorder(),
                                        ),
                                      ),
                                    )
                                  ]
                                : []),
                            // ONLY SIGNUP OTA
                            ...((widget.mode == Mode.signupOTA)
                                ? [
                                    Padding(
                                      padding: const EdgeInsets.all(8),
                                      child: TextField(
                                        controller: _ctrOTA,
                                        keyboardType:
                                            TextInputType.visiblePassword,
                                        decoration: const InputDecoration(
                                          prefixIcon: Icon(Icons.key),
                                          labelText: 'OTA',
                                          hintText:
                                              'One-Time-Authorization token',
                                          helperText:
                                              'This token might be required if the server is rate limited',
                                          border: OutlineInputBorder(),
                                        ),
                                      ),
                                    )
                                  ]
                                : []),
                          ],
                        )))),
            floatingActionButton: FloatingActionButton.extended(
              onPressed: () async {
                setState(() {
                  showSpinner = true;
                });

                // verify that both passwords are the same
                if (widget.mode != Mode.signin) {
                  if (_ctrPassword.text != _ctrPasswordRpt.text) {
                    setState(() {
                      showSpinner = false;
                    });

                    final snackBar = SnackBar(
                      behavior: SnackBarBehavior.floating,
                      content: const Text('Passwords do not match'),
                      action: SnackBarAction(
                        label: 'Dismiss',
                        onPressed: () {
                          ScaffoldMessenger.of(context).hideCurrentSnackBar();
                        },
                      ),
                    );

                    ScaffoldMessenger.of(context).hideCurrentSnackBar();
                    ScaffoldMessenger.of(context).showSnackBar(snackBar);

                    _ctrPasswordRpt.clear();
                    return;
                  }
                }

                // password has to be at least 6 characters long
                if (_ctrPassword.text.length < 6) {
                  setState(() {
                    showSpinner = false;
                  });

                  final snackBar = SnackBar(
                    behavior: SnackBarBehavior.floating,
                    content: const Text(
                        'Password has to be at least 6 characters long'),
                    action: SnackBarAction(
                      label: 'Dismiss',
                      onPressed: () {
                        ScaffoldMessenger.of(context).hideCurrentSnackBar();
                      },
                    ),
                  );

                  ScaffoldMessenger.of(context).hideCurrentSnackBar();
                  ScaffoldMessenger.of(context).showSnackBar(snackBar);

                  _ctrPasswordRpt.clear();
                  return;
                }

                final scaffMgr = ScaffoldMessenger.of(context);

                // TODO: resolve homeserver url
                OutbagServer server;
                try {
                  server = await getOutbagServerUrl(_ctrServer.text);
                } catch (e) {
                  // unable to find outbag server
                  // at given server address
                  // stop authentification
                  setState(() {
                    showSpinner = false;
                  });

                  final snackBar = SnackBar(
                    behavior: SnackBarBehavior.floating,
                    content: Text(
                        'Unable to find valid outbag server on $_ctrServer.text'),
                    action: SnackBarAction(
                      label: 'Dismiss',
                      onPressed: () {
                        scaffMgr.hideCurrentSnackBar();
                      },
                    ),
                  );

                  scaffMgr.hideCurrentSnackBar();
                  scaffMgr.showSnackBar(snackBar);

                  return;
                }

                var bytes = utf8.encode(_ctrPassword.text);
                final password = sha256.convert(bytes).toString();
                try {
                  Response resp;
                  // validate account
                  if (widget.mode == Mode.signin) {
                    resp = await postUnauthorized(
                        target: server,
                        path: 'signin',
                        body: {
                          'name': _ctrUsername.text,
                          'server': server.tag,
                          'accountKey': password
                        });
                  } else if (widget.mode == Mode.signup) {
                    resp = await postUnauthorized(
                        target: server,
                        path: 'signup',
                        body: {
                          'name': _ctrUsername.text,
                          'server': server.tag,
                          'accountKey': password
                        });
                  } else {
                    // signup OTA
                    resp = await postUnauthorized(
                        target: server,
                        path: 'signupOTA',
                        body: {
                          'name': _ctrUsername.text,
                          'server': server.tag,
                          'accountKey': password,
                          'OTA': _ctrOTA.text
                        });
                  }

                  if (resp.res == Result.err) {
                    // error
                    final snackBar = SnackBar(
                      behavior: SnackBarBehavior.floating,
                      content: Text(errorAsString(resp.body)),
                      action: SnackBarAction(
                        label: 'Dismiss',
                        onPressed: () {
                          scaffMgr.hideCurrentSnackBar();
                        },
                      ),
                    );

                    scaffMgr.hideCurrentSnackBar();
                    scaffMgr.showSnackBar(snackBar);
                  } else {
                    // authorize user
                     LoginDetails(
                        username: _ctrUsername.text,
                        password: password,
                        server: server)
                    .toDisk();
                  }
                } catch (_) {
                  final snackBar = SnackBar(
                    behavior: SnackBarBehavior.floating,
                    content: const Text('Network error'),
                    action: SnackBarAction(
                      label: 'Dismiss',
                      onPressed: () {
                        scaffMgr.hideCurrentSnackBar();
                      },
                    ),
                  );

                  scaffMgr.hideCurrentSnackBar();
                  scaffMgr.showSnackBar(snackBar);
                }


                setState(() {
                  showSpinner = false;
                });
              },
              label: Text(modeName),
              icon: const Icon(Icons.check),
              tooltip: modeDescription,
            ),
          );
  }
}