fcs/lib/pages/profile/profile_page.dart

import 'package:fcs/domain/entities/user.dart';
import 'package:fcs/domain/vo/privilege.dart';
import 'package:fcs/localization/transalation.dart';
import 'package:fcs/pages/delivery_address/delivery_address_list.dart';
import 'package:fcs/pages/delivery_address/delivery_address_row.dart';
import 'package:fcs/pages/delivery_address/model/delivery_address_model.dart';
import 'package:fcs/pages/main/model/language_model.dart';
import 'package:fcs/pages/main/model/main_model.dart';
import 'package:fcs/pages/main/util.dart';
import 'package:fcs/pages/profile/profile_currency_edit.dart';
import 'package:fcs/pages/profile/profile_edit.dart';
import 'package:fcs/pages/staff/model/staff_model.dart';
import 'package:fcs/pages/widgets/display_text.dart';
import 'package:fcs/pages/widgets/fcs_id_icon.dart';
import 'package:fcs/pages/widgets/local_app_bar.dart';
import 'package:fcs/pages/widgets/local_text.dart';
import 'package:fcs/pages/widgets/progress.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:provider/provider.dart';
import 'package:flutter_vector_icons/flutter_vector_icons.dart';

import '../../helpers/theme.dart';
import 'package:collection/collection.dart';

import 'account_delection_page.dart';
import 'add_recovery_email.dart';
import 'change_phone_number.dart';

typedef ProfileCallback = void Function();

class Profile extends StatefulWidget {
  const Profile({super.key});

  @override
  _ProfileState createState() => _ProfileState();
}

class _ProfileState extends State<Profile> {
  GlobalKey<ScaffoldMessengerState> key = GlobalKey<ScaffoldMessengerState>();
  bool _isLoading = false;
  String? selectedLanguage;
  TextEditingController bizNameController = new TextEditingController();

  static final List<String> languagesList = Translation().supportedLanguages;
  static final List<String> languageCodesList =
      Translation().supportedLanguagesCodes;

  final Map<dynamic, dynamic> languagesMap = {
    languagesList[0]: languageCodesList[0],
    languagesList[1]: languageCodesList[1],
  };

  buildLanguage(LanguageModel languageModel) async {
    var lan = await languageModel.load();
    if (selectedLanguage != lan) {
      setState(() {
        selectedLanguage = lan;
      });
    }
  }

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    MainModel mainModel = Provider.of<MainModel>(context);
    LanguageModel languageModel = Provider.of<LanguageModel>(context);
    if (mainModel.user == null) {
      return Container();
    }
    User user = mainModel.user!;

    buildLanguage(languageModel);
    var deliveryAddressModel = Provider.of<DeliveryAddressModel>(context);

    final currencyBox = settingRow(
      context,
      label: 'profile.currency',
      iconData: FontAwesome5Solid.money_bill_wave,
      text: user.preferCurrency ?? "",
      onTap: () {
        _editCurrency();
      },
    );

    final fcsIDBox = Padding(
      padding: const EdgeInsets.symmetric(horizontal: 8),
      child: Row(
        children: [
          Expanded(
            child: DisplayText(
              text: user.fcsID ?? "",
              labelTextKey: "customer.fcs.id",
              icon: FcsIDIcon(),
            ),
          ),
          IconButton(
            icon: Icon(Icons.content_copy, color: Colors.grey),
            onPressed: () => _copy(
                getLocalString(context, "customer.fcs.id"), user.fcsID ?? ""),
          )
        ],
      ),
    );

    final usaShippingAddressBox = Padding(
      padding: const EdgeInsets.symmetric(horizontal: 8),
      child: Row(
        children: [
          Expanded(
            child: DisplayText(
              text: mainModel.setting!.usaAddress ?? "",
              labelTextKey: "profile.usa.shipping.address",
              iconData: Icons.location_on,
            ),
          ),
          IconButton(
            icon: Icon(Icons.content_copy, color: Colors.grey),
            onPressed: () => _copy(
                getLocalString(context, "profile.usa.shipping.address"),
                mainModel.setting!.usaAddress ?? ""),
          )
        ],
      ),
    );

    final logoutbutton = Padding(
      padding: const EdgeInsets.symmetric(horizontal: 15),
      child: fcsButton(context, getLocalString(context, "profile.logout"),
          callack: mainModel.isPinLogin
              ? null
              : () {
                  showConfirmDialog(context, "profile.logout.confirm",
                      () async {
                    await _logout();
                  });
                },
          iconData: Icons.exit_to_app),
    );

    final recoveryEmailBox = settingRow(
      context,
      label: 'profile.recovery.email',
      iconData: Icons.email_outlined,
      text: user.recoveryEmail,
      onTap: () {
        Navigator.of(context, rootNavigator: true).push(CupertinoPageRoute(
            builder: (context) => AddRecoveryEmail(user: user)));
      },
    );

    final phoneNumberBox = settingRow(
      context,
      label: 'profile.change.phone',
      iconData: Icons.phone,
      onTap: () {
        Navigator.of(context, rootNavigator: true).push(CupertinoPageRoute(
            builder: (context) => ChangePhoneNumber(user: user)));
      },
    );

    final titleBox = Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          mainAxisSize: MainAxisSize.min,
          children: [
            Text(
              user.name ?? "",
              style: TextStyle(fontSize: 18, color: Colors.black),
            ),
            const SizedBox(width: 5),
            InkResponse(
                radius: 20,
                onTap: _editName,
                child: Icon(Icons.edit, color: Colors.grey, size: 23))
          ],
        ),
        const SizedBox(height: 1),
        Text(
          user.phone,
          style: TextStyle(fontSize: 15, color: labelColor),
        ),
      ],
    );

    final deleteAccountBox = settingRow(
      context,
      label: 'profile.delete.title',
      iconData: MaterialCommunityIcons.account_remove,
      onTap: () {
        _editDelete();
      },
    );

    final deliverAddressBox = Padding(
      padding: const EdgeInsets.only(bottom: 5),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          settingRow(
            context,
            label: 'profile.default.delivery.address',
            iconData: MaterialCommunityIcons.truck_fast,
            onTap: () {
              Navigator.push(
                  context,
                  CupertinoPageRoute(
                      builder: (context) => DeliveryAddressList()));
            },
          ),
          Padding(
            padding: const EdgeInsets.only(left: 35),
            child: DeliveryAddressRow(
                key: ValueKey(deliveryAddressModel.defalutAddress.id),
                deliveryAddress: deliveryAddressModel.defalutAddress),
          ),
        ],
      ),
    );

    return LocalProgress(
      inAsyncCall: _isLoading,
      child: Scaffold(
        key: key,
        appBar: LocalAppBar(
            backgroundColor: Colors.white,
            labelColor: primaryColor,
            arrowColor: primaryColor,
            titleWidget: titleBox),
        body: ListView(
          children: <Widget>[
            const SizedBox(height: 5),
            fcsIDBox,
            usaShippingAddressBox,
            currencyBox,
            deliverAddressBox,
            // recoveryEmailBox,
            // Padding(
            //   padding: const EdgeInsets.symmetric(horizontal: 100,),
            //   child: Divider(thickness: 2),
            // ),
            // phoneNumberBox,
            buildLanguageWidget(
              context: context,
              text: "profile.language",
              iconData: Icons.language,
              isEng: languageModel.isEng,
            ),
            deleteAccountBox,
            //  Padding(
            //   padding: const EdgeInsets.symmetric(horizontal: 100,),
            //   child: Divider(thickness: 2),
            // ),
            getPrivilegeBox(context),
            SizedBox(height: 15),
            logoutbutton,
            SizedBox(height: 30)
          ],
        ),
      ),
    );
  }

  Widget buildLanguageWidget(
      {required String text,
      required BuildContext context,
      IconData? iconData,
      required bool isEng}) {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 8),
      child: Row(
        children: <Widget>[
          Icon(iconData, color: primaryColor),
          const SizedBox(width: 15),
          Expanded(
            child: LocalText(
              context,
              text,
              fontSize: 15.0,
              color: Colors.black54,
            ),
          ),
          Row(
            children: [
              isEng
                  ? Image.asset(
                      'icons/flags/png100px/us.png',
                      package: 'country_icons',
                      fit: BoxFit.fitWidth,
                      width: 25,
                    )
                  : Image.asset(
                      'icons/flags/png100px/mm.png',
                      package: 'country_icons',
                      fit: BoxFit.fitWidth,
                      width: 25,
                    ),
              Container(
                  width: 100,
                  padding: const EdgeInsets.only(left: 15),
                  child: DropdownButton(
                      value: selectedLanguage,
                      underline: const SizedBox(),
                      isExpanded: true,
                      items: languagesList
                          .map<DropdownMenuItem<String>>((String value) {
                        return DropdownMenuItem<String>(
                            value: value,
                            child: Text(
                              value,
                              style: const TextStyle(fontSize: 14),
                            ));
                      }).toList(),
                      onChanged: _selectedDropdown)),
            ],
          )
        ],
      ),
    );
  }

  _selectedDropdown(selected) {
    var languageModel = Provider.of<LanguageModel>(context, listen: false);
    languageModel.saveLanguage(selected);
    setState(() {
      selectedLanguage = selected;
    });
  }

  Widget getPrivilegeBox(BuildContext context) {
    User? user = Provider.of<MainModel>(context, listen: false).user;
    List<Privilege> _privileges =
        Provider.of<StaffModel>(context, listen: false).privileges;

    if (user == null || user.isCustomer()) return Container();

    List<Privilege> privileges = [];
    for (var e in user.privileges) {
      Privilege? p = _privileges.firstWhereOrNull((p) => p.id == e);

      if (p != null) {
        privileges.add(p);
      }
    }

    return privileges.isEmpty
        ? const SizedBox()
        : Padding(
            padding: const EdgeInsets.symmetric(horizontal: 8),
            child: Column(
              children: <Widget>[
                DisplayText(
                  labelTextKey: "profile.privileges",
                  iconData: MaterialCommunityIcons.clipboard_check_outline,
                ),
                Padding(
                  padding: const EdgeInsets.only(left: 30.0),
                  child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: getRowPrivilegeWidget(privileges)),
                )
              ],
            ),
          );
  }

  List<Widget> getRowPrivilegeWidget(List<Privilege> privileges) {
    return privileges.map((p) {
      return Container(
        padding: EdgeInsets.all(3.0),
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Icon(
              p.iconData,
              color: Colors.black38,
            ),
            SizedBox(
              width: 10,
            ),
            Flexible(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text("${p.name}",
                      style: TextStyle(
                          fontSize: 15.0,
                          fontStyle: FontStyle.normal,
                          color: Colors.black)),
                  Text(
                    "${p.desc}",
                    style: TextStyle(
                        fontSize: 14.0,
                        fontStyle: FontStyle.normal,
                        color: Colors.black38),
                  ),
                ],
              ),
            )
          ],
        ),
      );
    }).toList();
  }

  _copy(String title, String data) {
    Clipboard.setData(ClipboardData(text: data));
    _showToast(title);
  }

  _showToast(String title) {
    ScaffoldMessengerState? scaffold = key.currentState;

    scaffold ??= ScaffoldMessenger.of(context);

    scaffold.showSnackBar(
      SnackBar(
        content: Text('copied "$title" data to clipboard'),
        backgroundColor: secondaryColor,
        duration: Duration(seconds: 1),
      ),
    );
  }

  _editDelete() {
    Navigator.of(context).push<void>(CupertinoPageRoute(
        builder: (context) => AccountDelectionPage(
              onlogout: () {
                _logout();
              },
            )));
  }

  _editName() {
    Navigator.of(context)
        .push<void>(CupertinoPageRoute(builder: (context) => ProfileEdit()));
  }

  _editCurrency() {
    Navigator.of(context).push<void>(
        CupertinoPageRoute(builder: (context) => ProfileCurrencyEdit()));
  }

  _logout() async {
    setState(() {
      _isLoading = true;
    });
    try {
      await context.read<MainModel>().signout();
    } catch (e) {
    } finally {
      Future.delayed(Duration(seconds: 1), () {
        if (mounted) {
          setState(() {
            _isLoading = false;
          });
        }
      });
      Navigator.of(context)
          .pushNamedAndRemoveUntil("/welcome", ModalRoute.withName('/welcome'));
    }
  }
}