CityCards_Customer_Flutter/lib/create_account/view/create_account_view.dart

import 'package:citycards_customer/common_packages/app_bar.dart';
import 'package:citycards_customer/common_packages/custom_filled_button.dart';
import 'package:citycards_customer/common_packages/custom_text.dart';
import 'package:citycards_customer/common_packages/custom_textfield.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../localPreference/local_preference.dart';
import '../../profile/bloc/profile/profile_bloc.dart';
import '../../profile/bloc/profile/profile_event.dart';
import '../bloc/create_account_bloc.dart';
import '../bloc/create_account_event.dart';
import '../bloc/create_account_state.dart';
import '../repository/create_account_repository.dart';

class CreateAccountView extends StatelessWidget {
  final String email;
  CreateAccountView({super.key, required this.email});

  final TextEditingController firstNameController = TextEditingController();
  final TextEditingController lastNameController = TextEditingController();
  final TextEditingController emailController = TextEditingController();
  final TextEditingController phoneController = TextEditingController();
  final TextEditingController addressController = TextEditingController();

  void _submitForm(BuildContext context) {
    if (firstNameController.text.trim().isEmpty ||
        lastNameController.text.trim().isEmpty ||
        emailController.text.trim().isEmpty ||
        phoneController.text.trim().isEmpty ||
        addressController.text.trim().isEmpty) {
      ScaffoldMessenger.of(
        context,
      ).showSnackBar(const SnackBar(content: Text('Please fill all fields')));
      return;
    }

    context.read<CreateAccountBloc>().add(
      CreateAccountSubmitted(
        firstName: firstNameController.text.trim(),
        lastName: lastNameController.text.trim(),
        emailAddress: emailController.text.trim(),
        mobileNumber: phoneController.text.trim(),
        address1: addressController.text.trim(),
        address2: '',
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    emailController.text = email;
    return BlocProvider(
      create: (context) =>
          CreateAccountBloc(repository: CreateAccountRepository()),
      child: BlocListener<CreateAccountBloc, CreateAccountState>(
        listener: (ctx, state) async {
          if (state is CreateAccountSuccess) {
            ScaffoldMessenger.of(
              context,
            ).showSnackBar(SnackBar(content: Text(state.message)));
            await LocalPreference.setLogin(true);
            final userId = await LocalPreference.getUserId();
            context.read<ProfileBloc>().add(FetchProfileEvent(userId: userId!));
            context.read<ProfileBloc>().add(CheckLoginStatusEvent());
            Navigator.pop(context);
            Navigator.pop(context);
          } else if (state is CreateAccountFailure) {
            ScaffoldMessenger.of(context).showSnackBar(
              SnackBar(
                content: Text(state.errorMessage),
                backgroundColor: Colors.red,
              ),
            );
          }
        },
        child: Scaffold(
          backgroundColor: Colors.white,
          body: SafeArea(
            child: Column(
              children: [
                Padding(
                  padding: EdgeInsets.symmetric(horizontal: 20.w),
                  child: CommonAppBar(
                    isWhiteLogo: false,
                    isProfilePage: false,
                    showCart: false,
                    showDivider: true,
                  ),
                ),

                /// 🔹 Scrollable content starts here
                Expanded(
                  child: SingleChildScrollView(
                    padding: EdgeInsets.symmetric(horizontal: 20.w),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Row(
                          children: [
                            GestureDetector(
                              onTap: () {
                                Navigator.pop(context);
                              },
                              child: const Icon(Icons.arrow_back),
                            ),
                            SizedBox(width: 8.w),
                            CustomText(
                              text: "Create your account",
                              size: 12.sp,
                            ),
                          ],
                        ),

                        SizedBox(height: 26.h),

                        CustomText(
                          text: "Personal Information",
                          size: 18.sp,
                          weight: FontWeight.w500,
                        ),

                        SizedBox(height: 12.h),

                        Padding(
                          padding: EdgeInsets.symmetric(horizontal: 12.w),
                          child: CustomTextField(
                            label: "First Name",
                            hint: "Enter your first name",
                            controller: firstNameController,
                          ),
                        ),
                        Padding(
                          padding: EdgeInsets.symmetric(horizontal: 12.w),
                          child: CustomTextField(
                            label: "Last Name",
                            hint: "Enter your last name",
                            controller: lastNameController,
                          ),
                        ),
                        Padding(
                          padding: EdgeInsets.symmetric(horizontal: 12.w),
                          child: CustomTextField(
                            label: "Email",
                            hint: "Enter your email address",
                            controller: emailController,
                            enabled: false,
                          ),
                        ),
                        Padding(
                          padding: EdgeInsets.symmetric(horizontal: 12.w),
                          child: CustomTextField(
                            label: "Phone Number",
                            hint: "Enter your phone number",
                            controller: phoneController,
                          ),
                        ),

                        SizedBox(height: 12.h),

                        CustomText(
                          text: "Location Details",
                          size: 18.sp,
                          weight: FontWeight.w500,
                        ),

                        SizedBox(height: 16.h),

                        Padding(
                          padding: EdgeInsets.symmetric(horizontal: 12.w),
                          child: CustomTextField(
                            label: "Address 1",
                            hint: "Enter address manually or tap to search",
                            controller: addressController,
                          ),
                        ),

                        SizedBox(height: 20.h),

                        BlocBuilder<CreateAccountBloc, CreateAccountState>(
                          builder: (context, state) {
                            if (state is CreateAccountLoading) {
                              return CustomFilledButton(
                                width: double.infinity,
                                onTap: () {},
                                label: "Creating...",
                              );
                            }
                            return CustomFilledButton(
                              width: double.infinity,
                              onTap: () => _submitForm(context),
                              label: "Create Account",
                            );
                          },
                        ),

                        SizedBox(height: 20.h),
                      ],
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}