import 'dart:async';

import 'package:famedlysdk/famedlysdk.dart';
import 'package:fluffychat/components/adaptive_page_layout.dart';
import 'package:fluffychat/components/avatar.dart';
import 'package:fluffychat/components/matrix.dart';
import 'package:fluffychat/i18n/i18n.dart';
import 'package:flutter/material.dart';
import 'package:share/share.dart';

import 'chat.dart';
import 'chat_list.dart';

class NewPrivateChatView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return AdaptivePageLayout(
      primaryPage: FocusPage.SECOND,
      firstScaffold: ChatList(),
      secondScaffold: _NewPrivateChat(),
    );
  }
}

class _NewPrivateChat extends StatefulWidget {
  @override
  _NewPrivateChatState createState() => _NewPrivateChatState();
}

class _NewPrivateChatState extends State<_NewPrivateChat> {
  TextEditingController controller = TextEditingController();
  final _formKey = GlobalKey<FormState>();
  bool loading = false;
  String currentSearchTerm;
  List<Map<String, dynamic>> foundProfiles = [];
  Timer coolDown;
  Map<String, dynamic> get foundProfile => foundProfiles.firstWhere(
      (user) => user["user_id"] == "@$currentSearchTerm",
      orElse: () => null);
  bool get correctMxId =>
      foundProfiles
          .indexWhere((user) => user["user_id"] == "@$currentSearchTerm") !=
      -1;

  void submitAction(BuildContext context) async {
    if (controller.text.isEmpty) return;
    if (!_formKey.currentState.validate()) return;
    final MatrixState matrix = Matrix.of(context);

    if ("@" + controller.text.trim() == matrix.client.userID) return;

    final User user = User(
      "@" + controller.text.trim(),
      room: Room(id: "", client: matrix.client),
    );
    final String roomID =
        await matrix.tryRequestWithLoadingDialog(user.startDirectChat());
    Navigator.of(context).pop();

    if (roomID != null) {
      await Navigator.push(
        context,
        MaterialPageRoute(builder: (context) => ChatView(roomID)),
      );
    }
  }

  void searchUserWithCoolDown(BuildContext context, String text) async {
    coolDown?.cancel();
    coolDown = Timer(
      Duration(seconds: 1),
      () => searchUser(context, text),
    );
  }

  void searchUser(BuildContext context, String text) async {
    if (text.isEmpty) {
      setState(() {
        foundProfiles = [];
      });
    }
    currentSearchTerm = text;
    if (currentSearchTerm.isEmpty) return;
    if (loading) return;
    setState(() => loading = true);
    final MatrixState matrix = Matrix.of(context);
    final response = await matrix.tryRequestWithErrorToast(
      matrix.client.jsonRequest(
          type: HTTPType.POST,
          action: "/client/r0/user_directory/search",
          data: {
            "search_term": text,
            "limit": 10,
          }),
    );
    setState(() => loading = false);
    if (response == false ||
        !(response is Map) ||
        (response["results"]?.isEmpty ?? true)) return;
    setState(() {
      foundProfiles = List<Map<String, dynamic>>.from(response["results"]);
    });
  }

  @override
  Widget build(BuildContext context) {
    final String defaultDomain = Matrix.of(context).client.userID.split(":")[1];
    return Scaffold(
      appBar: AppBar(
        title: Text(I18n.of(context).newPrivateChat),
        elevation: 0,
      ),
      body: Column(
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.all(16.0),
            child: Form(
              key: _formKey,
              child: TextFormField(
                controller: controller,
                autofocus: true,
                autocorrect: false,
                onChanged: (String text) =>
                    searchUserWithCoolDown(context, text),
                textInputAction: TextInputAction.go,
                onFieldSubmitted: (s) => submitAction(context),
                validator: (value) {
                  if (value.isEmpty) {
                    return I18n.of(context).pleaseEnterAMatrixIdentifier;
                  }
                  final MatrixState matrix = Matrix.of(context);
                  String mxid = "@" + controller.text.trim();
                  if (mxid == matrix.client.userID) {
                    return I18n.of(context).youCannotInviteYourself;
                  }
                  if (!mxid.contains("@")) {
                    return I18n.of(context).makeSureTheIdentifierIsValid;
                  }
                  if (!mxid.contains(":")) {
                    return I18n.of(context).makeSureTheIdentifierIsValid;
                  }
                  return null;
                },
                decoration: InputDecoration(
                  border: OutlineInputBorder(),
                  labelText: I18n.of(context).enterAUsername,
                  prefixIcon: loading
                      ? Container(
                          padding: const EdgeInsets.all(8.0),
                          width: 12,
                          height: 12,
                          child: CircularProgressIndicator(),
                        )
                      : correctMxId
                          ? Padding(
                              padding: const EdgeInsets.all(8.0),
                              child: Avatar(
                                MxContent(foundProfile["avatar_url"] ?? ""),
                                foundProfile["display_name"] ??
                                    foundProfile["user_id"],
                                size: 12,
                              ),
                            )
                          : Icon(Icons.account_circle),
                  prefixText: "@",
                  hintText:
                      "${I18n.of(context).username.toLowerCase()}:$defaultDomain",
                ),
              ),
            ),
          ),
          Divider(height: 1),
          if (foundProfiles.isNotEmpty && !correctMxId)
            Expanded(
              child: ListView.builder(
                itemCount: foundProfiles.length,
                itemBuilder: (BuildContext context, int i) {
                  Map<String, dynamic> foundProfile = foundProfiles[i];
                  return ListTile(
                    onTap: () {
                      setState(() {
                        controller.text = currentSearchTerm =
                            foundProfile["user_id"].substring(1);
                      });
                    },
                    leading: Avatar(
                      MxContent(foundProfile["avatar_url"] ?? ""),
                      foundProfile["display_name"] ?? foundProfile["user_id"],
                      //size: 24,
                    ),
                    title: Text(
                      foundProfile["display_name"] ??
                          foundProfile["user_id"].split(":").first.substring(1),
                      style: TextStyle(),
                      maxLines: 1,
                    ),
                    subtitle: Text(
                      foundProfile["user_id"],
                      maxLines: 1,
                      style: TextStyle(
                        fontSize: 12,
                      ),
                    ),
                  );
                },
              ),
            ),
          if (foundProfiles.isEmpty || correctMxId)
            ListTile(
              trailing: Icon(
                Icons.share,
                size: 16,
              ),
              onTap: () => Share.share(
                  "https://matrix.to/#/${Matrix.of(context).client.userID}"),
              title: Text(
                "${I18n.of(context).yourOwnUsername}:",
                style: TextStyle(
                  fontStyle: FontStyle.italic,
                ),
              ),
              subtitle: Text(
                Matrix.of(context).client.userID,
                style: TextStyle(
                  fontSize: 16,
                  color: Theme.of(context).primaryColor,
                ),
              ),
            ),
          Divider(height: 1),
          if (foundProfiles.isEmpty || correctMxId)
            Expanded(
              child: Image.asset("assets/private_chat_wallpaper.png"),
            ),
        ],
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () => submitAction(context),
        child: Icon(Icons.arrow_forward),
        backgroundColor: Theme.of(context).primaryColor,
      ),
    );
  }
}