import 'package:core/presentation/resources/image_paths.dart';
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:core/presentation/views/button/tmail_button_widget.dart';
import 'package:core/utils/platform_info.dart';
import 'package:extended_text/extended_text.dart';
import 'package:filesize/filesize.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:model/email/attachment.dart';
import 'package:tmail_ui_user/features/email/presentation/extensions/attachment_extension.dart';
import 'package:tmail_ui_user/features/email/presentation/styles/attachment/attachment_item_widget_style.dart';

typedef OnDownloadAttachmentFileActionClick = void Function(Attachment attachment);

class AttachmentItemWidget extends StatelessWidget {

  final Attachment attachment;
  final OnDownloadAttachmentFileActionClick? downloadAttachmentAction;

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

  AttachmentItemWidget({
    Key? key,
    required this.attachment,
    this.downloadAttachmentAction,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Material(
      color: Colors.transparent,
      child: InkWell(
        onTap: () => downloadAttachmentAction?.call(attachment),
        customBorder: const RoundedRectangleBorder(
          borderRadius: BorderRadius.all(Radius.circular(AttachmentItemWidgetStyle.radius))
        ),
        child: Container(
          padding: AttachmentItemWidgetStyle.contentPadding,
          decoration: BoxDecoration(
            borderRadius: const BorderRadius.all(Radius.circular(AttachmentItemWidgetStyle.radius)),
            border: Border.all(color: AttachmentItemWidgetStyle.borderColor),
          ),
          width: _getMaxWidthItem(context),
          child: Row(
            children: [
              SvgPicture.asset(
                attachment.getIcon(_imagePaths),
                width: AttachmentItemWidgetStyle.iconSize,
                height: AttachmentItemWidgetStyle.iconSize,
                fit: BoxFit.fill
              ),
              const SizedBox(width: AttachmentItemWidgetStyle.space),
              Expanded(
                child: ExtendedText(
                  (attachment.name ?? ''),
                  maxLines: 1,
                  overflowWidget: const TextOverflowWidget(
                    position: TextOverflowPosition.middle,
                    child: Text(
                      "...",
                      style: AttachmentItemWidgetStyle.dotsLabelTextStyle,
                    ),
                  ),
                  style: AttachmentItemWidgetStyle.labelTextStyle,
                ),
              ),
              const SizedBox(width: AttachmentItemWidgetStyle.space),
              Text(
                filesize(attachment.size?.value),
                maxLines: 1,
                style: AttachmentItemWidgetStyle.sizeLabelTextStyle,
              ),
              TMailButtonWidget.fromIcon(
                icon: _imagePaths.icDownloadAttachment,
                backgroundColor: Colors.transparent,
                padding: const EdgeInsets.all(5),
                iconSize: AttachmentItemWidgetStyle.downloadIconSize,
                onTapActionCallback: () => downloadAttachmentAction?.call(attachment)
              )
            ]
          )
        ),
      ),
    );
  }

  double _getMaxWidthItem(BuildContext context) {
    if (PlatformInfo.isMobile) {
      return _responsiveUtils.isMobile(context)
        ? AttachmentItemWidgetStyle.maxWidthMobile
        : AttachmentItemWidgetStyle.maxWidthTablet;
    } else {
      if (_responsiveUtils.isTabletLarge(context)) {
        return AttachmentItemWidgetStyle.maxWidthTabletLarge;
      } else if (_responsiveUtils.isTablet(context)) {
        return AttachmentItemWidgetStyle.maxWidthTablet;
      } else {
        return AttachmentItemWidgetStyle.maxWidthMobile;
      }
    }
  }
}