import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:provider/provider.dart';
import 'package:git_touch/models/theme.dart';

class MyAction {
  String text;
  Function onPress;

  MyAction({@required this.text, @required this.onPress});
}

class ActionButton extends StatelessWidget {
  final String title;
  final List<MyAction> actions;
  final IconData iconData;

  ActionButton({
    @required this.title,
    @required this.actions,
    this.iconData = Icons.more_vert,
  });

  void _onSelected(int value) {
    if (value != null) {
      actions[value].onPress();
    }
  }

  @override
  Widget build(BuildContext context) {
    switch (Provider.of<ThemeModel>(context).theme) {
      case AppThemeType.cupertino:
        return GestureDetector(
          child: Icon(iconData, size: 24),
          onTap: () async {
            int value = await showCupertinoModalPopup<int>(
              context: context,
              builder: (BuildContext context) {
                return CupertinoActionSheet(
                  title: Text(title),
                  actions: actions.asMap().entries.map((entry) {
                    return CupertinoActionSheetAction(
                      child: Text(entry.value.text),
                      onPressed: () {
                        Navigator.pop(context, entry.key);
                      },
                    );
                  }).toList(),
                  cancelButton: CupertinoActionSheetAction(
                    child: const Text('Cancel'),
                    isDefaultAction: true,
                    onPressed: () {
                      Navigator.pop(context);
                    },
                  ),
                );
              },
            );

            _onSelected(value);
          },
        );
      default:
        return IconButton(
          icon: Icon(iconData),
          onPressed: () async {
            await showModalBottomSheet(
              context: context,
              builder: (_) {
                return Column(
                  children: join(
                    PopupMenuDivider(height: 1),
                    actions.asMap().entries.map((entry) {
                      return GestureDetector(
                        child: PopupMenuItem(
                          value: entry.key,
                          child: Text(entry.value.text),
                        ),
                        onTap: () {
                          Navigator.of(context).pop();
                          _onSelected(entry.key);
                        },
                      );
                    }).toList(),
                  ),
                );
              },
            );
          },
        );
    }
  }
}