import 'package:famedlysdk/famedlysdk.dart';
import 'package:fluffychat/components/adaptive_page_layout.dart';
import 'package:fluffychat/components/avatar.dart';
import 'package:future_loading_dialog/future_loading_dialog.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';

import '../components/matrix.dart';
import 'chat_list.dart';

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

class SettingsIgnoreList extends StatelessWidget {
  final controller = TextEditingController();

  void _ignoreUser(BuildContext context) {
    if (controller.text.isEmpty) return;
    showFutureLoadingDialog(
      context: context,
      future: () => Matrix.of(context).client.ignoreUser('@${controller.text}'),
    );
    controller.clear();
  }

  @override
  Widget build(BuildContext context) {
    final client = Matrix.of(context).client;
    return Scaffold(
      appBar: AppBar(title: Text(L10n.of(context).ignoredUsers)),
      body: Column(
        children: [
          Padding(
            padding: const EdgeInsets.all(16.0),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                TextField(
                  controller: controller,
                  autocorrect: false,
                  textInputAction: TextInputAction.done,
                  onSubmitted: (_) => _ignoreUser(context),
                  decoration: InputDecoration(
                    border: OutlineInputBorder(),
                    hintText: 'bad_guy:domain.abc',
                    prefixText: '@',
                    labelText: L10n.of(context).ignoreUsername,
                    suffixIcon: IconButton(
                      icon: Icon(Icons.done_outlined),
                      onPressed: () => _ignoreUser(context),
                    ),
                  ),
                ),
                SizedBox(height: 16),
                Text(
                  L10n.of(context).ignoreListDescription,
                  style: TextStyle(color: Colors.orange),
                ),
              ],
            ),
          ),
          Divider(height: 1),
          Expanded(
            child: StreamBuilder<Object>(
                stream: client.onAccountData.stream
                    .where((a) => a.type == 'm.ignored_user_list'),
                builder: (context, snapshot) {
                  return ListView.builder(
                    itemCount: client.ignoredUsers.length,
                    itemBuilder: (c, i) => FutureBuilder<Profile>(
                      future:
                          client.getProfileFromUserId(client.ignoredUsers[i]),
                      builder: (c, s) => ListTile(
                        leading: Avatar(
                          s.data?.avatarUrl ?? Uri.parse(''),
                          s.data?.displayname ?? client.ignoredUsers[i],
                        ),
                        title:
                            Text(s.data?.displayname ?? client.ignoredUsers[i]),
                        trailing: IconButton(
                          icon: Icon(Icons.delete_forever_outlined),
                          onPressed: () => showFutureLoadingDialog(
                            context: context,
                            future: () =>
                                client.unignoreUser(client.ignoredUsers[i]),
                          ),
                        ),
                      ),
                    ),
                  );
                }),
          ),
        ],
      ),
    );
  }
}