import 'package:flutter/material.dart';
import 'package:flutter/services.dart' show Clipboard, ClipboardData;
import '/l10n/app_localizations.dart';
import '../shared/list_item_base.dart' show TotpListItemBase;

/// Home page list item (Android).
class HomeListItem extends TotpListItemBase {
  const HomeListItem(super.item, {required Key super.key});

  @override
  State<StatefulWidget> createState() => _TOTPListItemState();
}

class _TOTPListItemState extends State<HomeListItem>
    with SingleTickerProviderStateMixin {
  // Dimension of progress indicator
  static const double _progressIndicatorDimension = 25;

  // Animation for indicator/code
  late AnimationController _controller;
  late Animation<double> _animation;

  // Code that is being displayed
  String _code = "";

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

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

    // Set initial code
    setState(() {
      _code = widget.code;
    });

    // Define animation
    // Adapted from progress_indicator_demo.dart from flutter examples
    _controller = AnimationController(
      duration: Duration(seconds: widget.item.totp.period),
      lowerBound: 0.0,
      upperBound: 1.0,
      vsync: this,
      animationBehavior: AnimationBehavior.preserve,
    );
    _controller.forward(from: widget.indicatorValue);
    _animation = Tween(begin: 0.0, end: 1.0).animate(_controller)
      ..addStatusListener(
        (AnimationStatus status) {
          if (status == AnimationStatus.completed) {
            // Set code
            setState(() {
              _code = widget.code;
            });
            // Reset animation
            _controller.forward(from: widget.indicatorValue);
          }
        },
      );
  }

  @override
  Widget build(BuildContext context) {
    return Hero(
      tag: widget.item.id,
      child: Card(
        child: InkWell(
          onTap: () {
            Clipboard.setData(ClipboardData(text: widget.codeUnformatted));
            ScaffoldMessenger.of(context).removeCurrentSnackBar();
            ScaffoldMessenger.of(context).showSnackBar(SnackBar(
                content: Text(AppLocalizations.of(context)!.clipboard),
                duration: const Duration(seconds: 1)));
          },
          child: Padding(
            padding: const EdgeInsets.all(25),
            child: SingleChildScrollView(
              padding: const EdgeInsets.all(5),
              child: Stack(
                children: <Widget>[
                  Column(
                    // Align to start (left)
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      // Issuer
                      Text(widget.item.totp.issuer,
                          style: Theme.of(context).textTheme.titleMedium),
                      // Generated code
                      Padding(
                          padding: const EdgeInsets.symmetric(vertical: 10),
                          child: Text(_code,
                              style: Theme.of(context).textTheme.displaySmall)),
                      // Account name
                      Text(widget.item.totp.accountName,
                          style: Theme.of(context).textTheme.bodyMedium)
                    ],
                  ),
                  Positioned(
                      right: 0,
                      bottom: 0,
                      height: _progressIndicatorDimension,
                      width: _progressIndicatorDimension,
                      child: AnimatedBuilder(
                          animation: _animation,
                          builder: (BuildContext context, Widget? child) =>
                              CircularProgressIndicator(
                                value: _animation.value,
                                strokeWidth: 2.5,
                              )))
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}