import 'package:flutter/material.dart';

import 'package:go_router/go_router.dart';
import 'package:matrix/matrix.dart';

import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/pangea/authentication/p_logout.dart';
import 'package:fluffychat/pangea/common/utils/error_handler.dart';
import 'package:fluffychat/pangea/login/pages/pangea_login_scaffold.dart';
import 'package:fluffychat/widgets/local_notifications_extension.dart';
import 'package:fluffychat/widgets/matrix.dart';

class EnableNotifications extends StatefulWidget {
  const EnableNotifications({super.key});

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

class EnableNotificationsController extends State<EnableNotifications> {
  Profile? profile;

  @override
  void initState() {
    _setProfile();
    super.initState();
  }

  Future<void> _setProfile() async {
    final client = Matrix.of(context).client;
    try {
      profile = await client.getProfileFromUserId(client.userID!);
    } catch (e, s) {
      ErrorHandler.logError(e: e, s: s, data: {'userId': client.userID});
    } finally {
      if (mounted) setState(() {});
    }
  }

  Future<void> _requestNotificationPermission() async {
    await Matrix.of(context).requestNotificationPermission();
    if (mounted) {
      context.go("/registration/course");
    }
  }

  @override
  Widget build(BuildContext context) {
    return PangeaLoginScaffold(
      customAppBar: AppBar(
        title: ConstrainedBox(
          constraints: const BoxConstraints(maxWidth: 450),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              BackButton(
                onPressed: () => pLogoutAction(context, bypassWarning: true),
              ),
              const SizedBox(width: 40.0),
            ],
          ),
        ),
        automaticallyImplyLeading: false,
      ),
      showAppName: false,
      mainAssetUrl: profile?.avatarUrl,
      children: [
        Column(
          spacing: 8.0,
          children: [
            Text(
              L10n.of(context).welcomeUser(
                profile?.displayName ??
                    Matrix.of(context).client.userID?.localpart ??
                    "",
              ),
              style: Theme.of(
                context,
              ).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.bold),
            ),
            Text(
              L10n.of(context).enableNotificationsTitle,
              textAlign: TextAlign.center,
            ),
            ElevatedButton(
              onPressed: _requestNotificationPermission,
              style: ElevatedButton.styleFrom(
                backgroundColor: Theme.of(context).colorScheme.primaryContainer,
                foregroundColor: Theme.of(
                  context,
                ).colorScheme.onPrimaryContainer,
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [Text(L10n.of(context).enableNotificationsDesc)],
              ),
            ),
            TextButton(
              child: Text(L10n.of(context).skipForNow),
              onPressed: () => context.go("/registration/course"),
            ),
          ],
        ),
      ],
    );
  }
}