import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:logging/logging.dart';
import 'package:twonly/globals.dart';
import 'package:twonly/src/database/daos/contacts_dao.dart';
import 'package:twonly/src/model/protobuf/api/server_to_client.pb.dart';
import 'package:twonly/src/services/api/utils.dart';
import 'package:twonly/src/utils/misc.dart';
import 'package:twonly/src/utils/storage.dart';
import 'package:twonly/src/views/components/alert_dialog.dart';
import 'package:twonly/src/views/settings/subscription/subscription_view.dart';

Future<List<Response_AddAccountsInvite>?> loadAdditionalUserInvites() async {
  List<Response_AddAccountsInvite>? ballance;
  final user = await getUser();
  if (user == null) return ballance;
  ballance = await apiService.getAdditionalUserInvites();
  if (ballance != null) {
    user.additionalUserInvites =
        jsonEncode(ballance.map((x) => x.writeToJson()).toList());
    await updateUser(user);
  } else if (user.lastPlanBallance != null) {
    try {
      List<String> decoded = jsonDecode(user.additionalUserInvites!);
      ballance =
          decoded.map((x) => Response_AddAccountsInvite.fromJson(x)).toList();
    } catch (e) {
      Logger("additional_users_view.dart").shout("from json: $e");
    }
  }
  return ballance;
}

class AdditionalUsersView extends StatefulWidget {
  const AdditionalUsersView({super.key, required this.ballance});

  final Response_PlanBallance? ballance;

  @override
  State<AdditionalUsersView> createState() => _AdditionalUsersViewState();
}

class _AdditionalUsersViewState extends State<AdditionalUsersView> {
  List<Response_AddAccountsInvite>? additionalInvites;
  Response_PlanBallance? ballance;

  @override
  void initState() {
    super.initState();
    ballance = widget.ballance;
    initAsync(false);
  }

  Future initAsync(bool force) async {
    additionalInvites = await loadAdditionalUserInvites();
    if (force) {
      ballance = await loadPlanBallance();
    }
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    List<Response_AddAccountsInvite> plusInvites = [];
    List<Response_AddAccountsInvite> freeInvites = [];
    if (additionalInvites != null) {
      plusInvites =
          additionalInvites!.where((x) => x.planId == "Plus").toList();
      freeInvites =
          additionalInvites!.where((x) => x.planId == "Free").toList();
    }
    return Scaffold(
      appBar: AppBar(
        title: Text(context.lang.manageAdditionalUsers),
      ),
      body: ListView(
        children: [
          if (ballance != null && ballance!.additionalAccounts.isNotEmpty)
            ListTile(
              title: Text(
                context.lang.additionalUsersList,
                style: TextStyle(fontSize: 13),
              ),
            ),
          if (ballance != null)
            ...ballance!.additionalAccounts.map((e) => AdditionalAccount(
                  account: e,
                  refresh: () {
                    initAsync(true);
                  },
                )),
          if (plusInvites.isNotEmpty)
            ListTile(
              title: Text(
                context.lang.additionalUsersPlusTokens,
                style: TextStyle(fontSize: 13),
              ),
            ),
          GridView.count(
            crossAxisCount: 2,
            physics: NeverScrollableScrollPhysics(),
            childAspectRatio: 16 / 5,
            shrinkWrap: true,
            children: plusInvites.map((x) => AdditionalUserInvite(x)).toList(),
          ),
          if (freeInvites.isNotEmpty)
            ListTile(
              title: Text(
                context.lang.additionalUsersFreeTokens,
                style: TextStyle(fontSize: 13),
              ),
            ),
          GridView.count(
            crossAxisCount: 2,
            physics: NeverScrollableScrollPhysics(),
            childAspectRatio: 16 / 5,
            shrinkWrap: true,
            children: freeInvites.map((x) => AdditionalUserInvite(x)).toList(),
          ),
        ],
      ),
    );
  }
}

class AdditionalAccount extends StatefulWidget {
  const AdditionalAccount(
      {super.key, required this.account, required this.refresh});

  final Function() refresh;
  final Response_AdditionalAccount account;
  @override
  State<AdditionalAccount> createState() => _AdditionalAccountState();
}

class _AdditionalAccountState extends State<AdditionalAccount> {
  late String username;

  @override
  void initState() {
    super.initState();
    username = widget.account.userId.toString();
    initAsync();
  }

  Future initAsync() async {
    final contact = await twonlyDB.contactsDao
        .getContactByUserId(widget.account.userId.toInt())
        .getSingleOrNull();
    if (contact != null) {
      username = getContactDisplayName(contact);
      setState(() {});
    }
  }

  @override
  Widget build(BuildContext context) {
    return Card(
      elevation: 4,
      margin: EdgeInsets.symmetric(horizontal: 16),
      child: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  username,
                  style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
                ),
                SizedBox(height: 4),
                Text(
                  widget.account.planId,
                  style: TextStyle(fontSize: 16, color: Colors.grey),
                ),
              ],
            ),
            IconButton(
              icon: FaIcon(FontAwesomeIcons.userXmark, size: 16),
              onPressed: () async {
                bool remove = await showAlertDialog(
                    context,
                    "Remove this additional user",
                    "The additional user will automatically be downgraded to the preview plan after removal and you will receive a new invitation code to give to another person.");
                if (remove) {
                  Result res = await apiService
                      .removeAdditionalUser(widget.account.userId);
                  if (!context.mounted) return;
                  if (res.isSuccess) {
                    widget.refresh();
                  } else {
                    ScaffoldMessenger.of(context).showSnackBar(
                      SnackBar(
                          content: Text(errorCodeToText(context, res.error))),
                    );
                  }
                }
              },
            ),
          ],
        ),
      ),
    );
  }
}

class AdditionalUserInvite extends StatefulWidget {
  final Response_AddAccountsInvite invite;
  const AdditionalUserInvite(this.invite, {super.key});
  @override
  State<AdditionalUserInvite> createState() => _AdditionalUserInviteState();
}

class _AdditionalUserInviteState extends State<AdditionalUserInvite> {
  void _copyVoucherId() {
    Clipboard.setData(ClipboardData(text: widget.invite.inviteCode));
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text("${widget.invite.inviteCode} copied.")),
    );
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: _copyVoucherId,
      child: Card(
        elevation: 5,
        child: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Center(
            child: Text(
              widget.invite.inviteCode.toUpperCase(),
              style: TextStyle(
                fontSize: 18,
                fontWeight: FontWeight.bold,
              ),
            ),
          ),
        ),
      ),
    );
  }
}