import 'package:awesome_extensions/awesome_extensions.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_form_builder/flutter_form_builder.dart';
import 'package:flutter_translate/flutter_translate.dart';
import 'package:go_router/go_router.dart';
import 'package:protobuf/protobuf.dart';
import 'package:veilid_support/veilid_support.dart';

import '../../layout/default_app_bar.dart';
import '../../proto/proto.dart' as proto;
import '../../theme/theme.dart';
import '../../tools/tools.dart';
import '../../veilid_processor/veilid_processor.dart';
import '../account_manager.dart';
import 'profile_edit_form.dart';

class EditAccountPage extends StatefulWidget {
  const EditAccountPage(
      {required this.superIdentityRecordKey,
      required this.existingProfile,
      super.key});

  @override
  State createState() => _EditAccountPageState();

  final TypedKey superIdentityRecordKey;
  final proto.Profile existingProfile;
  @override
  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
    super.debugFillProperties(properties);
    properties
      ..add(DiagnosticsProperty<TypedKey>(
          'superIdentityRecordKey', superIdentityRecordKey))
      ..add(DiagnosticsProperty<proto.Profile>(
          'existingProfile', existingProfile));
  }
}

class _EditAccountPageState extends State<EditAccountPage> {
  bool _isInAsyncCall = false;

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

    WidgetsBinding.instance.addPostFrameCallback((_) async {
      await changeWindowSetup(
          TitleBarStyle.normal, OrientationCapability.portraitOnly);
    });
  }

  Widget _editAccountForm(BuildContext context,
          {required Future<void> Function(GlobalKey<FormBuilderState>)
              onSubmit}) =>
      EditProfileForm(
        header: translate('edit_account_page.header'),
        instructions: translate('edit_account_page.instructions'),
        submitText: translate('edit_account_page.update'),
        submitDisabledText: translate('button.waiting_for_network'),
        onSubmit: onSubmit,
        initialValueCallback: (key) => switch (key) {
          EditProfileForm.formFieldName => widget.existingProfile.name,
          EditProfileForm.formFieldPronouns => widget.existingProfile.pronouns,
          String() => throw UnimplementedError(),
        },
      );

  @override
  Widget build(BuildContext context) {
    final displayModalHUD = _isInAsyncCall;
    final accountRecordsCubit = context.watch<AccountRecordsBlocMapCubit>();
    final accountRecordCubit = accountRecordsCubit
        .operate(widget.superIdentityRecordKey, closure: (c) => c);

    return Scaffold(
      // resizeToAvoidBottomInset: false,
      appBar: DefaultAppBar(
          title: Text(translate('edit_account_page.titlebar')),
          leading: Navigator.canPop(context)
              ? IconButton(
                  icon: const Icon(Icons.arrow_back),
                  onPressed: () {
                    Navigator.pop(context);
                  },
                )
              : null,
          actions: [
            const SignalStrengthMeterWidget(),
            IconButton(
                icon: const Icon(Icons.settings),
                tooltip: translate('menu.settings_tooltip'),
                onPressed: () async {
                  await GoRouterHelper(context).push('/settings');
                })
          ]),
      body: _editAccountForm(
        context,
        onSubmit: (formKey) async {
          // dismiss the keyboard by unfocusing the textfield
          FocusScope.of(context).unfocus();

          try {
            final name = formKey.currentState!
                .fields[EditProfileForm.formFieldName]!.value as String;
            final pronouns = formKey
                    .currentState!
                    .fields[EditProfileForm.formFieldPronouns]!
                    .value as String? ??
                '';
            final newProfile = widget.existingProfile.deepCopy()
              ..name = name
              ..pronouns = pronouns
              ..timestamp = Veilid.instance.now().toInt64();

            setState(() {
              _isInAsyncCall = true;
            });
            try {
              // Update account profile DHT record
              // This triggers ConversationCubits to update
              await accountRecordCubit.updateProfile(newProfile);

              // Update local account profile
              await AccountRepository.instance.editAccountProfile(
                  widget.superIdentityRecordKey, newProfile);

              if (context.mounted) {
                Navigator.canPop(context)
                    ? GoRouterHelper(context).pop()
                    : GoRouterHelper(context).go('/');
              }
            } finally {
              if (mounted) {
                setState(() {
                  _isInAsyncCall = false;
                });
              }
            }
          } on Exception catch (e) {
            if (context.mounted) {
              await showErrorModal(context,
                  translate('edit_account_page.error'), 'Exception: $e');
            }
          }
        },
      ).paddingSymmetric(horizontal: 24, vertical: 8),
    ).withModalHUD(context, displayModalHUD);
  }
}