cssd/lib/pages/LoginRegisterPages/login_screen.dart

import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:provider/provider.dart';

import '../../config/routes.dart';
import '../../providers/auth.dart';
import '../../providers/connectivity.dart';
import '../../widgets/Global/internet_error.dart';

class LoginScreen extends StatefulWidget {
  // static const route = '/HomeScreen';

  @override
  State<StatefulWidget> createState() {
    return _LoginScreenState();
  }
}

class _LoginScreenState extends State<LoginScreen> {
  final _passwordFocusNode = FocusNode();
  final _form = GlobalKey<FormState>();
  bool _isLoading = false;
  final cellNumberController = TextEditingController();
  final passwordController = TextEditingController();

  bool _hidePass = true;
  Map<String, dynamic> map = Map<String, dynamic>();

  @override
  void initState() {
    if (map['cellNumber'] != null) {
      cellNumberController.text = map['cellNumber'];
    }
    super.initState();
  }

  @override
  void dispose() {
    _passwordFocusNode.dispose();
    super.dispose();
  }

  void _showDialog(String message) {
    showDialog(
      context: context,
      builder: (ctx) => AlertDialog(
        title: Text('Error'),
        content: Text(message),
        actions: <Widget>[
          TextButton(
            child: Text('Ok'),
            onPressed: () {
              Navigator.of(ctx).pop();
            },
          ),
        ],
      ),
    );
  }

  void _login() async {
    if (!_form.currentState!.validate()) {
      return;
    }
    _form.currentState!.save();
    setState(() {
      _isLoading = true;
    });
    await Provider.of<Auth>(context, listen: false)
        .login(
      map['cellNumber'],
      map['password'],
    )
        .then(
      (result) {
        if (result == 'error') {
          _showDialog('Something went wrong!');
          setState(
            () {
              _isLoading = false;
            },
          );
        } else if (result == 'badinput') {
          _showDialog('User or password incorrect!');
          setState(
            () {
              _isLoading = false;
            },
          );
        }
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    final _media = MediaQuery.of(context);
    // final double _pixelRatio = (_media.size.height / _media.size.width * 7 / 5);
    final double _devicewidth = _media.size.width;
    final double _deviceBlockSize = _devicewidth / 100;
    return SafeArea(
      child: GestureDetector(
        onTap: () {
          FocusManager.instance.primaryFocus?.unfocus();
        },
        child: Scaffold(
            appBar: AppBar(
              centerTitle: true,
              title: Text('CSSD', style: TextStyle(color: Colors.white,),),
              backgroundColor: Colors.black,
            ),
            body: Selector<ConnectivityProvider, String>(
              builder: (ctx, value, _) => value != 'offline'
                  ? _isLoading
                      ? Center(
                          child: CircularProgressIndicator(
                            color: Colors.black,
                          ),
                        )
                      : Form(
                          key: _form,
                          child: ListView(
                            padding: EdgeInsets.symmetric(horizontal: 20),
                            children: <Widget>[
                              Container(
                                padding: EdgeInsets.symmetric(vertical: 20),
                                child: Text(
                                  'Login',
                                  textAlign: TextAlign.left,
                                  style: TextStyle(
                                    color: Colors.black,
                                    fontSize: 6 * _deviceBlockSize,
                                    letterSpacing: 3,
                                    fontWeight: FontWeight.w700,
                                  ),
                                ),
                              ),
                              TextFormField(
                                validator: (value) {
                                  if (value!.isEmpty) {
                                    return 'Call number is required.';
                                  }
                                  RegExp regExp =
                                      RegExp(r'^09[0,1,2,3,9]{1}[0-9]{8}$');
                                  if (!regExp.hasMatch(value)) {
                                    return 'Enter a valid cell number';
                                  }
                                  return null;
                                },
                                controller: cellNumberController,
                                decoration: InputDecoration(
                                  icon: Icon(
                                    Icons.call,
                                    size: 6 * _deviceBlockSize,
                                  ),
                                  labelStyle: TextStyle(
                                    fontWeight: FontWeight.w100,
                                    fontSize: 4 * _deviceBlockSize,
                                  ),
                                  labelText: 'Call Number',
                                  isDense: true,
                                  contentPadding: EdgeInsets.symmetric(
                                    vertical: 2,
                                    horizontal: 3,
                                  ),
                                ),
                                style: TextStyle(
                                  fontWeight: FontWeight.w700,
                                  fontSize: 5 * _deviceBlockSize,
                                ),
                                keyboardType: TextInputType.phone,
                                textInputAction: TextInputAction.next,
                                onFieldSubmitted: (_) {
                                  FocusScope.of(context)
                                      .requestFocus(_passwordFocusNode);
                                },
                                onSaved: (value) {
                                  map['cellNumber'] = value;
                                },
                              ),
                              SizedBox(
                                height: 30,
                              ),
                              TextFormField(
                                validator: (value) {
                                  if (value!.isEmpty) {
                                    return 'Password is required.';
                                  }
                                  if (value.length < 8) {
                                    return 'Password at least is 8 characters.';
                                  }
                                  return null;
                                },
                                obscureText: _hidePass,
                                controller: passwordController,
                                decoration: InputDecoration(
                                  icon: Icon(
                                    FontAwesomeIcons.starOfLife,
                                    size: 6 * _deviceBlockSize,
                                  ),
                                  labelStyle: TextStyle(
                                    fontWeight: FontWeight.w100,
                                    fontSize: 4 * _deviceBlockSize,
                                  ),
                                  labelText: 'Password',
                                  isDense: true,
                                  contentPadding: EdgeInsets.symmetric(
                                    vertical: 2,
                                    horizontal: 3,
                                  ),
                                  suffixIcon: InkWell(
                                    child: Icon(FontAwesomeIcons.eye),
                                    onTap: () {
                                      setState(() {
                                        _hidePass = !_hidePass;
                                      });
                                    },
                                  ),
                                ),
                                style: TextStyle(
                                  fontWeight: FontWeight.w700,
                                  fontSize: 5 * _deviceBlockSize,
                                ),
                                textInputAction: TextInputAction.done,
                                onFieldSubmitted: (_) {
                                  _login();
                                },
                                keyboardType: TextInputType.visiblePassword,
                                focusNode: _passwordFocusNode,
                                onSaved: (value) {
                                  map['password'] = value;
                                },
                              ),
                              SizedBox(height: 40),
                              InkWell(
                                onTap: () => _login(),
                                child: Container(
                                  width: _devicewidth,
                                  padding: EdgeInsets.all(10),
                                  decoration: BoxDecoration(
                                    color: Colors.black,
                                    borderRadius: BorderRadius.circular(7),
                                  ),
                                  child: Row(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    mainAxisSize: MainAxisSize.min,
                                    children: <Widget>[
                                      Icon(
                                        Icons.exit_to_app,
                                        color: Colors.white,
                                      ),
                                      SizedBox(
                                        width: 5.0,
                                      ),
                                      Text(
                                        'Login',
                                        style: TextStyle(
                                          color: Colors.white,
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                              SizedBox(height: 10),
                              TextButton(
                                child: Align(
                                  alignment: Alignment.center,
                                  child: Text(
                                    'Forgot Password ?',
                                    style: TextStyle(
                                      color: Colors.black54,
                                      decoration: TextDecoration.underline,
                                    ),
                                  ),
                                ),
                                onPressed: () => Navigator.of(context)
                                    .pushNamed(Routes.forgetPassScreen),
                              ),
                            ],
                          ),
                        )
                  : ConnectionErrorBox(),
              selector: (_, connectivity) => connectivity.conStatus,
            )),
      ),
    );
  }
}