import 'package:car_customer_app/config/constants.dart';
import 'package:car_customer_app/config/routes.dart';
import 'package:car_customer_app/utils/navigator.dart';
import 'package:car_customer_app/utils/utils.dart';
import 'package:car_customer_app/widgets/app_bar.dart';
import 'package:car_customer_app/widgets/button/show_image_button.dart';
import 'package:car_customer_app/widgets/dialog/dialogs.dart';
import 'package:car_customer_app/widgets/dialog/message_dialog.dart';
import 'package:car_customer_app/widgets/dialog/otp_dialog.dart';
import 'package:car_customer_app/widgets/txt.dart';
import 'package:car_customer_app/widgets/txt_field.dart';
import 'package:flutter/material.dart';

class LoginVerifyAccountPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: appBar(title: "Log In"),
      body: Container(
        width: double.infinity,
        height: double.infinity,
        padding: EdgeInsets.all(40),
        child: Column(
          children: [
            Txt(
              "Verify Account",
              txtType: TxtType.heading3,
            ),
            mFlex(1),
            TxtField(
              hint: "Enter Phone number to verify",
            ),
            mFlex(2),
            Row(
              children: [
                Expanded(
                  child: ShowImageButton(
                    onClick: () {
                      showMDialog(context, child: OtpDialog(
                        onClick: () {
                          pop(context);
                          delay(300).then(
                                (value) => showMDialog(
                              context,
                              child: MessageDialog(
                                title: "Phone Number Verified",
                                onClick: () {
                                  navigateWithName(context, AppRoutes.completeProfile);
                                },
                              ),
                            ),
                          );
                        },
                      ));
                    },
                    title: 'With SMS',
                    icon: icons + "ic_sms.png",
                  ),
                ),
                mWidth(20),
                Expanded(
                  child: ShowImageButton(
                    onClick: () {
                      showMDialog(context, child: OtpDialog(
                        onClick: () {
                          pop(context);
                          delay(300).then(
                            (value) => showMDialog(
                              context,
                              child: MessageDialog(
                                title: "Phone Number Verified",
                                onClick: () {
                                  navigateWithName(context, AppRoutes.completeProfile);
                                },
                              ),
                            ),
                          );
                        },
                      ));
                    },
                    title: 'With Whatsapp',
                    icon: icons + "ic_whatsapp.png",
                  ),
                ),
              ],
            ),
            mFlex(10),
          ],
        ),
      ),
    );
  }
}