253 lines
11 KiB
Dart
253 lines
11 KiB
Dart
import 'dart:io';
|
||
|
||
import 'package:driver/app/auth_screen/phone_number_screen.dart';
|
||
import 'package:driver/app/auth_screen/signup_screen.dart';
|
||
import 'package:driver/app/forgot_password_screen/forgot_password_screen.dart';
|
||
import 'package:driver/constant/show_toast_dialog.dart';
|
||
import 'package:driver/controllers/login_controller.dart';
|
||
import 'package:driver/themes/app_them_data.dart';
|
||
import 'package:driver/themes/responsive.dart';
|
||
import 'package:driver/themes/round_button_fill.dart';
|
||
import 'package:driver/themes/text_field_widget.dart';
|
||
import 'package:driver/themes/theme_controller.dart';
|
||
import 'package:flutter/gestures.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_svg/flutter_svg.dart';
|
||
import 'package:get/get.dart';
|
||
|
||
class LoginScreen extends StatelessWidget {
|
||
const LoginScreen({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final themeController = Get.find<ThemeController>();
|
||
final isDark = themeController.isDark.value;
|
||
return GetX(
|
||
init: LoginController(),
|
||
builder: (controller) {
|
||
return Scaffold(
|
||
appBar: AppBar(
|
||
backgroundColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
|
||
),
|
||
body: Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(
|
||
"Log In to Your Account".tr,
|
||
style: TextStyle(color: isDark ? AppThemeData.grey50 : AppThemeData.grey900, fontSize: 22, fontFamily: AppThemeData.semiBold),
|
||
),
|
||
Text(
|
||
"Sign in to access your eMart account and manage your deliveries seamlessly.".tr,
|
||
style: TextStyle(color: isDark ? AppThemeData.grey50 : AppThemeData.grey500, fontFamily: AppThemeData.regular),
|
||
),
|
||
const SizedBox(
|
||
height: 10,
|
||
),
|
||
Text.rich(
|
||
TextSpan(
|
||
children: [
|
||
TextSpan(
|
||
text: "Didn’t Have an account?".tr,
|
||
style: TextStyle(
|
||
color: isDark ? AppThemeData.grey50 : AppThemeData.grey900,
|
||
fontFamily: AppThemeData.medium,
|
||
fontWeight: FontWeight.w500,
|
||
)),
|
||
const WidgetSpan(
|
||
child: SizedBox(
|
||
width: 10,
|
||
)),
|
||
TextSpan(
|
||
recognizer: TapGestureRecognizer()
|
||
..onTap = () {
|
||
Get.to(const SignupScreen());
|
||
},
|
||
text: 'Sign up'.tr,
|
||
style: TextStyle(
|
||
color: AppThemeData.primary300,
|
||
fontFamily: AppThemeData.medium,
|
||
fontWeight: FontWeight.w500,
|
||
decoration: TextDecoration.underline,
|
||
decorationColor: AppThemeData.primary300)),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(
|
||
height: 32,
|
||
),
|
||
TextFieldWidget(
|
||
title: 'Email Address'.tr,
|
||
controller: controller.emailEditingController.value,
|
||
hintText: 'Enter email address'.tr,
|
||
prefix: Padding(
|
||
padding: const EdgeInsets.all(12),
|
||
child: SvgPicture.asset(
|
||
"assets/icons/ic_mail.svg",
|
||
colorFilter: ColorFilter.mode(
|
||
isDark ? AppThemeData.grey300 : AppThemeData.grey600,
|
||
BlendMode.srcIn,
|
||
),
|
||
),
|
||
),
|
||
textInputAction: TextInputAction.next,
|
||
),
|
||
TextFieldWidget(
|
||
title: 'Password'.tr,
|
||
controller: controller.passwordEditingController.value,
|
||
hintText: 'Enter password'.tr,
|
||
obscureText: controller.passwordVisible.value,
|
||
prefix: Padding(
|
||
padding: const EdgeInsets.all(12),
|
||
child: SvgPicture.asset(
|
||
"assets/icons/ic_lock.svg",
|
||
colorFilter: ColorFilter.mode(
|
||
isDark ? AppThemeData.grey300 : AppThemeData.grey600,
|
||
BlendMode.srcIn,
|
||
),
|
||
),
|
||
),
|
||
suffix: Padding(
|
||
padding: const EdgeInsets.all(12),
|
||
child: InkWell(
|
||
onTap: () {
|
||
controller.passwordVisible.value = !controller.passwordVisible.value;
|
||
},
|
||
child: controller.passwordVisible.value
|
||
? SvgPicture.asset(
|
||
"assets/icons/ic_password_show.svg",
|
||
colorFilter: ColorFilter.mode(
|
||
isDark ? AppThemeData.grey300 : AppThemeData.grey600,
|
||
BlendMode.srcIn,
|
||
),
|
||
)
|
||
: SvgPicture.asset(
|
||
"assets/icons/ic_password_close.svg",
|
||
colorFilter: ColorFilter.mode(
|
||
isDark ? AppThemeData.grey300 : AppThemeData.grey600,
|
||
BlendMode.srcIn,
|
||
),
|
||
)),
|
||
),
|
||
textInputAction: TextInputAction.done,
|
||
),
|
||
InkWell(
|
||
onTap: () {
|
||
Get.to(const ForgotPasswordScreen());
|
||
},
|
||
child: Align(
|
||
alignment: Alignment.centerRight,
|
||
child: Text(
|
||
"Forgot Password".tr,
|
||
style: TextStyle(
|
||
decoration: TextDecoration.underline,
|
||
decorationColor: AppThemeData.primary300,
|
||
color: isDark ? AppThemeData.primary300 : AppThemeData.primary300,
|
||
fontSize: 14,
|
||
fontFamily: AppThemeData.medium),
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(
|
||
height: 30,
|
||
),
|
||
],
|
||
),
|
||
),
|
||
bottomNavigationBar: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Padding(
|
||
padding: EdgeInsets.symmetric(vertical: Platform.isAndroid ? 10 : 30, horizontal: 16),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
RoundedButtonFill(
|
||
title: "Continue with Mobile Number".tr,
|
||
textColor: isDark ? AppThemeData.grey100 : AppThemeData.grey900,
|
||
color: isDark ? AppThemeData.grey900 : AppThemeData.grey100,
|
||
icon: SvgPicture.asset(
|
||
"assets/icons/ic_phone.svg",
|
||
colorFilter: const ColorFilter.mode(AppThemeData.grey900, BlendMode.srcIn),
|
||
),
|
||
isRight: false,
|
||
onPress: () async {
|
||
Get.to(const PhoneNumberScreen());
|
||
},
|
||
),
|
||
const SizedBox(
|
||
height: 12,
|
||
),
|
||
Row(
|
||
children: [
|
||
Expanded(
|
||
child: RoundedButtonFill(
|
||
title: "with Google".tr,
|
||
textColor: isDark ? AppThemeData.grey100 : AppThemeData.grey900,
|
||
color: isDark ? AppThemeData.grey900 : AppThemeData.grey100,
|
||
icon: SvgPicture.asset("assets/icons/ic_google.svg"),
|
||
isRight: false,
|
||
onPress: () async {
|
||
controller.loginWithGoogle();
|
||
},
|
||
),
|
||
),
|
||
const SizedBox(
|
||
width: 10,
|
||
),
|
||
Platform.isIOS
|
||
? Expanded(
|
||
child: RoundedButtonFill(
|
||
title: "with Apple".tr,
|
||
textColor: isDark ? AppThemeData.grey100 : AppThemeData.grey900,
|
||
color: isDark ? AppThemeData.grey900 : AppThemeData.grey100,
|
||
icon: SvgPicture.asset("assets/icons/ic_apple.svg"),
|
||
isRight: false,
|
||
onPress: () async {
|
||
controller.loginWithApple();
|
||
},
|
||
),
|
||
)
|
||
: const SizedBox(),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
InkWell(
|
||
onTap: () {
|
||
if (controller.emailEditingController.value.text.trim().isEmpty) {
|
||
ShowToastDialog.showToast("Please enter valid email".tr);
|
||
} else if (controller.passwordEditingController.value.text.trim().isEmpty) {
|
||
ShowToastDialog.showToast("Please enter valid password".tr);
|
||
} else {
|
||
controller.loginWithEmailAndPassword();
|
||
}
|
||
},
|
||
child: Container(
|
||
color: AppThemeData.primary300,
|
||
width: Responsive.width(100, context),
|
||
height: Responsive.width(16, context),
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 16),
|
||
child: Text(
|
||
"Log in".tr,
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(
|
||
color: isDark ? AppThemeData.grey50 : AppThemeData.grey50,
|
||
fontSize: 16,
|
||
fontFamily: AppThemeData.medium,
|
||
fontWeight: FontWeight.w400,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
});
|
||
}
|
||
}
|