import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';

import '../utils/text_style.dart';
import '../utils/text_widget.dart';

Future<dynamic> requestSubmitted(
    BuildContext context, double wm, double hm, double tm) {
  return showDialog(
      context: context,
      builder: (BuildContext context) {
        return StatefulBuilder(builder: (context, stating) {
          return Dialog(
            shape: RoundedRectangleBorder(
                borderRadius:
                    BorderRadius.circular(wm * 5.0)), //this right here
            insetPadding: EdgeInsets.symmetric(horizontal: wm * 10),
            child: SizedBox(
              height: hm * 35,
              child: Stack(
                alignment: Alignment.center,
                children: [
                  Positioned(
                    top: wm * 2,
                    right: wm * 2,
                    child: TextButton(
                      onPressed: () {
                        Navigator.pop(context);
                      },
                      style: ButtonStyle(
                        overlayColor: MaterialStateProperty.resolveWith(
                            (states) => Colors.transparent),
                      ),
                      child: SvgPicture.asset(
                        'assets/icons/close.svg',
                        height: hm * 3.5,
                      ),
                    ),
                  ),
                  Positioned(
                    top: hm * 5,
                    left: wm * 2.0,
                    right: wm * 2.0,
                    child: Container(
                      margin: EdgeInsets.symmetric(horizontal: wm * 5),
                      child: SvgPicture.asset(
                        'assets/icons/done.svg',
                      ),
                    ),
                  ),
                  Positioned(
                    bottom: hm * 5,
                    child: Column(
                      children: [
                        Container(
                          width: wm * 15,
                          height: wm * 15,
                          decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(100),
                              color: const Color(0xff4CAF50)),
                          child: Icon(
                            Icons.done,
                            size: wm * 12,
                            color: Colors.white,
                          ),
                        ),
                        SizedBox(height: hm * 2),
                        Txt(
                          text: "Your request",
                          textAlign: TextAlign.center,
                          style: tS(
                            'NunitoBold',
                            tm * 2.5,
                            FontWeight.normal,
                            Colors.black,
                          ),
                        ),
                        SizedBox(height: hm * 1),
                        Padding(
                          padding: EdgeInsets.symmetric(horizontal: wm * 8.0),
                          child: Txt(
                            text: "has been submitted successfully",
                            textAlign: TextAlign.center,
                            style: tS(
                              'NunitoBold',
                              tm * 2.3,
                              FontWeight.normal,
                              Colors.black,
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          );
        });
      });
}