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: 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 {
                    // Your onPressed logic
                  },
                  child: Text(
                    'Back',
                    style: fontTextStyle(14, Color(0XFF646566), FontWeight.w500),
                  ),
                ),
              )
            ],
          ),
        ));
  }
}