feat: login view

lib/features/auth/login/view/phone_number_view.dart

@@ -0,0 +1,111 @@
+import 'package:cims_apps/application/assets/path_assets.dart';
+import 'package:cims_apps/application/component/button/button_view.dart';
+import 'package:cims_apps/application/component/image/image_view.dart';
+import 'package:cims_apps/application/component/text_form/text_form_view.dart';
+import 'package:cims_apps/application/component/text_title/text_title.dart';
+import 'package:cims_apps/application/theme/color_palette.dart';
+import 'package:cims_apps/core/utils/size_config.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+class PhoneNumberView extends StatelessWidget {
+  final void Function() nextStep;
+  final TextEditingController controller;
+  const PhoneNumberView({super.key, required this.nextStep, required this.controller});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: SizeConfig.width,
+      height: SizeConfig.height,
+      padding: const EdgeInsets.all(24),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          const TextTitle(title: 'Enter your phone number', fontSize: 24),
+          SizedBox(
+            height: 24,
+          ),
+          TextFormView(
+            name: 'Phone Number',
+            keyboardType: TextInputType.number,
+            ctrl: controller,
+            inputFormatters: [
+              FilteringTextInputFormatter.deny(RegExp(r'^0'))
+            ],
+            prefixIcon: Container(
+                width: SizeConfig.width * .23,
+                padding:
+                const EdgeInsets.symmetric(horizontal: 16.0),
+                margin: const EdgeInsets.only(right: 16),
+                decoration: const BoxDecoration(
+                    color: ColorPalette.grey,
+                    borderRadius: BorderRadius.only(
+                      topLeft: Radius.circular(8),
+                      bottomLeft: Radius.circular(8),
+                    )),
+                child: const Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    ImageView(
+                      image: PathAssets.iconFlag,
+                      fit: BoxFit.contain,
+                      width: 24,
+                      height: 24,
+                    ),
+                    Text(
+                      '+62',
+                      style: TextStyle(
+                        fontWeight: FontWeight.w600,
+                        color: ColorPalette.slate800,
+                      ),
+                    )
+                  ],
+                )),
+            validator: (value) {
+              if (value!.isEmpty) {
+                return 'Phone number must be filled';
+              } else {
+                return null;
+              }
+            },
+          ),
+          SizedBox(
+            height: 32,
+          ),
+          ButtonView(
+            name: 'Next',
+            heightWrapContent: true,
+            width: SizeConfig.width,
+            marginVertical: 0,
+            contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+            onPressed: nextStep,
+          ),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Text(
+                "Don't have an account yet?",
+                style: TextStyle(
+                  color: ColorPalette.slate500,
+                ),
+              ),
+              TextButton(
+                  onPressed: () {
+
+                  },
+                  child: Text(
+                    'Sign Up',
+                    style: TextStyle(
+                        fontWeight: FontWeight.w600,
+                        color: ColorPalette.primary
+                    ),
+                  )
+              )
+            ],
+          )
+        ],
+      ),
+    );
+  }
+}