import 'package:core/core.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:model/model.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/mailbox_controller.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_node.dart';
// import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_button_new_folder_builder.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_folder_tile_builder.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_tile_builder.dart';
// import 'package:tmail_ui_user/features/mailbox/presentation/widgets/search_form_widget_builder.dart';
// import 'package:tmail_ui_user/features/mailbox/presentation/widgets/storage_widget_builder.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/user_information_widget_builder.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';

class MailboxView extends GetWidget<MailboxController> {

  final imagePaths = Get.find<ImagePaths>();
  final responsiveUtils = Get.find<ResponsiveUtils>();

  @override
  Widget build(BuildContext context) {
    return  Drawer(
      child: Scaffold(
        backgroundColor: AppColor.primaryLightColor,
        body: SafeArea(
          child: Container(
            alignment: Alignment.center,
            margin: EdgeInsets.symmetric(vertical: 24),
            child: Column(
              children: [
                _buildHeaderMailbox(context),
                // _buildSearchFormWidget(context),
                SizedBox(height: 16),
                Divider(color: AppColor.dividerColor, height: 1),
                _buildLoadingView(),
                Expanded(child: RefreshIndicator(
                  color: AppColor.primaryColor,
                  onRefresh: () async => controller.refreshAllMailbox(),
                  child: _buildListMailbox(context)))
              ]
            )
          )
        ),
        // bottomNavigationBar: responsiveUtils.isMobile(context) ? _buildStorageWidget(context) : null
      )
    );
  }

  Widget _buildHeaderMailbox(BuildContext context) {
    return ResponsiveWidget(
      tablet: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          _buildCloseScreenButton(context),
          _buildUserInformationWidget(context)
        ]),
      mobile: Row(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          _buildCloseScreenButton(context),
          Expanded(child: _buildUserInformationWidget(context))
        ]),
      responsiveUtils: responsiveUtils);
  }

  Widget _buildCloseScreenButton(BuildContext context) {
    return Padding(
      padding: EdgeInsets.only(left: 16, top: responsiveUtils.isMobile(context) ? 0 : 12),
      child: IconButton(
        key: Key('mailbox_close_button'),
        onPressed: () => controller.closeMailboxScreen(),
        icon: SvgPicture.asset(imagePaths.icCloseMailbox, width: 30, height: 30, fit: BoxFit.fill)));
  }

  Widget _buildUserInformationWidget(BuildContext context) {
    return Padding(
      padding: EdgeInsets.only(left: 16, top: 8.0, right: 16),
      child: Obx(() => UserInformationWidgetBuilder(
          // imagePaths,
          controller.mailboxDashBoardController.userProfile.value)
        .build()));
  }

  // Widget _buildSearchFormWidget(BuildContext context) {
  //   return Padding(
  //     padding: EdgeInsets.only(top: 16, left: 16, right: 16),
  //     child: SearchFormWidgetBuilder(context, imagePaths)
  //       .onNewSearchQuery((searchQuery) => {})
  //       .build());
  // }

  Widget _buildLoadingView() {
    return Obx(() => controller.viewState.value.fold(
      (failure) => SizedBox.shrink(),
      (success) => success is LoadingState
        ? Center(child: Padding(
            padding: EdgeInsets.only(top: 16),
            child: SizedBox(
              width: 24,
              height: 24,
              child: CircularProgressIndicator(color: AppColor.primaryColor))))
        : SizedBox.shrink()));
  }

  Widget _buildListMailbox(BuildContext context) {
    return ListView(
      key: PageStorageKey('mailbox_list'),
      primary: false,
      shrinkWrap: true,
      children: [
        Obx(() => controller.defaultMailboxList.isNotEmpty
          ? _buildDefaultMailbox(context, controller.defaultMailboxList)
          : SizedBox.shrink()),
        Padding(
          padding: EdgeInsets.only(
            left: 25,
            top: 20),
          child: Text(
            AppLocalizations.of(context).my_folders,
            maxLines: 1,
            style: TextStyle(fontSize: 12, color: AppColor.myFolderTitleColor, fontWeight: FontWeight.w500))
        ),
        // Padding(
        //   padding: EdgeInsets.only(
        //     left: 8,
        //     right: 16,
        //     top: 10),
        //   child: (MailboxNewFolderTileBuilder()
        //       ..addIcon(imagePaths.icMailboxNewFolder)
        //       ..addName(AppLocalizations.of(context).new_folder))
        //     .build()
        // ),
        SizedBox(height: 10),
        _buildFolderMailbox(context),
      ]
    );
  }

  Widget _buildDefaultMailbox(BuildContext context, List<PresentationMailbox> defaultMailbox) {
    return ListView.builder(
      padding: EdgeInsets.only(top: 16, left: 16, right: 16),
      key: PageStorageKey('default_mailbox_list'),
      itemCount: defaultMailbox.length,
      shrinkWrap: true,
      primary: false,
      itemBuilder: (context, index) =>
        Obx(() => (MailboxTileBuilder(
              imagePaths,
              defaultMailbox[index],
              selectMode: controller.getSelectMode(
                  defaultMailbox[index],
                  controller.mailboxDashBoardController.selectedMailbox.value))
          ..onOpenMailboxAction((mailbox) => controller.selectMailbox(context, mailbox)))
        .build()));
  }

  Widget _buildFolderMailbox(BuildContext context) {
    return Obx(() => controller.folderMailboxNodeList.isNotEmpty
        ? Transform(
            transform: Matrix4.translationValues(-4.0, 0.0, 0.0),
            child: Padding(
              padding: EdgeInsets.only(right: 12),
              child: TreeView(
                startExpanded: false,
                key: Key('folder_mailbox_list'),
                children: _buildListChildTileWidget(context, controller.folderMailboxNodeList)))
          )
        : SizedBox.shrink()
    );
  }

  List<Widget> _buildListChildTileWidget(BuildContext context, List<MailboxNode> listMailboxNode) {
    return listMailboxNode
      .map((mailboxNode) => mailboxNode.hasChildren()
          ? Padding(
              padding: EdgeInsets.only(left: 20),
              child: TreeViewChild(
                  context,
                  key: Key('children_tree_mailbox_child'),
                  isExpanded: mailboxNode.expandMode == ExpandMode.EXPAND,
                  parent: Obx(() => (MailBoxFolderTileBuilder(
                          context,
                          imagePaths,
                          responsiveUtils,
                          mailboxNode,
                          selectMode: controller.getSelectMode(
                              mailboxNode.item,
                              controller.mailboxDashBoardController.selectedMailbox.value))
                      ..addOnSelectMailboxFolderClick((mailboxNode) => controller.selectMailbox(context, mailboxNode.item))
                      ..addOnExpandFolderActionClick((mailboxNode) => controller.toggleMailboxFolder(mailboxNode)))
                    .build()),
                  children: _buildListChildTileWidget(context, mailboxNode.childrenItems!)
              ).build())
          : Padding(
              padding: EdgeInsets.only(left: 20),
              child: Obx(() => (MailBoxFolderTileBuilder(
                      context,
                      imagePaths,
                      responsiveUtils,
                      mailboxNode,
                      selectMode: controller.getSelectMode(
                          mailboxNode.item,
                          controller.mailboxDashBoardController.selectedMailbox.value))
                  ..addOnSelectMailboxFolderClick((mailboxNode) => controller.selectMailbox(context, mailboxNode.item)))
                .build(),
              )))
      .toList();
  }

  // Widget _buildStorageWidget(BuildContext context) => StorageWidgetBuilder(context).build();
}