import 'package:PiliPlus/grpc/bilibili/app/im/v1.pb.dart'
    show SelectItem, Setting, SettingSwitch;
import 'package:flutter/material.dart';

class ImSettingsItem extends StatelessWidget {
  const ImSettingsItem({
    super.key,
    required this.item,
    required this.onSet,
    required this.onRedirect,
  });

  final Setting item;
  final Future<bool> Function() onSet;
  final VoidCallback onRedirect;

  @override
  Widget build(BuildContext context) {
    void rebuild() {
      if (context.mounted) {
        (context as Element).markNeedsBuild();
      }
    }

    const titleStyle = TextStyle(fontSize: 14);
    final theme = Theme.of(context);
    final outline = theme.colorScheme.outline;
    final subtitleStyle = TextStyle(fontSize: 13, color: outline);

    if (item.hasSwitch_1()) {
      Future<void> onChanged() async {
        item.switch_1.switchOn = !item.switch_1.switchOn;
        rebuild();
        if (!await onSet()) {
          item.switch_1.switchOn = !item.switch_1.switchOn;
          rebuild();
        }
      }

      return ListTile(
        dense: true,
        onTap: onChanged,
        title: Text(
          item.switch_1.title,
          style: titleStyle,
        ),
        subtitle: item.switch_1.hasSubtitle()
            ? Text(item.switch_1.subtitle, style: subtitleStyle)
            : null,
        trailing: Transform.scale(
          alignment: Alignment.centerRight,
          scale: 0.8,
          child: Switch(
            thumbIcon: WidgetStateProperty.resolveWith<Icon?>((states) {
              if (states.isNotEmpty && states.first == WidgetState.selected) {
                return const Icon(Icons.done);
              }
              return null;
            }),
            value: item.switch_1.switchOn,
            onChanged: (value) => onChanged(),
          ),
        ),
      );
    }

    if (item.hasRedirect()) {
      SelectItem? selected;
      SettingSwitch? sw1tch;
      if (item.redirect.settingPage.subSettings.isNotEmpty) {
        for (var subItem in item.redirect.settingPage.subSettings.values) {
          if (subItem.hasSelect()) {
            for (var i in subItem.select.item) {
              if (i.selected) {
                selected = i;
                break;
              }
            }
          } else if (subItem.hasSwitch_1()) {
            if (subItem.switch_1.switchOn) {
              sw1tch = subItem.switch_1;
              break;
            }
          }
        }
      }
      return ListTile(
        dense: true,
        onTap: onRedirect,
        title: Text(
          item.redirect.title,
          style: titleStyle,
        ),
        subtitle: item.redirect.hasSubtitle()
            ? Text(item.redirect.subtitle, style: subtitleStyle)
            : null,
        trailing: Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            if (selected != null)
              Text(
                selected.text,
                style: TextStyle(fontSize: 13, color: outline),
              )
            else if (sw1tch != null)
              Text(
                sw1tch.title,
                style: TextStyle(fontSize: 13, color: outline),
              )
            else if (item.redirect.hasSelectedSummary())
              Text(
                item.redirect.selectedSummary,
                style: TextStyle(fontSize: 13, color: outline),
              ),
            Icon(color: outline, Icons.keyboard_arrow_right),
          ],
        ),
      );
    }

    if (item.hasSelect()) {
      String? selected;
      return Column(
        mainAxisSize: MainAxisSize.min,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: item.select.item.map((e) {
          if (e.selected) {
            selected ??= e.text;
          }
          return ListTile(
            dense: true,
            onTap: () async {
              if (!e.selected) {
                for (var i in item.select.item) {
                  i.selected = false;
                }
                e.selected = true;
                rebuild();

                if (await onSet()) {
                  selected = e.text;
                } else {
                  for (var i in item.select.item) {
                    i.selected = i.text == selected;
                  }
                  rebuild();
                }
              }
            },
            title: Text(e.text, style: titleStyle),
            trailing: e.selected
                ? Icon(
                    size: 20,
                    Icons.check,
                    color: theme.colorScheme.primary,
                  )
                : null,
          );
        }).toList(),
      );
    }

    return const SizedBox.shrink();
  }
}