import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:stackwallet/pages/generic/single_field_edit_view.dart';
import 'package:stackwallet/utilities/assets.dart';
import 'package:stackwallet/utilities/text_styles.dart';
import 'package:stackwallet/utilities/theme/stack_colors.dart';
import 'package:stackwallet/utilities/util.dart';
import 'package:tuple/tuple.dart';

import '../desktop/desktop_dialog.dart';
import '../icon_widgets/pencil_icon.dart';

class SimpleEditButton extends StatelessWidget {
  const SimpleEditButton({
    Key? key,
    required this.editValue,
    required this.editLabel,
    required this.onValueChanged,
  }) : super(key: key);

  final String editValue;
  final String editLabel;
  final void Function(String) onValueChanged;

  @override
  Widget build(BuildContext context) {
    if (Util.isDesktop) {
      return SizedBox(
        height: 26,
        width: 26,
        child: RawMaterialButton(
          fillColor:
              Theme.of(context).extension<StackColors>()!.buttonBackSecondary,
          elevation: 0,
          hoverElevation: 0,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(6),
          ),
          onPressed: () async {
            final result = await showDialog<String?>(
              context: context,
              builder: (context) {
                return DesktopDialog(
                  maxWidth: 580,
                  maxHeight: 360,
                  child: SingleFieldEditView(
                    initialValue: editValue,
                    label: editLabel,
                  ),
                );
              },
            );
            if (result is String && result != editValue) {
              onValueChanged(result);
            }
          },
          child: Padding(
            padding: const EdgeInsets.all(5),
            child: PencilIcon(
              width: 16,
              height: 16,
              color: Theme.of(context).extension<StackColors>()!.textDark,
            ),
          ),
        ),
      );
    } else {
      return GestureDetector(
        onTap: () async {
          final result = await Navigator.of(context).pushNamed(
            SingleFieldEditView.routeName,
            arguments: Tuple2(
              editValue,
              editLabel,
            ),
          );
          if (result is String && result != editValue) {
            onValueChanged(result);
          }
        },
        child: Row(
          children: [
            SvgPicture.asset(
              Assets.svg.pencil,
              width: 10,
              height: 10,
              color: Theme.of(context).extension<StackColors>()!.infoItemIcons,
            ),
            const SizedBox(
              width: 4,
            ),
            Text(
              "Edit",
              style: STextStyles.link2(context),
            ),
          ],
        ),
      );
    }
  }
}