TF-3578 Calendar event show free busy status

lib/features/email/presentation/controller/single_email_controller.dart

@@ -211,6 +211,7 @@ class SingleEmailController extends BaseController with AppLoaderMixin {
 
   CalendarEvent? get calendarEvent => blobCalendarEvent.value?.calendarEventList.firstOrNull;
   Id? get _displayingEventBlobId => blobCalendarEvent.value?.blobId;
+  bool get isCalendarEventFree => blobCalendarEvent.value?.isFree ?? true;
 
   AccountId? get accountId => mailboxDashBoardController.accountId.value;
 

lib/features/email/presentation/email_view.dart

@@ -371,6 +371,7 @@ class EmailView extends GetWidget<SingleEmailController> {
                 presentationEmail: controller.currentEmail,
                 onMailtoAttendeesAction: controller.handleMailToAttendees,
                 openEmailAddressDetailAction: controller.openEmailAddressDialog,
+                isFree: controller.isCalendarEventFree,
               )),
               if (_validateDisplayEventActionBanner(
                   context: context,

lib/features/email/presentation/model/blob_calendar_event.dart

@@ -5,9 +5,14 @@ import 'package:jmap_dart_client/jmap/mail/calendar/calendar_event.dart';
 class BlobCalendarEvent with EquatableMixin {
   final Id blobId;
   final List<CalendarEvent> calendarEventList;
+  final bool isFree;
 
-  BlobCalendarEvent({required this.blobId, required this.calendarEventList});
+  BlobCalendarEvent({
+    required this.blobId,
+    required this.calendarEventList,
+    this.isFree = true,
+  });
 
   @override
-  List<Object?> get props => [blobId, calendarEventList];
+  List<Object?> get props => [blobId, calendarEventList, isFree];
 }

lib/features/email/presentation/styles/event_time_information_widget_styles.dart

@@ -5,6 +5,8 @@ import 'package:flutter/material.dart';
 class EventTimeInformationWidgetStyles {
   static const double maxWidth = 100;
   static const double textSize = 16;
+  static const double horizontalSpacing = 8;
   static const Color labelColor = AppColor.colorSubTitleEventActionText;
   static const Color valueColor = Colors.black;
+  static const Color conflictColor = AppColor.warningColor;
 }

lib/features/email/presentation/widgets/calendar_event/calendar_event_information_widget.dart

@@ -32,6 +32,7 @@ class CalendarEventInformationWidget extends StatelessWidget {
   final PresentationEmail? presentationEmail;
   final OnMailtoAttendeesAction? onMailtoAttendeesAction;
   final OnOpenEmailAddressDetailAction? openEmailAddressDetailAction;
+  final bool isFree;
 
   final _responsiveUtils = Get.find<ResponsiveUtils>();
 
@@ -40,6 +41,7 @@ class CalendarEventInformationWidget extends StatelessWidget {
     required this.calendarEvent,
     required this.onCalendarEventReplyActionClick,
     required this.calendarEventReplying,
+    required this.isFree,
     this.onOpenNewTabAction,
     this.onOpenComposerAction,
     this.presentationEmail,
@@ -250,7 +252,10 @@ class CalendarEventInformationWidget extends StatelessWidget {
     if (dateTimeEvent.isNotEmpty) {
       return Padding(
         padding: const EdgeInsets.only(top: CalendarEventInformationWidgetStyles.fieldTopPadding),
-        child: EventTimeInformationWidget(timeEvent: dateTimeEvent),
+        child: EventTimeInformationWidget(
+          timeEvent: dateTimeEvent,
+          isFree: isFree,
+        ),
       );
     } else {
       return const SizedBox.shrink();

lib/features/email/presentation/widgets/calendar_event/event_time_information_widget.dart

@@ -1,7 +1,10 @@
 
+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:core/presentation/utils/style_utils.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
 import 'package:get/get.dart';
 import 'package:tmail_ui_user/features/email/presentation/styles/event_time_information_widget_styles.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
@@ -9,17 +12,21 @@ import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 class EventTimeInformationWidget extends StatelessWidget {
 
   final String timeEvent;
+  final bool isFree;
 
   const EventTimeInformationWidget({
     super.key,
-    required this.timeEvent
+    required this.timeEvent,
+    required this.isFree,
   });
 
   @override
   Widget build(BuildContext context) {
     final responsiveUtils = Get.find<ResponsiveUtils>();
+    final imagePaths = Get.find<ImagePaths>();
+    
     return Row(
-      crossAxisAlignment: CrossAxisAlignment.start,
+      crossAxisAlignment: CrossAxisAlignment.center,
       children: [
         SizedBox(
           width: EventTimeInformationWidgetStyles.maxWidth,
@@ -32,7 +39,7 @@ class EventTimeInformationWidget extends StatelessWidget {
             ),
           ),
         ),
-        Expanded(child: Text(
+        Flexible(child: Text(
           timeEvent,
           overflow: responsiveUtils.isPortraitMobile(context) ? null : CommonTextStyle.defaultTextOverFlow,
           softWrap: responsiveUtils.isPortraitMobile(context) ? null : CommonTextStyle.defaultSoftWrap,
@@ -42,7 +49,21 @@ class EventTimeInformationWidget extends StatelessWidget {
             fontWeight: FontWeight.w500,
             color: EventTimeInformationWidgetStyles.valueColor
           ),
-        ))
+        )),
+        if (!isFree)
+          ...[
+            const SizedBox(width: EventTimeInformationWidgetStyles.horizontalSpacing),
+            Tooltip(
+              message: AppLocalizations.of(context).youHaveAnotherEventAtThatSameTime,
+              child: SvgPicture.asset(
+                imagePaths.icError,
+                width: 20,
+                height: 20,
+                fit: BoxFit.fill,
+                colorFilter: EventTimeInformationWidgetStyles.conflictColor.asFilter(),
+              ),
+            ),
+          ]
       ],
     );
   }