import 'dart:developer';

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

import 'package:cached_network_image/cached_network_image.dart';
import 'package:go_router/go_router.dart';
import 'package:material_symbols_icons/symbols.dart';

import 'package:fluffychat/config/themes.dart';
import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/pangea/activity_planner/activity_plan_model.dart';
import 'package:fluffychat/pangea/activity_planner/activity_planner_builder.dart';
import 'package:fluffychat/pangea/activity_planner/bookmarked_activities_repo.dart';
import 'package:fluffychat/pangea/activity_suggestions/activity_room_selection.dart';
import 'package:fluffychat/pangea/chat_settings/widgets/language_level_dropdown.dart';
import 'package:fluffychat/pangea/common/utils/error_handler.dart';
import 'package:fluffychat/pangea/common/widgets/full_width_dialog.dart';
import 'package:fluffychat/pangea/learning_settings/enums/language_level_type_enum.dart';
import 'package:fluffychat/widgets/future_loading_dialog.dart';

class ActivityPlanCard extends StatefulWidget {
  final ActivityPlannerBuilderState controller;

  const ActivityPlanCard({
    super.key,
    required this.controller,
  });

  @override
  ActivityPlanCardState createState() => ActivityPlanCardState();
}

class ActivityPlanCardState extends State<ActivityPlanCard> {
  static const double itemPadding = 12;

  Future<ActivityPlanModel> _addBookmark(ActivityPlanModel activity) async {
    try {
      return BookmarkedActivitiesRepo.save(activity);
    } catch (e, stack) {
      debugger(when: kDebugMode);
      ErrorHandler.logError(e: e, s: stack, data: activity.toJson());
      return activity; // Return the original activity in case of error
    } finally {
      if (mounted) {
        setState(() {});
      }
    }
  }

  Future<void> _removeBookmark() async {
    try {
      BookmarkedActivitiesRepo.remove(
        widget.controller.updatedActivity.bookmarkId,
      );
    } catch (e, stack) {
      debugger(when: kDebugMode);
      ErrorHandler.logError(
        e: e,
        s: stack,
        data: widget.controller.updatedActivity.toJson(),
      );
    } finally {
      if (mounted) {
        setState(() {});
      }
    }
  }

  Future<void> _onLaunch() async {
    if (widget.controller.room != null && !widget.controller.room!.isSpace) {
      final resp = await showFutureLoadingDialog(
        context: context,
        future: widget.controller.launchToRoom,
      );
      if (!resp.isError) {
        context.go("/rooms/${widget.controller.room!.id}");
      }
      return;
    }

    return showDialog(
      context: context,
      builder: (context) {
        return FullWidthDialog(
          dialogContent: DecoratedBox(
            decoration: BoxDecoration(
              color: Theme.of(context).colorScheme.surface,
            ),
            child: ActivityRoomSelection(
              controller: widget.controller,
              backButton: IconButton(
                onPressed: Navigator.of(context).pop,
                icon: const Icon(Icons.close),
              ),
            ),
          ),
          maxWidth: 400.0,
          maxHeight: 650.0,
        );
      },
    );
  }

  bool get _isBookmarked => BookmarkedActivitiesRepo.isBookmarked(
        widget.controller.updatedActivity,
      );

  @override
  Widget build(BuildContext context) {
    final l10n = L10n.of(context);
    return Center(
      child: ConstrainedBox(
        constraints: const BoxConstraints(maxWidth: 400),
        child: Card(
          margin: const EdgeInsets.symmetric(vertical: itemPadding),
          child: Form(
            key: widget.controller.formKey,
            child: Column(
              children: [
                AnimatedSize(
                  duration: FluffyThemes.animationDuration,
                  child: Stack(
                    children: [
                      Container(
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(12.0),
                        ),
                        clipBehavior: Clip.hardEdge,
                        alignment: Alignment.center,
                        child: widget.controller.imageURL != null ||
                                widget.controller.avatar != null
                            ? ClipRRect(
                                child: widget.controller.avatar == null
                                    ? CachedNetworkImage(
                                        fit: BoxFit.cover,
                                        imageUrl: widget.controller.imageURL!,
                                        placeholder: (context, url) {
                                          return const Center(
                                            child: CircularProgressIndicator(),
                                          );
                                        },
                                        errorWidget: (context, url, error) {
                                          return const Padding(
                                            padding: EdgeInsets.all(28.0),
                                          );
                                        },
                                      )
                                    : Image.memory(
                                        widget.controller.avatar!,
                                        fit: BoxFit.cover,
                                      ),
                              )
                            : const Padding(
                                padding: EdgeInsets.all(28.0),
                              ),
                      ),
                      if (widget.controller.isEditing)
                        Positioned(
                          top: 10.0,
                          right: 10.0,
                          child: IconButton(
                            icon: const Icon(Icons.upload_outlined),
                            onPressed: widget.controller.selectAvatar,
                            style: IconButton.styleFrom(
                              backgroundColor: Colors.black,
                            ),
                          ),
                        ),
                    ],
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.all(16),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Row(
                        mainAxisAlignment: MainAxisAlignment.start,
                        children: [
                          const Icon(Icons.event_note_outlined),
                          const SizedBox(width: itemPadding),
                          Expanded(
                            child: widget.controller.isEditing
                                ? TextField(
                                    controller:
                                        widget.controller.titleController,
                                    decoration: InputDecoration(
                                      labelText: L10n.of(context).activityTitle,
                                    ),
                                    maxLines: null,
                                  )
                                : Text(
                                    widget.controller.updatedActivity.title,
                                    style:
                                        Theme.of(context).textTheme.bodyLarge,
                                  ),
                          ),
                          if (!widget.controller.isEditing)
                            IconButton(
                              onPressed: _isBookmarked
                                  ? () => _removeBookmark()
                                  : () => _addBookmark(
                                        widget.controller.updatedActivity,
                                      ),
                              icon: Icon(
                                _isBookmarked
                                    ? Icons.bookmark
                                    : Icons.bookmark_border,
                              ),
                            ),
                        ],
                      ),
                      const SizedBox(height: itemPadding),
                      Row(
                        children: [
                          Icon(
                            Symbols.target,
                            color: Theme.of(context).colorScheme.secondary,
                          ),
                          const SizedBox(width: itemPadding),
                          Expanded(
                            child: widget.controller.isEditing
                                ? TextField(
                                    controller: widget.controller
                                        .learningObjectivesController,
                                    decoration: InputDecoration(
                                      labelText: l10n.learningObjectiveLabel,
                                    ),
                                    maxLines: null,
                                  )
                                : Text(
                                    widget.controller.updatedActivity
                                        .learningObjective,
                                    style:
                                        Theme.of(context).textTheme.bodyMedium,
                                  ),
                          ),
                        ],
                      ),
                      const SizedBox(height: itemPadding),
                      Row(
                        children: [
                          Icon(
                            Symbols.steps_rounded,
                            color: Theme.of(context).colorScheme.secondary,
                          ),
                          const SizedBox(width: itemPadding),
                          Expanded(
                            child: widget.controller.isEditing
                                ? TextField(
                                    controller: widget
                                        .controller.instructionsController,
                                    decoration: InputDecoration(
                                      labelText: l10n.instructions,
                                    ),
                                    maxLines: null,
                                  )
                                : Text(
                                    widget.controller.updatedActivity
                                        .instructions,
                                    style:
                                        Theme.of(context).textTheme.bodyMedium,
                                  ),
                          ),
                        ],
                      ),
                      const SizedBox(height: itemPadding),
                      Row(
                        children: [
                          Icon(
                            Icons.school_outlined,
                            color: Theme.of(context).colorScheme.secondary,
                          ),
                          const SizedBox(width: itemPadding),
                          Expanded(
                            child: widget.controller.isEditing
                                ? LanguageLevelDropdown(
                                    initialLevel:
                                        widget.controller.languageLevel,
                                    onChanged:
                                        widget.controller.setLanguageLevel,
                                  )
                                : Text(
                                    widget.controller.updatedActivity.req
                                        .cefrLevel
                                        .title(context),
                                    style:
                                        Theme.of(context).textTheme.bodyMedium,
                                  ),
                          ),
                        ],
                      ),
                      const SizedBox(height: itemPadding),
                      if (widget.controller.vocab.isNotEmpty) ...[
                        Row(
                          children: [
                            Icon(
                              Symbols.dictionary,
                              color: Theme.of(context).colorScheme.secondary,
                            ),
                            const SizedBox(width: itemPadding),
                            Expanded(
                              child: Wrap(
                                spacing: 4.0,
                                runSpacing: 4.0,
                                children: List<Widget>.generate(
                                    widget.controller.vocab.length,
                                    (int index) {
                                  return widget.controller.isEditing
                                      ? Chip(
                                          label: Text(
                                            widget
                                                .controller.vocab[index].lemma,
                                          ),
                                          onDeleted: () => widget.controller
                                              .removeVocab(index),
                                          backgroundColor: Colors.transparent,
                                          visualDensity: VisualDensity.compact,
                                          shape: const StadiumBorder(
                                            side: BorderSide(
                                              color: Colors.transparent,
                                            ),
                                          ),
                                        )
                                      : Chip(
                                          label: Text(
                                            widget
                                                .controller.vocab[index].lemma,
                                          ),
                                          backgroundColor: Colors.transparent,
                                          visualDensity: VisualDensity.compact,
                                          shape: const StadiumBorder(
                                            side: BorderSide(
                                              color: Colors.transparent,
                                            ),
                                          ),
                                        );
                                }).toList(),
                              ),
                            ),
                          ],
                        ),
                      ],
                      if (widget.controller.isEditing) ...[
                        const SizedBox(height: itemPadding),
                        Padding(
                          padding: const EdgeInsets.only(top: itemPadding),
                          child: Row(
                            children: [
                              Expanded(
                                child: TextField(
                                  controller: widget.controller.vocabController,
                                  decoration: InputDecoration(
                                    labelText: l10n.addVocabulary,
                                  ),
                                  onSubmitted: (value) {
                                    widget.controller.addVocab();
                                  },
                                ),
                              ),
                              IconButton(
                                icon: const Icon(Icons.add),
                                onPressed: widget.controller.addVocab,
                              ),
                            ],
                          ),
                        ),
                      ],
                      const SizedBox(height: itemPadding),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Row(
                            children: [
                              Tooltip(
                                message: !widget.controller.isEditing
                                    ? l10n.edit
                                    : l10n.saveChanges,
                                child: IconButton(
                                  icon: Icon(
                                    !widget.controller.isEditing
                                        ? Icons.edit
                                        : Icons.save,
                                  ),
                                  onPressed: () => !widget.controller.isEditing
                                      ? setState(() {
                                          widget.controller.isEditing = true;
                                        })
                                      : widget.controller.saveEdits(),
                                  isSelected: widget.controller.isEditing,
                                ),
                              ),
                              if (widget.controller.isEditing)
                                Tooltip(
                                  message: l10n.cancel,
                                  child: IconButton(
                                    icon: const Icon(Icons.cancel),
                                    onPressed: widget.controller.clearEdits,
                                  ),
                                ),
                            ],
                          ),
                          ElevatedButton.icon(
                            onPressed:
                                !widget.controller.isEditing ? _onLaunch : null,
                            icon: const Icon(Icons.send),
                            label: Text(l10n.launchActivityButton),
                          ),
                        ],
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}