intaleq/intaleq_driver/lib/views/home/profile/passenger_profile_page.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:intaleq_driver/constant/box_name.dart';
import 'package:intaleq_driver/constant/colors.dart';
import 'package:intaleq_driver/constant/style.dart';
import 'package:intaleq_driver/controller/profile/profile_controller.dart';
import 'package:intaleq_driver/main.dart';
import 'package:intaleq_driver/views/widgets/elevated_btn.dart';
import 'package:intaleq_driver/views/widgets/my_scafold.dart';
import 'package:intaleq_driver/views/widgets/my_textField.dart';
import 'package:intaleq_driver/views/widgets/mycircular.dart';

import '../../../controller/functions/log_out.dart';

class PassengerProfilePage extends StatelessWidget {
  PassengerProfilePage({super.key});
  LogOutController logOutController = Get.put(LogOutController());
  @override
  Widget build(BuildContext context) {
    Get.put(ProfileController());

    return MyScafolld(
      isleading: true,
      title: 'My Profile'.tr,
      body: [
        GetBuilder<ProfileController>(
            builder: (controller) => controller.isloading
                ? const MyCircularProgressIndicator()
                : Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 15),
                    child: SizedBox(
                      height: Get.height,
                      child: SingleChildScrollView(
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.start,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Text(
                              'Edit Profile'.tr,
                              style: AppStyle.headTitle2,
                            ),
                            ListTile(
                              title: Text(
                                'Name'.tr,
                                style: AppStyle.title,
                              ),
                              leading: const Icon(
                                Icons.person_pin_rounded,
                                size: 35,
                              ),
                              trailing: const Icon(Icons.arrow_forward_ios),
                              subtitle: Text(
                                  '${controller.prfoileData['first_name']} ${controller.prfoileData['last_name']}'),
                              onTap: () {
                                controller.updatField(
                                    'first_name', TextInputType.name);
                              },
                            ),
                            ListTile(
                              title: Text(
                                'Gender'.tr,
                                style: AppStyle.title,
                              ),
                              leading: Image.asset(
                                'assets/images/gender.png',
                                width: 35,
                              ),
                              trailing: const Icon(Icons.arrow_forward_ios),
                              subtitle: Text(
                                  controller.prfoileData['gender'].toString()),
                              onTap: () {
                                Get.defaultDialog(
                                    title: 'Update Gender'.tr,
                                    content: Column(
                                      children: [
                                        GenderPicker(),
                                        MyElevatedButton(
                                          title: 'Update'.tr,
                                          onPressed: () {
                                            controller.updateColumn({
                                              'id': controller.prfoileData['id']
                                                  .toString(),
                                              'gender': controller.gender,
                                            });
                                            Get.back();
                                          },
                                        )
                                      ],
                                    ));
                                // controller.updatField('gender');
                              },
                            ),
                            ListTile(
                              title: Text(
                                'Education'.tr,
                                style: AppStyle.title,
                              ),
                              leading: Image.asset(
                                'assets/images/education.png',
                                width: 35,
                              ),
                              trailing: const Icon(Icons.arrow_forward_ios),
                              subtitle: Text(controller.prfoileData['education']
                                  .toString()),
                              onTap: () {
                                Get.defaultDialog(
                                    barrierDismissible: true,
                                    title: 'Update Education'.tr,
                                    content: SizedBox(
                                      height: 200,
                                      child: Column(
                                        children: [
                                          EducationDegreePicker(),
                                        ],
                                      ),
                                    ),
                                    confirm: MyElevatedButton(
                                      title: 'Update Education'.tr,
                                      onPressed: () {
                                        controller.updateColumn({
                                          'id': controller.prfoileData['id']
                                              .toString(),
                                          'education':
                                              controller.selectedDegree,
                                        });
                                        Get.back();
                                      },
                                    ));
                              },
                            ),
                            ListTile(
                              title: Text(
                                'Employment Type'.tr,
                                style: AppStyle.title,
                              ),
                              leading: Image.asset(
                                'assets/images/employmentType.png',
                                width: 35,
                              ),
                              trailing: const Icon(Icons.arrow_forward_ios),
                              subtitle: Text(controller
                                  .prfoileData['employmentType']
                                  .toString()),
                              onTap: () {
                                controller.updatField(
                                    'employmentType', TextInputType.name);
                              },
                            ),
                            ListTile(
                              title: Text(
                                'Marital Status'.tr,
                                style: AppStyle.title,
                              ),
                              leading: Image.asset(
                                'assets/images/maritalStatus.png',
                                width: 35,
                              ),
                              trailing: const Icon(Icons.arrow_forward_ios),
                              subtitle: Text(controller
                                  .prfoileData['maritalStatus']
                                  .toString()),
                              onTap: () {
                                controller.updatField(
                                    'maritalStatus', TextInputType.name);
                              },
                            ),
                            ListTile(
                              title: Text(
                                'SOS Phone'.tr,
                                style: AppStyle.title,
                              ),
                              leading: const Icon(
                                Icons.sos,
                                color: AppColor.redColor,
                                size: 35,
                              ),
                              trailing: const Icon(Icons.arrow_forward_ios),
                              subtitle: Text(controller.prfoileData['sosPhone']
                                  .toString()),
                              onTap: () async {
                                await controller.updatField(
                                    'sosPhone', TextInputType.phone);
                                box.write(BoxName.sosPhonePassenger,
                                    controller.prfoileData['sosPhone']);
                              },
                            ),
                            // const Spacer(),
                            Row(
                              mainAxisAlignment: MainAxisAlignment.spaceAround,
                              children: [
                                MyElevatedButton(
                                    title: 'Sign Out'.tr,
                                    onPressed: () {
                                      LogOutController().logOutPassenger();
                                    }),
                                GetBuilder<LogOutController>(
                                    builder: (logOutController) {
                                  return MyElevatedButton(
                                      title: 'Delete My Account'.tr,
                                      onPressed: () {
                                        Get.defaultDialog(
                                            title:
                                                'Are you sure to delete your account?'
                                                    .tr,
                                            content: Form(
                                              key: logOutController.formKey1,
                                              child: MyTextForm(
                                                controller: logOutController
                                                    .emailTextController,
                                                label: 'Type your Email'.tr,
                                                hint: 'Type your Email'.tr,
                                                type:
                                                    TextInputType.emailAddress,
                                              ),
                                            ),
                                            confirm: MyElevatedButton(
                                                title: 'Delete My Account'.tr,
                                                kolor: AppColor.redColor,
                                                onPressed: () async {
                                                  await logOutController
                                                      .deletePassengerAccount();
                                                }),
                                            cancel: MyElevatedButton(
                                                title: 'No I want'.tr,
                                                onPressed: () {
                                                  logOutController
                                                      .emailTextController
                                                      .clear();
                                                  logOutController.update();
                                                  Get.back();
                                                }));
                                      });
                                }),
                              ],
                            ),
                          ],
                        ),
                      ),
                    ),
                  )),
      ],
    );
  }
}

class GenderPicker extends StatelessWidget {
  final ProfileController controller = Get.put(ProfileController());

  final List<String> genderOptions = ['Male'.tr, 'Female'.tr, 'Other'.tr];

  GenderPicker({super.key});

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: 100,
      child: CupertinoPicker(
        itemExtent: 32.0,
        onSelectedItemChanged: (int index) {
          controller.setGender(genderOptions[index]);
        },
        children: genderOptions.map((String value) {
          return Text(value);
        }).toList(),
      ),
    );
  }
}

class EducationDegreePicker extends StatelessWidget {
  final ProfileController controller = Get.put(ProfileController());

  final List<String> degreeOptions = [
    'High School Diploma'.tr,
    'Associate Degree'.tr,
    'Bachelor\'s Degree'.tr,
    'Master\'s Degree'.tr,
    'Doctoral Degree'.tr,
  ];

  EducationDegreePicker({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: 200,
      child: CupertinoPicker(
        // backgroundColor: AppColor.accentColor,
        // looping: true,
        squeeze: 2,
        // diameterRatio: 5,
        itemExtent: 32,
        onSelectedItemChanged: (int index) {
          controller.setDegree(degreeOptions[index]);
        },
        children: degreeOptions.map((String value) {
          return Text(value);
        }).toList(),
      ),
    );
  }
}