fluffychat/lib/pangea/subscription/pages/change_subscription.dart

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),
      ],
    );
  }
}