watermanagement-suppliernew/lib/signup/signup_mobilenumber_screen.dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:supplier_new/common/settings.dart';
import 'package:supplier_new/login/login_signup_screen.dart';

import 'otp_screen.dart';

class SignUpMobileNumberScreen extends StatefulWidget {
  const SignUpMobileNumberScreen({super.key});

  @override
  State<SignUpMobileNumberScreen> createState() => _SignUpMobileNumberScreenState();
}

class _SignUpMobileNumberScreenState extends State<SignUpMobileNumberScreen> {
  TextEditingController mobileNumberController = TextEditingController();

  @override
  Widget build(BuildContext context) {

    return Scaffold(
      backgroundColor: Colors.white,
        body: SingleChildScrollView(
          child: Padding(
            padding: EdgeInsets.all(24),
            child: Column(
              children: [
                SizedBox(height: MediaQuery.of(context).size.height * .2),
                Center(
                  child: Text("AQUICK SUPPLIER",
                      style: fontTextStyle(20, Color(0XFF515253), FontWeight.w800)),
                ),
                SizedBox(height: MediaQuery.of(context).size.height * .05),
                CircleAvatar(radius: 80, backgroundColor: Color(0XFFF3F1FB)),
                SizedBox(height: MediaQuery.of(context).size.height * .05),
                Center(
                  child: Text(
                    "Welcome to Aquick Supplier",
                    style: fontTextStyle(20, Color(0XFF343637), FontWeight.w700),
                  ),
                ),
                SizedBox(height: MediaQuery.of(context).size.height * .004),
                Center(
                  child: Text(
                    "Sign up to be listed as a supplier, start deliveries and track orders",
                    style: fontTextStyle(12, Color(0XFF7E7F80), FontWeight.w400),
                    textAlign: TextAlign.center, // Keeps text centered in multiple lines
                  ),
                ),
                SizedBox(height:MediaQuery.of(context).size.height * .016,),
                Container(
                  child: TextFormField(
                    controller: mobileNumberController,
                    keyboardType: TextInputType.number,
                    textCapitalization: TextCapitalization.sentences,
                    maxLength: 10,
                    decoration: textFormFieldDecoration(Icons.phone,'Mobile Number'),
                    style:fontTextStyle(14,Color(0XFF2A2A2A),FontWeight.w400),
                    cursorColor: Color(0XFF8270DB),

                    //TextStyle(color: Colors.black,fontWeight: FontWeight.bold),
                  ),
                ),

                SizedBox(height: MediaQuery.of(context).size.height * .04),
                Container(
                    width: double.infinity,
                    height: MediaQuery.of(context).size.height * .06,
                    child: ElevatedButton(
                      style: ElevatedButton.styleFrom(
                        foregroundColor: Colors.white,
                        backgroundColor: primaryColor,
                        shape: RoundedRectangleBorder(
                          borderRadius:
                          BorderRadius.circular(24.0), // Customize the radius
                        ),
                      ),
                      onPressed: () async{
                        if(mobileNumberController.text.length>=10){

                          AppSettings.preLoaderDialog(context);

                          bool isOnline = await AppSettings.internetConnectivity();
                          if(isOnline){

                            var payload = new Map<String, dynamic>();
                            payload["phone"] = mobileNumberController.text.toString();

                            bool forgotPwd = await AppSettings.getOtp(payload);

                            if(forgotPwd){
                              Navigator.of(context,rootNavigator: true).pop();
                              Navigator.push(
                                  context,
                                  new MaterialPageRoute(
                                      builder: (__) => new Otpscreen(mobileNumber:mobileNumberController.text.toString())));

                            }
                            else{
                              AppSettings.longFailedToast('Please enter valid registered mobile number');
                            }
                          }
                          else{
                            Navigator.of(context,rootNavigator: true).pop();
                            AppSettings.longFailedToast("Please Check internet");
                          }



                        }
                        else{
                          AppSettings.longFailedToast('Please enter 10 digits of mobile number');
                        }

                      },
                      child: Text(
                        'Continue',
                        style: fontTextStyle(14, Color(0XFFFFFFFF), FontWeight.w600),
                      ),
                    )),
                SizedBox(height: MediaQuery.of(context).size.height * .012),
                Container(
                  width: double.infinity,
                  height: MediaQuery.of(context).size.height * .06,
                  child: ElevatedButton(
                    style: ElevatedButton.styleFrom(
                      foregroundColor: Color(0XFF757575),
                      backgroundColor: Colors.white,
                      shape: RoundedRectangleBorder(
                        borderRadius:
                        BorderRadius.circular(24.0), // Customize the radius
                        side: BorderSide(
                          color: Color(0XFF757575), // Border color
                          width: 1, // Border width
                        ),
                      ),
                    ),
                    onPressed: () async {
                    Navigator.pop(context);
                    },
                    child: Text(
                      'Back',
                      style: fontTextStyle(14, Color(0XFF646566), FontWeight.w500),
                    ),
                  ),
                )
              ],
            ),
          ),
        )
        );
  }
}