import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import 'package:esse/utils/adaptive.dart';
import 'package:esse/utils/better_print.dart';
import 'package:esse/utils/pick_image.dart';
import 'package:esse/utils/pick_file.dart';
import 'package:esse/l10n/localizations.dart';
import 'package:esse/widgets/emoji.dart';
import 'package:esse/widgets/button_text.dart';
import 'package:esse/widgets/input_text.dart';
import 'package:esse/widgets/shadow_dialog.dart';
import 'package:esse/widgets/audio_recorder.dart';
import 'package:esse/widgets/show_contact.dart';
import 'package:esse/global.dart';
import 'package:esse/options.dart';
import 'package:esse/rpc.dart';

import 'package:esse/apps/domain/models.dart';

class DomainDetail extends StatefulWidget {
  const DomainDetail({Key? key}) : super(key: key);

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

class _DomainDetailState extends State<DomainDetail> {
  bool _showProviders = false;
  bool _listHome = true;

  Map<int, ProviderServer> _providers = {};
  List<Name> _names = [];

  _domainList(List params) {
    this._providers.clear();
    params[0].forEach((param) {
        this._providers[param[0]] = ProviderServer.fromList(param);
    });
    this._names.clear();
    params[1].forEach((param) {
        final name = Name.fromList(param);
        this._providers[name.provider]!.deletable = false;
        this._names.add(name);
    });
    setState(() {});
  }

  _domainProviderAdd(List params) {
    setState(() {
        this._listHome = true;
        this._showProviders = true;
        this._providers[params[0]] = ProviderServer.fromList(params);
    });
  }

  _domainRegisterSuccess(List params) {
    setState(() {
        this._listHome = true;
        this._showProviders = false;
        this._names.add(Name.fromList(params));
    });
  }

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

    // resigter rpc for current page.
    rpc.addListener('domain-list', _domainList, false);
    rpc.addListener('domain-provider-add', _domainProviderAdd, false);
    rpc.addListener('domain-register-success', _domainRegisterSuccess, false);

    rpc.send('domain-list', []);
  }

  @override
  Widget build(BuildContext context) {
    final color = Theme.of(context).colorScheme;
    final lang = AppLocalizations.of(context);

    return Scaffold(
      appBar: AppBar(
        title: Text(lang.domain),
        actions: [
          TextButton(
            onPressed: () {
              this._listHome = true;
              this._showProviders = !this._showProviders;
              setState(() {});
            },
            child: Padding(
              padding: const EdgeInsets.only(right: 10.0),
              child: Text('< ' +
                (this._showProviders ? lang.domainShowName : lang.domainShowProvider))
            )
          ),
        ]
      ),
      body: Container(
        padding: const EdgeInsets.all(10.0),
        alignment: Alignment.topCenter,
        child: SingleChildScrollView(
          child: Container(
            padding: const EdgeInsets.symmetric(horizontal: 20.0),
            child: this._listHome
            ? (this._showProviders
              ? _ListProviderScreen(this._providers)
              : _ListNameScreen(this._providers, this._names)
            )
            : ((!this._showProviders && this._providers.length > 0)
              ? _RegisterScreen(this._providers.values.toList().asMap())
              : _AddProviderScreen()
            ),
      ))),
      floatingActionButton: FloatingActionButton(
        onPressed: () => setState(() {
            this._listHome = !this._listHome;
          }
        ),
        child: Icon(this._listHome ? Icons.add : Icons.arrow_back, color: Colors.white),
        backgroundColor: Color(0xFF6174FF),
      ),
    );
  }
}

class _NameItem {
  final ProviderServer provider;
  final Name name;
  bool isExpanded;

  _NameItem({
      required this.name,
      required this.provider,
      this.isExpanded = false,
  });
}

class _ListNameScreen extends StatefulWidget {
  final Map<int, ProviderServer> providers;
  final List<Name> names;

  const _ListNameScreen(this.providers, this.names);

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

class _ListNameScreenState extends State<_ListNameScreen> {
  bool _deleteTime = false;
  List<_NameItem> _data = [];

  @override
  Widget build(BuildContext context) {
    final color = Theme.of(context).colorScheme;
    final lang = AppLocalizations.of(context);

    if (!this._deleteTime && this._data.length != widget.names.length) {
      this._data = widget.names.map((name) {
          return _NameItem(
            name: name,
            provider: widget.providers[name.provider]!,
          );
      }).toList();
    }
    this._deleteTime = false;

    return ExpansionPanelList(
      elevation: 0.0,
      expansionCallback: (int index, bool isExpanded) {
        setState(() {
            _data[index].isExpanded = !isExpanded;
        });
      },
      children: _data.map<ExpansionPanel>((_NameItem item) {
          return ExpansionPanel(
            backgroundColor: color.surface,
            headerBuilder: (BuildContext context, bool isExpanded) {
              return ListTile(
                contentPadding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 8.0),
                leading: Container(
                  padding: EdgeInsets.only(right: 12.0),
                  decoration: new BoxDecoration(
                    border: new Border(right:
                      const BorderSide(width: 1.0, color: Color(0xA0ADB0BB)))),
                  child: item.name.isActived
                  ? Icon(Icons.toggle_on, color: color.primary)
                  : Icon(Icons.toggle_off),
                ),
                title: Text(item.name.name, style: TextStyle(fontWeight: FontWeight.bold)),
              );
            },
            body: Column(
              children: [
                ListTile(
                  leading: Icon(Icons.campaign),
                  title: Text(item.name.bio),
                ),
                ListTile(
                  leading: Icon(Icons.location_on),
                  title: Text(item.provider.name),
                ),
                item.name.isActived
                ? ListTile(
                  leading: Icon(Icons.cancel, color: Colors.orange),
                  title: Text(lang.domainSetUnactived, style: TextStyle(color: Colors.orange)),
                  onTap: () {
                    rpc.send('domain-active', [item.name.name, item.provider.addr, false]);
                    setState(() {
                        item.name.isActived = false;
                        item.isExpanded = false;
                    });
                })
                : ListTile(
                  leading: Icon(Icons.done, color: color.primary),
                  title: Text(lang.domainSetActived, style: TextStyle(color: color.primary)),
                  onTap: () {
                    rpc.send('domain-active', [item.name.name, item.provider.addr, true]);
                    setState(() {
                        item.name.isActived = true;
                        item.isExpanded = false;
                    });
                }),
                ListTile(
                  leading: const Icon(Icons.delete, color: Colors.red),
                  title: Text(lang.domainDelete, style: TextStyle(color: Colors.red)),
                  onTap: () {
                    rpc.send('domain-remove', [item.name.name, item.provider.addr]);
                    setState(() {
                        this._data.removeWhere((_NameItem currentItem) => item == currentItem);
                        this._deleteTime = true;
                    });
                }),
              ]
            ),
            isExpanded: item.isExpanded,
          );
      }).toList(),
    );
  }
}


class _NameDetailScreen extends StatelessWidget {
  final ProviderServer provider;
  final Name name;
  const _NameDetailScreen(this.provider, this.name);

  @override
  Widget build(BuildContext context) {
    final color = Theme.of(context).colorScheme;
    final lang = AppLocalizations.of(context);

    return Column(
      children: [
        Text(this.name.name),
        Text(this.provider.name),
    ]);
  }
}

class _ListProviderScreen extends StatelessWidget {
  final Map<int, ProviderServer> providers;

  const _ListProviderScreen(this.providers);

  Widget _providerItem(ProviderServer provider, ColorScheme color, AppLocalizations lang, context) {
    return Container(
      margin: const EdgeInsets.only(bottom: 10.0),
      decoration: BoxDecoration(color: color.surface),
      child: ListTile(
        contentPadding: EdgeInsets.symmetric(vertical: 4.0),
        leading: Tooltip(
          message: lang.domainSetDefault,
          child: TextButton(
            child: Icon(Icons.check_circle, color: provider.isDefault ? Color(0xFF6174FF) : Colors.grey),
            onPressed: () {
              rpc.send('domain-provider-default', [provider.id]);
              rpc.send('domain-list', []);
            }
          ),
        ),
        title: Text(provider.name, style: TextStyle(fontWeight: FontWeight.bold)),
        subtitle: Row(
          children: <Widget>[
            Expanded(child: Text(addrPrint(provider.addr), style: TextStyle(fontSize: 14.0))),
          ],
        ),
        trailing: Container(
          margin: EdgeInsets.only(left: 4.0),
          decoration: new BoxDecoration(
            border: new Border(left: const BorderSide(width: 1.0, color: Color(0xA0ADB0BB)))),
          child: TextButton(
            child: Icon(Icons.delete, color: provider.deletable ? Colors.red : Colors.grey),
            onPressed: provider.deletable ? () => showDialog(
              context: context,
              builder: (BuildContext context) {
                return AlertDialog(
                  title: Text(lang.delete + " ${provider.name} ?"),
                  actions: [
                    TextButton(
                      child: Text(lang.cancel),
                      onPressed: () => Navigator.pop(context),
                    ),
                    TextButton(
                      child: Text(lang.ok),
                      onPressed:  () {
                        Navigator.pop(context);
                        rpc.send('domain-provider-remove', [provider.id]);
                        rpc.send('domain-list', []);
                      },
                    ),
                  ]
                );
              },
            ) : null
        )),
      )
    );
  }

  @override
  Widget build(BuildContext context) {
    final color = Theme.of(context).colorScheme;
    final lang = AppLocalizations.of(context);

    return Column(
      children: this.providers.values.map(
        (provider) => _providerItem(provider, color, lang, context)
      ).toList(),
    );
  }
}

class _RegisterScreen extends StatefulWidget {
  final Map<int, ProviderServer> providers;
  const _RegisterScreen(this.providers);

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

class _RegisterScreenState extends State<_RegisterScreen> {
  bool _showProviders = false;
  int _providerSelected = -1;
  bool _registerNone = false;
  bool _waiting = false;

  TextEditingController _nameController = TextEditingController();
  TextEditingController _bioController = TextEditingController();

  FocusNode _nameFocus = FocusNode();
  FocusNode _bioFocus = FocusNode();

  _domainRegisterFailure(List _params) {
    setState(() {
        this._waiting = false;
        this._registerNone = true;
    });
  }

  @override
  void initState() {
    super.initState();
    rpc.addListener('domain-register-failure', _domainRegisterFailure, false);
  }


  @override
  Widget build(BuildContext context) {
    final color = Theme.of(context).colorScheme;
    final lang = AppLocalizations.of(context);

    if (this._providerSelected < 0) {
      this._providerSelected = 0;
      widget.providers.forEach((k, v) {
          if (v.isDefault) {
            this._providerSelected = k;
          }
      });
    }

    final maxIndex = widget.providers.length - 1;

    return Column(
      children: [
        Container(
          padding: EdgeInsets.symmetric(vertical: 10.0),
          height: 60.0,
          width: 600.0,
          child: Row(
            mainAxisSize: MainAxisSize.max,
            children: [
              TextButton(child: Icon(Icons.navigate_before),
                onPressed: this._providerSelected > 0 ? () => setState(() {
                    this._providerSelected = this._providerSelected - 1;
                }) : null,
              ),
              Expanded(
                child: Center(
                  child: Text(
                    widget.providers.length >= this._providerSelected
                    ? widget.providers[this._providerSelected]!.name
                    : '',
                    style: TextStyle(fontWeight: FontWeight.bold)),
              )),
              TextButton(child: Icon(Icons.navigate_next),
                onPressed: this._providerSelected < maxIndex ? () => setState(() {
                    this._providerSelected = this._providerSelected + 1;
                }) : null,
              ),
          ]
        )),
        Container(
          padding: EdgeInsets.symmetric(vertical: 10.0),
          child: InputText(
            icon: Icons.account_box,
            text: lang.domainName,
            controller: _nameController,
            focus: _nameFocus),
        ),
        Container(
          padding: EdgeInsets.symmetric(vertical: 10.0),
          child: InputText(
            icon: Icons.campaign,
            text: lang.bio,
            controller: _bioController,
            focus: _bioFocus),
        ),
        SizedBox(
          height: 40.0,
          child: Center(child: Text(this._registerNone ? lang.domainRegisterFailure : '',
              style: TextStyle(color: Colors.red))),
        ),
        ButtonText(
          enable: !this._waiting,
          action: () {
            String name = _nameController.text.trim();
            String bio = _bioController.text.trim();
            if (name.length > 0 && widget.providers.length >= this._providerSelected) {
              final provider = widget.providers[this._providerSelected]!.id;
              final addr = widget.providers[this._providerSelected]!.addr;
              rpc.send('domain-register', [provider, addr, name, bio]);
              setState(() {
                  this._waiting = true;
              });
            }
        }, text: this._waiting ? lang.waiting : lang.send),
      ]
    );
  }
}

class _AddProviderScreen extends StatefulWidget {
  const _AddProviderScreen();

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

class _AddProviderScreenState extends State<_AddProviderScreen> {
  TextEditingController _addrController = TextEditingController();
  FocusNode _addrFocus = FocusNode();
  bool _waiting = false;

  @override
  Widget build(BuildContext context) {
    final color = Theme.of(context).colorScheme;
    final lang = AppLocalizations.of(context);

    return Column(
      children: [
        Container(
          padding: EdgeInsets.symmetric(vertical: 10.0),
          child: Text(lang.domainAddProvider, style: TextStyle(fontWeight: FontWeight.bold)),
        ),
        Container(
          padding: EdgeInsets.symmetric(vertical: 30.0),
          child: InputText(
            icon: Icons.location_on,
            text: lang.address + ' (0x00..00)',
            controller: _addrController,
            focus: _addrFocus),
        ),
        ButtonText(
          enable: !this._waiting,
          action: () {
            final addr = addrParse(_addrController.text.trim());
            if (addr.length < 2) {
              return;
            }
            rpc.send('domain-provider-add', [addr]);
            setState(() {
                this._waiting = true;
            });
        }, text: this._waiting ? lang.waiting : lang.send),
      ]
    );
  }
}