import 'package:flutter/material.dart';
import 'package:kumi_popup_window/kumi_popup_window.dart';
import 'package:signature/signature.dart';
import 'package:stadtbote/model/task_info.dart';
import 'package:stadtbote/tools/util.dart';

showSignaturePopup(BuildContext context, TaskInfo taskInfo, Function() onFinished) async {
  await showDialog<void>(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
            contentPadding: EdgeInsets.zero,
            shadowColor: Colors.transparent,
            backgroundColor: Colors.white,
            content: StatefulBuilder(
              builder: (BuildContext context, StateSetter setState) {
                final SignatureController controller = SignatureController();

                var popupHeight = MediaQuery.of(context).size.height * 0.85;
                var popupWidth = MediaQuery.of(context).size.width * 0.85;

                return SizedBox(
                    key: GlobalKey(),
                    height: popupHeight,
                    width: popupWidth,
                    child: Container(
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(10),
                        color: Colors.white,
                        border: Border.all(
                          color: Colors.grey,
                          width: 0.5,
                        ),
                      ),
                      child: Padding(
                        padding: const EdgeInsets.all(20.0),
                        child: Column(
                          children: [
                            Text(taskInfo.task.topic),
                            const SizedBox(height: 20),
                            Expanded(
                              child: Signature(
                                controller: controller,
                                width: 500,
                                height: 200,
                                backgroundColor: Colors.lightBlueAccent,
                              ),
                            ),
                            getDefaultButton('Übernehmen', buttonHeight: 50, () => {Navigator.of(context).pop(), onFinished()})
                          ],
                        ),
                      ),
                    ));
              },
            ));
      });
}