import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/resources/image_paths.dart';
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:jmap_dart_client/jmap/mail/email/email_address.dart';
import 'package:tmail_ui_user/features/composer/presentation/widgets/suggestion_email_address.dart';
import 'package:tmail_ui_user/features/contact/presentation/contact_controller.dart';
import 'package:tmail_ui_user/features/contact/presentation/utils/contact_utils.dart';
import 'package:tmail_ui_user/features/contact/presentation/widgets/app_bar_contact_widget.dart';
import 'package:tmail_ui_user/features/contact/presentation/widgets/contact_suggestion_box_item.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/search_app_bar_widget.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';

class ContactView extends GetWidget<ContactController> {

  final _responsiveUtils = Get.find<ResponsiveUtils>();
  final _imagePaths = Get.find<ImagePaths>();

  ContactView({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: Colors.black38,
        body: GestureDetector(
          onTap: () => FocusScope.of(context).unfocus(),
          child: SafeArea(
            bottom: false,
            left: false,
            right: false,
            top: ContactUtils.supportAppBarTopBorder(context, _responsiveUtils),
            child: Container(
                decoration: BoxDecoration(
                    borderRadius: BorderRadius.only(
                        topLeft: Radius.circular(ContactUtils.getRadiusBorderAppBarTop(
                            context,
                            _responsiveUtils)),
                        topRight: Radius.circular(ContactUtils.getRadiusBorderAppBarTop(
                            context,
                            _responsiveUtils))),
                    color: Colors.white),
                child: ClipRRect(
                    borderRadius: BorderRadius.only(
                        topLeft: Radius.circular(ContactUtils.getRadiusBorderAppBarTop(
                            context,
                            _responsiveUtils)),
                        topRight: Radius.circular(ContactUtils.getRadiusBorderAppBarTop(
                            context,
                            _responsiveUtils))),
                    child: SafeArea(child: Container(
                      color: Colors.white,
                      child: Column(children: [
                        Container(
                            height: 52,
                            color: Colors.white,
                            padding: ContactUtils.getPaddingAppBar(context, _responsiveUtils),
                            child: AppBarContactWidget(
                                onCloseContactView: () => controller.closeContactView(context))
                        ),
                        const Divider(color: AppColor.colorDividerComposer, height: 1),
                        SearchAppBarWidget(
                          imagePaths: _imagePaths,
                          searchQuery: controller.searchQuery.value,
                          searchFocusNode: controller.textInputSearchFocus,
                          searchInputController: controller.textInputSearchController,
                          hasBackButton: false,
                          hasSearchButton: true,
                          padding: EdgeInsets.zero,
                          heightSearchBar: 44,
                          margin: ContactUtils.getPaddingSearchInputForm(context, _responsiveUtils),
                          decoration: const BoxDecoration(
                            borderRadius: BorderRadius.all(Radius.circular(10)),
                            color: AppColor.colorBgSearchBar),
                          iconClearText: SvgPicture.asset(
                            _imagePaths.icClearTextSearch,
                            width: 18,
                            height: 18,
                            fit: BoxFit.fill),
                          hintText: AppLocalizations.of(context).hintSearchInputContact,
                          onClearTextSearchAction: controller.clearAllTextInputSearchForm,
                          onTextChangeSearchAction: controller.onTextSearchChange,
                          onSearchTextAction: controller.onSearchTextAction,
                        ),
                        Expanded(child: Obx(() {
                          if (controller.listContactSearched.isNotEmpty) {
                            return Container(
                                color: Colors.white,
                                child: ListView.separated(
                                    itemCount: controller.listContactSearched.length,
                                    separatorBuilder: (context, index) {
                                      return Padding(
                                        padding: ContactUtils.getPaddingDividerSearchResultList(context, _responsiveUtils),
                                        child: const Divider(
                                            height: 1,
                                            color: AppColor.colorDivider),
                                      );
                                    },
                                    itemBuilder: (context, index) {
                                      final emailAddress = controller.listContactSearched[index];
                                      final suggestionEmailAddress = _toSuggestionEmailAddress(
                                        emailAddress,
                                        controller.contactSelected != null
                                          ? [controller.contactSelected!]
                                          : []
                                      );
                                      return ContactSuggestionBoxItem(
                                        suggestionEmailAddress,
                                        padding: ContactUtils.getPaddingSearchResultList(context, _responsiveUtils),
                                        selectedContactCallbackAction: (contact) => controller.selectContact(context, contact),
                                      );
                                    }
                                )
                            );
                          } else {
                            return const SizedBox.shrink();
                          }
                        })),
                      ]),
                    ))
                )
            ),
          ),
        )
    );
  }

  SuggestionEmailAddress _toSuggestionEmailAddress(EmailAddress item, List<EmailAddress> addedEmailAddresses) {
    if (addedEmailAddresses.contains(item)) {
      return SuggestionEmailAddress(item, state: SuggestionEmailState.duplicated);
    } else {
      return SuggestionEmailAddress(item);
    }
  }
}