import 'dart:io';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:freezer/api/deezer.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
import 'package:freezer/translations.i18n.dart';
import 'package:url_launcher/url_launcher_string.dart';

import '../settings.dart';
import '../api/definitions.dart';
import 'home_screen.dart';

class LoginWidget extends StatefulWidget {
  final Function? callback;
  const LoginWidget({this.callback, Key? key}) : super(key: key);

  @override
  State<LoginWidget> createState() => _LoginWidgetState();
}

class _LoginWidgetState extends State<LoginWidget> {
  late String _arl;
  String? _error;

  //Initialize deezer etc
  Future _init() async {
    deezerAPI.arl = settings.arl;

    //Pre-cache homepage
    if (!await HomePage.exists('')) {
      await deezerAPI.authorize();
      settings.offlineMode = false;
      HomePage hp = await deezerAPI.homePage();
      await hp.save('');
    }
  }

  //Call _init()
  void _start() async {
    if (settings.arl != null) {
      _init().then((_) {
        if (widget.callback != null) widget.callback!();
      });
    }
  }

  //Check if deezer available in current country
  void _checkAvailability() async {
    bool? available = await DeezerAPI.chceckAvailability();
    if (!(available ?? true)) {
      showDialog(
          context: context,
          builder: (context) => AlertDialog(
                title: Text("Deezer is unavailable".i18n),
                content: Text(
                    "Deezer is unavailable in your country, Freezer might not work properly. Please use a VPN"
                        .i18n),
                actions: [
                  TextButton(
                    child: Text('Continue'.i18n),
                    onPressed: () => Navigator.of(context).pop(),
                  )
                ],
              ));
    }
  }

  @override
  void didUpdateWidget(LoginWidget oldWidget) {
    _start();
    super.didUpdateWidget(oldWidget);
  }

  @override
  void initState() {
    _start();
    _checkAvailability();
    super.initState();
  }

  void errorDialog() {
    showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            title: Text('Error'.i18n),
            content: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                Text(
                    'Error logging in! Please check your token and internet connection and try again.'
                        .i18n),
                if (_error != null) Text('\n\n$_error')
              ],
            ),
            actions: <Widget>[
              TextButton(
                child: Text('Dismiss'.i18n),
                onPressed: () {
                  Navigator.of(context).pop();
                },
              )
            ],
          );
        });
  }

  void _update() async {
    setState(() => {});

    //Try logging in
    try {
      deezerAPI.arl = settings.arl;
      bool resp = await deezerAPI.rawAuthorize(
          onError: (e) => setState(() => _error = e.toString()));
      if (resp == false) {
        //false, not null
        if (settings.arl!.length != 192) {
          _error ??= '';
          _error = 'Invalid ARL length!';
        }
        setState(() => settings.arl = null);
        errorDialog();
      }
      //On error show dialog and reset to null
    } catch (e) {
      _error = e.toString();
      print('Login error: $e');
      setState(() => settings.arl = null);
      errorDialog();
    }

    await settings.save();
    _start();
  }

  // ARL auth: called on "Save" click, Enter and DPAD_Center press
  void goARL(FocusNode? node, TextEditingController controller) {
    if (node != null) {
      node.unfocus();
    }
    controller.clear();
    settings.arl = _arl.trim();
    Navigator.of(context).pop();
    _update();
  }

  void _loginBrowser() async {
    Navigator.of(context)
        .pushRoute(builder: (context) => LoginBrowser(_update));
  }

  @override
  Widget build(BuildContext context) {
    //If arl non null, show loading
    if (settings.arl != null) {
      return const Scaffold(
        body: Center(
          child: CircularProgressIndicator(),
        ),
      );
    }
    TextEditingController controller = TextEditingController();
    // For "DPAD center" key handling on remote controls
    FocusNode focusNode = FocusNode(
        skipTraversal: true,
        descendantsAreFocusable: false,
        onKey: (node, event) {
          if (event.logicalKey == LogicalKeyboardKey.select) {
            goARL(node, controller);
          }
          return KeyEventResult.handled;
        });
    if (settings.arl == null) {
      return Scaffold(
          body: Padding(
        padding: const EdgeInsets.symmetric(vertical: 16.0, horizontal: 8.0),
        child: Theme(
          data: Theme.of(context).copyWith(
              outlinedButtonTheme: OutlinedButtonThemeData(
                  style: ButtonStyle(
                      foregroundColor:
                          MaterialStateProperty.all(Colors.white)))),
          //data: ThemeData(
          //    outlinedButtonTheme: OutlinedButtonThemeData(
          //        style: ButtonStyle(
          //            foregroundColor:
          //                MaterialStateProperty.all(Colors.white)))),
          child: Center(
            child: ConstrainedBox(
              constraints: const BoxConstraints(maxWidth: 700.0),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.stretch,
                children: <Widget>[
                  Expanded(
                      child: Padding(
                          padding: const EdgeInsets.symmetric(horizontal: 32.0),
                          child: Column(
                              mainAxisAlignment: MainAxisAlignment.center,
                              crossAxisAlignment: CrossAxisAlignment.stretch,
                              children: [
                                const FreezerTitle(),
                                const SizedBox(height: 16.0),
                                Text(
                                  "Please login using your Deezer account."
                                      .i18n,
                                  textAlign: TextAlign.center,
                                  style: const TextStyle(fontSize: 16.0),
                                ),
                                const SizedBox(height: 16.0),
                                //Email login dialog (Not working anymore)
                                // ElevatedButton(
                                //   child: Text(
                                //     'Login using email'.i18n,
                                //   ),
                                //   onPressed: () {
                                //     showDialog(
                                //         context: context,
                                //         builder: (context) =>
                                //             EmailLogin(_update));
                                //   },
                                // ),
                                // const SizedBox(height: 2.0),

                                // only supported on android
                                if (Platform.isAndroid)
                                  ElevatedButton(
                                    onPressed: _loginBrowser,
                                    child: Text('Login using browser'.i18n),
                                  ),
                                const SizedBox(height: 2.0),
                                ElevatedButton(
                                  child: Text('Login using token'.i18n),
                                  onPressed: () {
                                    showDialog(
                                        context: context,
                                        builder: (context) {
                                          Future.delayed(
                                              const Duration(seconds: 1),
                                              () => {
                                                    focusNode.requestFocus()
                                                  }); // autofocus doesn't work - it's replacement
                                          return AlertDialog(
                                            title: Text('Enter ARL'.i18n),
                                            content: TextField(
                                              onChanged: (String s) => _arl = s,
                                              decoration: InputDecoration(
                                                  labelText:
                                                      'Token (ARL)'.i18n),
                                              focusNode: focusNode,
                                              controller: controller,
                                              onSubmitted: (String s) {
                                                goARL(focusNode, controller);
                                              },
                                            ),
                                            actions: <Widget>[
                                              TextButton(
                                                child: Text('Save'.i18n),
                                                onPressed: () =>
                                                    goARL(null, controller),
                                              )
                                            ],
                                          );
                                        });
                                  },
                                ),
                              ]))),
                  const SizedBox(height: 16.0),
                  Text(
                    "If you don't have account, you can register on deezer.com for free."
                        .i18n,
                    textAlign: TextAlign.center,
                    style: const TextStyle(fontSize: 16.0),
                  ),
                  const SizedBox(height: 8.0),
                  Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 32.0),
                    child: ElevatedButton(
                      child: Text('Open in browser'.i18n),
                      onPressed: () {
                        launchUrlString('https://deezer.com/register');
                      },
                    ),
                  ),
                  const SizedBox(height: 8.0),
                  const Divider(),
                  const SizedBox(height: 8.0),
                  Text(
                    "By using this app, you don't agree with the Deezer ToS"
                        .i18n,
                    textAlign: TextAlign.center,
                    style: const TextStyle(fontSize: 14.0),
                  )
                ],
              ),
            ),
          ),
        ),
      ));
    }
    return const SizedBox();
  }
}

class LoadingWindowWait extends StatelessWidget {
  final VoidCallback update;
  const LoadingWindowWait({super.key, required this.update});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisSize: MainAxisSize.min,
            children: [
              Text(
                'Please login by using the floating window'.i18n,
                style: Theme.of(context).textTheme.titleLarge,
              ),
              const SizedBox(height: 16.0),
              const CircularProgressIndicator(),
            ]),
      ),
    );
  }
}

class LoginBrowser extends StatelessWidget {
  final Function updateParent;
  const LoginBrowser(this.updateParent, {super.key});

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: InAppWebView(
        initialUrlRequest:
            URLRequest(url: Uri.parse('https://deezer.com/login')),
        onLoadStart: (InAppWebViewController controller, Uri? uri) async {
          //Offers URL
          if (!uri!.path.contains('/login') &&
              !uri.path.contains('/register')) {
            controller.evaluateJavascript(
                source: 'window.location.href = "/open_app"');
          }
          print('uri $uri');
          //Parse arl from url
          if (uri.scheme == 'intent' && uri.host == 'deezer.page.link') {
            try {
              //Actual url is in `link` query parameter
              Uri linkUri = Uri.parse(uri.queryParameters['link']!);
              String? arl = linkUri.queryParameters['arl'];
              if (arl != null) {
                settings.arl = arl;
                Navigator.of(context).pop();
                updateParent();
              }
            } catch (e) {
              print(e);
            }
          }
        },
      ),
    );
  }
}

// email login is removed cuz not working = USELESS

//class EmailLogin extends StatefulWidget {
//  final Function callback;
//  const EmailLogin(this.callback, {Key? key}) : super(key: key);
//
//  @override
//  State<EmailLogin> createState() => _EmailLoginState();
//}
//
//class _EmailLoginState extends State<EmailLogin> {
//  final _emailController = TextEditingController();
//  final _passwordController = TextEditingController();
//  bool _loading = false;
//
//  Future _login() async {
//    setState(() => _loading = true);
//    //Try logging in
//    String? arl;
//    String? exception;
//    try {
//      arl = await deezerAPI.getArlByEmail(
//          _emailController.text, _passwordController.text);
//    } catch (e, st) {
//      exception = e.toString();
//      print(e);
//      print(st);
//    }
//    setState(() => _loading = false);
//
//    //Success
//    if (arl != null) {
//      settings.arl = arl;
//      Navigator.of(context).pop();
//      widget.callback();
//      return;
//    }
//
//    //Error
//    showDialog(
//        context: context,
//        builder: (context) => AlertDialog(
//              title: Text("Error logging in!".i18n),
//              content: Text(
//                  "Error logging in using email, please check your credentials.\nError: ${exception ?? 'Unknown'}"),
//              actions: [
//                TextButton(
//                  child: Text('Dismiss'.i18n),
//                  onPressed: () {
//                    Navigator.of(context).pop();
//                  },
//                )
//              ],
//            ));
//  }
// 
//   @override
//   Widget build(BuildContext context) {
//     return AlertDialog(
//       title: Text('Email Login'.i18n),
//       content: AutofillGroup(
//         child: Column(
//           mainAxisSize: MainAxisSize.min,
//           children: [
//             TextFormField(
//               enabled: !_loading,
//               decoration: InputDecoration(labelText: 'Email'.i18n),
//               controller: _emailController,
//               autofillHints: const [
//                 AutofillHints.email,
//               ],
//             ),
//             const SizedBox(height: 8.0),
//             TextFormField(
//               enabled: !_loading,
//               obscureText: true,
//               decoration: InputDecoration(labelText: "Password".i18n),
//               controller: _passwordController,
//               autofillHints: const [
//                 AutofillHints.password,
//               ],
//             )
//           ],
//         ),
//       ),
//       actions: [
//         TextButton(
//           onPressed: _loading
//               ? null
//               : () async {
//                   if (_emailController.text.isNotEmpty &&
//                       _passwordController.text.isNotEmpty) {
//                     await _login();
//                   } else {
//                     ScaffoldMessenger.of(context)
//                         .snack("Missing email or password!".i18n);
//                   }
//                 },
//           child: _loading
//               ? const CircularProgressIndicator()
//               : const Text('Login'),
//         )
//       ],
//     );
//   }
// }