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

import 'package:intl/intl.dart';

import 'package:fluffychat/config/themes.dart';
import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/pangea/common/controllers/pangea_controller.dart';
import 'package:fluffychat/pangea/subscription/controllers/subscription_controller.dart';
import 'package:fluffychat/pangea/subscription/pages/settings_subscription.dart';
import 'package:fluffychat/widgets/matrix.dart';

class ChangeSubscription extends StatelessWidget {
  final SubscriptionManagementController controller;
  ChangeSubscription({
    required this.controller,
    super.key,
  });

  final PangeaController pangeaController = MatrixState.pangeaController;

  List<SubscriptionDetails> get subscriptions =>
      pangeaController.subscriptionController.availableSubscriptionInfo
          ?.availableSubscriptions ??
      [];

  bool get inTrialWindow => pangeaController.userController.inTrialWindow();

  String get trialEnds => DateFormat.yMMMd()
      .format(DateTime.now().add(const Duration(days: kIsWeb ? 0 : 7)));

  @override
  Widget build(BuildContext context) {
    if (!controller.subscriptionsAvailable) {
      return const Center(
        child: Padding(
          padding: EdgeInsets.all(16.0),
          child: CircularProgressIndicator.adaptive(
            strokeWidth: 2,
          ),
        ),
      );
    }

    return Column(
      spacing: 16.0,
      children: [
        Text(
          L10n.of(context).selectYourPlan,
          style: const TextStyle(fontSize: 16),
        ),
        Column(
          children: [
            for (final subscription in subscriptions)
              DecoratedBox(
                decoration: BoxDecoration(
                  border: Border(
                    bottom: BorderSide(
                      color: Theme.of(context).dividerColor,
                      width: 1.0,
                    ),
                  ),
                ),
                child: Column(
                  children: [
                    ListTile(
                      title: Text(
                        subscription.displayName(context),
                      ),
                      trailing: Icon(
                        controller.selectedSubscription?.id != subscription.id
                            ? Icons.keyboard_arrow_right_outlined
                            : Icons.keyboard_arrow_down_outlined,
                      ),
                      enabled: (!subscription.isTrial || inTrialWindow) &&
                          !controller.isCurrentSubscription(subscription),
                      onTap: () => controller.selectSubscription(subscription),
                    ),
                    AnimatedSize(
                      duration: FluffyThemes.animationDuration,
                      child: controller.selectedSubscription?.id !=
                              subscription.id
                          ? const SizedBox()
                          : Column(
                              children: [
                                Container(
                                  constraints: const BoxConstraints(
                                    maxWidth: 400.0,
                                  ),
                                  decoration: BoxDecoration(
                                    border: Border.all(
                                      color: Theme.of(context).dividerColor,
                                    ),
                                    borderRadius: const BorderRadius.all(
                                      Radius.circular(16.0),
                                    ),
                                  ),
                                  margin: const EdgeInsets.all(8.0),
                                  child: Column(
                                    children: [
                                      if (!kIsWeb)
                                        Container(
                                          decoration: BoxDecoration(
                                            color: Theme.of(context)
                                                .colorScheme
                                                .onPrimary,
                                            borderRadius:
                                                const BorderRadius.only(
                                              topLeft: Radius.circular(16.0),
                                              topRight: Radius.circular(16.0),
                                            ),
                                          ),
                                          padding: const EdgeInsets.all(16.0),
                                          child: Row(
                                            mainAxisAlignment:
                                                MainAxisAlignment.spaceBetween,
                                            children: [
                                              Text(
                                                L10n.of(context).startingToday,
                                              ),
                                              Text(
                                                L10n.of(context)
                                                    .oneWeekFreeTrial,
                                              ),
                                            ],
                                          ),
                                        ),
                                      Padding(
                                        padding: const EdgeInsets.all(16.0),
                                        child: Row(
                                          mainAxisAlignment:
                                              MainAxisAlignment.spaceBetween,
                                          children: [
                                            Text(
                                              L10n.of(context)
                                                  .paidSubscriptionStarts(
                                                trialEnds,
                                              ),
                                            ),
                                            Text(
                                              "${subscription.displayPrice(context)}/${subscription.duration?.value}",
                                              style: const TextStyle(
                                                fontWeight: FontWeight.bold,
                                              ),
                                            ),
                                          ],
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                                Container(
                                  constraints: const BoxConstraints(
                                    maxWidth: 400.0,
                                  ),
                                  padding: const EdgeInsets.all(16.0),
                                  child: Column(
                                    crossAxisAlignment:
                                        CrossAxisAlignment.start,
                                    children: [
                                      Text(
                                        L10n.of(context)
                                            .cancelInSubscriptionSettings,
                                      ),
                                      if (!kIsWeb)
                                        Text(
                                          L10n.of(context)
                                              .cancelToAvoidCharges(trialEnds),
                                        ),
                                      const SizedBox(height: 20.0),
                                      ElevatedButton(
                                        onPressed: () => controller
                                            .submitChange(subscription),
                                        child: controller.loading
                                            ? const LinearProgressIndicator()
                                            : Row(
                                                mainAxisAlignment:
                                                    MainAxisAlignment.center,
                                                children: [
                                                  Text(
                                                    subscription.isTrial
                                                        ? L10n.of(context)
                                                            .activateTrial
                                                        : L10n.of(context).pay,
                                                  ),
                                                ],
                                              ),
                                      ),
                                    ],
                                  ),
                                ),
                              ],
                            ),
                    ),
                  ],
                ),
              ),
          ],
        ),
        if (kIsWeb)
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 16.0),
            child: Row(
              spacing: 8.0,
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                const Icon(Icons.info_outlined),
                Flexible(
                  child: Text(
                    L10n.of(context).promoCodeInfo,
                  ),
                ),
              ],
            ),
          ),
        const SizedBox(height: 20.0),
      ],
    );
  }
}