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:pointer_interceptor/pointer_interceptor.dart';
import 'package:tmail_ui_user/features/destination_picker/presentation/destination_picker_controller.dart';
import 'package:tmail_ui_user/features/destination_picker/presentation/model/destination_picker_arguments.dart';
import 'package:tmail_ui_user/features/destination_picker/presentation/widgets/app_bar_destination_picker_builder.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_actions.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_displayed.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_node.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_folder_tile_builder.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';

class DestinationPickerView extends GetWidget<DestinationPickerController> {

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

  @override
  Widget build(BuildContext context) {
    MailboxActions? actions;
    final arguments = Get.arguments;
    if (arguments != null && arguments is DestinationPickerArguments) {
      actions = arguments.mailboxAction;
    }

    if (actions == MailboxActions.create) {
      return PointerInterceptor(child: Card(
          margin: EdgeInsets.zero,
          borderOnForeground: false,
          color: Colors.transparent,
          child: GestureDetector(
            onTap: () => controller.closeDestinationPicker(),
            child: ResponsiveWidget(
                responsiveUtils: _responsiveUtils,
                mobile: _responsiveUtils.isPortrait(context)
                    ? Container(child: _buildBodyMailboxLocation(context, actions), width: _responsiveUtils.getSizeScreenWidth(context))
                    : _buildBodyMailboxDestination(context, actions),
                tablet: Container(
                    child: Row(
                        children: [
                          Expanded(flex: 1, child: Container(color: Colors.transparent)),
                          Expanded(flex: 1, child: _buildBodyMailboxLocation(context, actions)),
                        ]
                    )
                ),
                tabletLarge: Container(
                    child: Row(
                        children: [
                          Expanded(flex: 7, child: Container(color: Colors.transparent)),
                          Expanded(flex: 13, child: _buildBodyMailboxLocation(context, actions)),
                        ]
                    )
                ),
                desktop: Container(
                    child: Row(
                        children: [
                          Expanded(flex: 1, child: Container(color: Colors.transparent)),
                          Expanded(flex: 3, child: _buildBodyMailboxLocation(context, actions)),
                        ]
                    )
                )
            ),
          )
      ));
    } else {
      return PointerInterceptor(child: _buildBodyMailboxDestination(context, actions));
    }
  }

  Widget _buildBodyMailboxDestination(BuildContext context, MailboxActions? actions) {
    return GestureDetector(
        onTap: () => controller.closeDestinationPicker(),
        child: Card(
            margin: EdgeInsets.zero,
            borderOnForeground: false,
            color: Colors.transparent,
            child: Container(
                margin: _getMarginDestinationPicker(context),
                child: ClipRRect(
                    borderRadius: _radiusDestinationPicker(context, 14),
                    child: GestureDetector(
                        onTap: () => {},
                        child: SafeArea(
                            top: _responsiveUtils.isMobile(context) ? true : false,
                            bottom: false,
                            right: false,
                            left: false,
                            child: Column(
                              children: [
                                _buildAppBar(context),
                                Expanded(child:
                                Container(
                                    color: AppColor.colorBgMailbox,
                                    child: _buildBodyDestinationPicker(context, actions)))
                              ],
                            )
                        )
                    )
                )
            )
        )
    );
  }

  Widget _buildBodyMailboxLocation(BuildContext context, MailboxActions? actions) {
    return SafeArea(
        top: _responsiveUtils.isMobile(context) ? true : false,
        bottom: false,
        left: false,
        right: false,
        child: ClipRRect(
            borderRadius: BorderRadius.only(
                topRight: Radius.circular(_responsiveUtils.isMobile(context) ? 14 : 0),
                topLeft: Radius.circular(_responsiveUtils.isMobile(context) ? 14 : 0)),
            child: Drawer(
                child: Container(
                    color: AppColor.colorBgMailbox,
                    width: double.infinity,
                    child: SafeArea(
                      top: false,
                      bottom: false,
                      left: _responsiveUtils.isMobileDevice(context) ? true : false,
                      right: _responsiveUtils.isMobileDevice(context) ? true : false,
                      child: Column(
                          children: [
                            _buildAppBar(context),
                            Expanded(
                              child: Container(
                                color: AppColor.colorBgMailbox,
                                child: _buildBodyDestinationPicker(context, actions)
                              )
                            )
                          ]
                      ),
                    )
                )
            )
        )
    );
  }

  Widget _buildAppBar(BuildContext context) {
    return Obx(() => (AppBarDestinationPickerBuilder(
            context,
            _imagePaths,
            _responsiveUtils,
            controller.mailboxAction.value)
        ..addCloseActionClick(() => controller.closeDestinationPicker()))
      .build());
  }

  Widget _buildBodyDestinationPicker(BuildContext context, MailboxActions? actions) {
    return RefreshIndicator(
      color: AppColor.primaryColor,
      onRefresh: () async => controller.getAllMailboxAction(),
      child: SingleChildScrollView(
        physics: AlwaysScrollableScrollPhysics(),
        child: Container(
          alignment: Alignment.center,
          color: AppColor.colorBgMailbox,
          padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
          child: Column(
            mainAxisSize: MainAxisSize.max,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              _buildLoadingView(),
              if (actions == MailboxActions.create) _buildUnifiedMailbox(context),
              _buildListMailbox(context, actions)
            ]
          )
        )
      )
    );
  }

  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, MailboxActions? actions) {
    return ListView(
      primary: false,
      shrinkWrap: true,
      children: [
        Container(
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(14),
            color: Colors.white),
          margin: EdgeInsets.only(left: 16, right: 16, top: 10),
          child: _buildDefaultMailbox(context)),
        Container(
            decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(14),
                color: Colors.white),
            margin: EdgeInsets.only(left: 16, right: 16, top: 10, bottom: 20),
            child: _buildFolderMailbox(context)),
      ]
    );
  }

  Widget _buildDefaultMailbox(BuildContext context) {
    return Obx(() => controller.defaultMailboxTree.value.root.childrenItems?.isNotEmpty ?? false
        ? Transform(
            transform: Matrix4.translationValues(-4.0, 0.0, 0.0),
            child: Padding(
                padding: EdgeInsets.only(top: 10, bottom: 10),
                child: TreeView(
                  startExpanded: false,
                  key: Key('default_mailbox_list'),
                  children: _buildListChildTileWidget(context, controller.defaultMailboxTree.value.root)
                )
            )
        )
        : SizedBox.shrink()
    );
  }

  Widget _buildFolderMailbox(BuildContext context) {
    return Obx(() => controller.folderMailboxTree.value.root.childrenItems?.isNotEmpty ?? false
      ? Padding(
          padding: EdgeInsets.only(top: 8, bottom: 8),
          child: TreeView(
              startExpanded: false,
              key: Key('folder_mailbox_list'),
              children: _buildListChildTileWidget(context, controller.folderMailboxTree.value.root)))
      : SizedBox.shrink()
    );
  }

  List<Widget> _buildListChildTileWidget(BuildContext context, MailboxNode parentNode) {
    return parentNode.childrenItems
        ?.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: (MailBoxFolderTileBuilder(
                            context,
                            _imagePaths,
                            mailboxNode,
                            mailboxDisplayed: MailboxDisplayed.destinationPicker)
                        ..addOnOpenMailboxFolderClick(_handleOpenMailboxClick)
                        ..addOnExpandFolderActionClick((mailboxNode) => controller.toggleMailboxFolder(mailboxNode)))
                      .build(),
                  children: _buildListChildTileWidget(context, mailboxNode)
              ).build())
          : Padding(
              padding: EdgeInsets.only(left: 20),
              child: (MailBoxFolderTileBuilder(
                      context,
                      _imagePaths,
                      mailboxNode,
                      mailboxDisplayed: MailboxDisplayed.destinationPicker)
                  ..addOnOpenMailboxFolderClick(_handleOpenMailboxClick))
                .build(),
              ))
      .toList() ?? <Widget>[];
  }

  EdgeInsets _getMarginDestinationPicker(BuildContext context) {
    if (_responsiveUtils.isMobileDevice(context) && _responsiveUtils.isLandscape(context)) {
      return EdgeInsets.only(
          left: _responsiveUtils.tabletHorizontalMargin,
          right: _responsiveUtils.tabletHorizontalMargin,
          top: 50.0);
    } else if (_responsiveUtils.isTablet(context)) {
      return _responsiveUtils.getSizeScreenHeight(context) <= _responsiveUtils.tabletVerticalMargin * 2
          ? EdgeInsets.symmetric(
              horizontal: _responsiveUtils.tabletHorizontalMargin,
              vertical: 0.0)
          : EdgeInsets.symmetric(
              horizontal: _responsiveUtils.tabletHorizontalMargin,
              vertical: _responsiveUtils.tabletVerticalMargin);
    } else if (_responsiveUtils.isDesktop(context) || _responsiveUtils.isTabletLarge(context)) {
      return _responsiveUtils.getSizeScreenHeight(context) <= _responsiveUtils.desktopVerticalMargin * 2
          ? EdgeInsets.symmetric(
              horizontal: _responsiveUtils.desktopHorizontalMargin,
              vertical: 0.0)
          : EdgeInsets.symmetric(
              horizontal: _responsiveUtils.desktopHorizontalMargin,
              vertical: _responsiveUtils.desktopVerticalMargin);
    } else {
      return EdgeInsets.zero;
    }
  }

  BorderRadius _radiusDestinationPicker(BuildContext context, double radius) {
    if (_responsiveUtils.isMobileDevice(context) && _responsiveUtils.isLandscape(context)) {
      return BorderRadius.only(topLeft: Radius.circular(radius), topRight: Radius.circular(radius));
    } else if (_responsiveUtils.isTablet(context)) {
      return _responsiveUtils.getSizeScreenHeight(context) <= _responsiveUtils.tabletVerticalMargin * 2
          ? BorderRadius.only(topLeft: Radius.circular(radius), topRight: Radius.circular(radius))
          : BorderRadius.circular(radius);
    } else if (_responsiveUtils.isDesktop(context) || _responsiveUtils.isTabletLarge(context)) {
      return _responsiveUtils.getSizeScreenHeight(context) <= _responsiveUtils.desktopVerticalMargin * 2
          ? BorderRadius.only(topLeft: Radius.circular(radius), topRight: Radius.circular(radius))
          : BorderRadius.circular(radius);
    } else {
      return BorderRadius.only(topLeft: Radius.circular(radius), topRight: Radius.circular(radius));
    }
  }

  Widget _buildUnifiedMailbox(BuildContext context) {
    return Container(
      alignment: Alignment.center,
      margin: EdgeInsets.only(left: 16, right: 16, top: 16),
      decoration: BoxDecoration(borderRadius: BorderRadius.circular(14), color: Colors.white),
      child: MediaQuery(
        data: MediaQueryData(padding: EdgeInsets.zero),
        child: ListTile(
          contentPadding: EdgeInsets.zero,
          onTap: () => controller.selectMailboxAction(null),
          leading: Padding(
            padding: EdgeInsets.only(left: 16),
            child: SvgPicture.asset(_imagePaths.icFolderMailbox, width: 28, height: 28, fit: BoxFit.fill)),
          title: Transform(
            transform: Matrix4.translationValues(-5.0, 0.0, 0.0),
            child: Row(
              children: [
                Expanded(child: Text(
                  AppLocalizations.of(context).default_mailbox,
                  maxLines: 1,
                  overflow:TextOverflow.ellipsis,
                  style: TextStyle(fontSize: 15, color: AppColor.colorNameEmail),
                ))
              ]
            )
          ),
        ),
      )
    );
  }

  void _handleOpenMailboxClick(MailboxNode mailboxNode) {
    var presentationMailbox;
    final path = controller.findNodePath(mailboxNode.item.id)
        ?? mailboxNode.item.name?.name;
    if (path != null) {
      presentationMailbox = mailboxNode.item
          .toPresentationMailboxWithMailboxPath(path);
    } else {
      presentationMailbox = mailboxNode.item;
    }
    controller.selectMailboxAction(presentationMailbox);
  }
}