import 'package:flutter/material.dart';

import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/config/setting_keys.dart';
import 'package:fluffychat/config/themes.dart';
import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/widgets/layouts/max_width_body.dart';
import 'package:fluffychat/widgets/settings_switch_list_tile.dart';
import 'settings_chat.dart';

class SettingsChatView extends StatelessWidget {
  final SettingsChatController controller;
  const SettingsChatView(this.controller, {super.key});

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);

    return Scaffold(
      appBar: AppBar(
        title: Text(L10n.of(context).chat),
        automaticallyImplyLeading: !FluffyThemes.isColumnMode(context),
        centerTitle: FluffyThemes.isColumnMode(context),
      ),
      body: ListTileTheme(
        iconColor: theme.textTheme.bodyLarge!.color,
        child: MaxWidthBody(
          child: Column(
            children: [
              // #Pangea
              // SettingsSwitchListTile.adaptive(
              //   title: L10n.of(context).formattedMessages,
              //   subtitle: L10n.of(context).formattedMessagesDescription,
              //   setting: AppSettings.renderHtml,
              // ),
              // Pangea#
              SettingsSwitchListTile.adaptive(
                title: L10n.of(context).hideRedactedMessages,
                subtitle: L10n.of(context).hideRedactedMessagesBody,
                setting: AppSettings.hideRedactedEvents,
              ),
              SettingsSwitchListTile.adaptive(
                title: L10n.of(context).hideInvalidOrUnknownMessageFormats,
                setting: AppSettings.hideUnknownEvents,
              ),
              // #Pangea
              // if (PlatformInfos.isMobile)
              //   SettingsSwitchListTile.adaptive(
              //     title: L10n.of(context).autoplayImages,
              //     setting: AppSettings.autoplayImages,
              //   ),
              // Pangea#
              SettingsSwitchListTile.adaptive(
                title: L10n.of(context).sendOnEnter,
                setting: AppSettings.sendOnEnter,
              ),
              SettingsSwitchListTile.adaptive(
                title: L10n.of(context).swipeRightToLeftToReply,
                setting: AppSettings.swipeRightToLeftToReply,
              ),
              // #Pangea
              SwitchListTile.adaptive(
                value: AppConfig.useActivityImageAsChatBackground,
                title: Text(L10n.of(context).useActivityImageAsChatBackground),
                onChanged: controller.setUseActivityImageBackground,
              ),
              // Divider(color: theme.dividerColor),
              // ListTile(
              //   title: Text(
              //     L10n.of(context).customEmojisAndStickers,
              //     style: TextStyle(
              //       color: theme.colorScheme.secondary,
              //       fontWeight: FontWeight.bold,
              //     ),
              //   ),
              // ),
              // ListTile(
              //   title: Text(L10n.of(context).customEmojisAndStickers),
              //   subtitle: Text(L10n.of(context).customEmojisAndStickersBody),
              //   onTap: () => context.go('/rooms/settings/chat/emotes'),
              //   trailing: const Padding(
              //     padding: EdgeInsets.all(16.0),
              //     child: Icon(Icons.chevron_right_outlined),
              //   ),
              // ),
              // Divider(color: theme.dividerColor),
              // ListTile(
              //   title: Text(
              //     L10n.of(context).calls,
              //     style: TextStyle(
              //       color: theme.colorScheme.secondary,
              //       fontWeight: FontWeight.bold,
              //     ),
              //   ),
              // ),
              // SettingsSwitchListTile.adaptive(
              //   title: L10n.of(context).experimentalVideoCalls,
              //   onChanged: (b) {
              //     Matrix.of(context).createVoipPlugin();
              //     return;
              //   },
              //   setting: AppSettings.experimentalVoip,
              // ),
              // Pangea#
            ],
          ),
        ),
      ),
    );
  }
}