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

import 'package:flutter_gen/gen_l10n/l10n.dart';
import 'package:matrix/matrix.dart';
import 'package:vrouter/vrouter.dart';

import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/utils/fluffy_share.dart';
import 'package:fluffychat/widgets/layouts/max_width_body.dart';
import 'package:fluffychat/widgets/matrix.dart';
import 'settings_account.dart';

class SettingsAccountView extends StatelessWidget {
  final SettingsAccountController controller;
  const SettingsAccountView(this.controller, {Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(L10n.of(context).account)),
      body: MaxWidthBody(
        withScrolling: true,
        child: Column(
          children: [
            ListTile(
              title: Text(L10n.of(context).yourUserId),
              subtitle: Text(Matrix.of(context).client.userID),
              trailing: const Icon(Icons.copy_outlined),
              onTap: () => FluffyShare.share(
                Matrix.of(context).client.userID,
                context,
              ),
            ),
            ListTile(
              trailing: const Icon(CupertinoIcons.pen),
              title: Text(L10n.of(context).editDisplayname),
              subtitle: Text(controller.profile?.displayName ??
                  Matrix.of(context).client.userID.localpart),
              onTap: controller.setDisplaynameAction,
            ),
            const Divider(height: 1),
            ListTile(
              trailing: const Icon(CupertinoIcons.add_circled),
              title: Text(L10n.of(context).addAccount),
              subtitle: Text(L10n.of(context).enableMultiAccounts),
              onTap: controller.addAccountAction,
            ),
            ListTile(
              trailing: const Icon(CupertinoIcons.arrow_right_square),
              title: Text(L10n.of(context).logout),
              onTap: controller.logoutAction,
            ),
            const Divider(height: 1),
            ListTile(
              trailing: const Icon(CupertinoIcons.delete_solid),
              title: Text(
                L10n.of(context).deleteAccount,
                style: const TextStyle(color: Colors.red),
              ),
              onTap: controller.deleteAccountAction,
            ),
          ],
        ),
      ),
    );
  }
}