import 'dart:typed_data';

import 'package:expandable/expandable.dart';
import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_material_button.dart';
import 'package:timeago/timeago.dart';

class ApplicationItem extends StatefulWidget {
  const ApplicationItem({
    Key? key,
    required this.icon,
    required this.name,
    required this.patchDate,
    required this.changelog,
    required this.isUpdatableApp,
    required this.onPressed,
  }) : super(key: key);
  final Uint8List icon;
  final String name;
  final DateTime patchDate;
  final List<String> changelog;
  final bool isUpdatableApp;
  final Function() onPressed;

  @override
  State<ApplicationItem> createState() => _ApplicationItemState();
}

class _ApplicationItemState extends State<ApplicationItem>
    with TickerProviderStateMixin {
  late AnimationController _animationController;

  @override
  void initState() {
    super.initState();
    _animationController = AnimationController(
      vsync: this,
      duration: const Duration(milliseconds: 300),
    );
  }

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

  @override
  Widget build(BuildContext context) {
    final ExpandableController expController = ExpandableController();
    return Container(
      margin: const EdgeInsets.only(bottom: 16.0),
      child: CustomCard(
        onTap: () {
          expController.toggle();
          _animationController.isCompleted
              ? _animationController.reverse()
              : _animationController.forward();
        },
        child: ExpandablePanel(
          controller: expController,
          theme: const ExpandableThemeData(
            inkWellBorderRadius: BorderRadius.all(Radius.circular(16)),
            tapBodyToCollapse: false,
            tapBodyToExpand: false,
            tapHeaderToExpand: false,
            hasIcon: false,
            animationDuration: Duration(milliseconds: 450),
          ),
          header: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Flexible(
                child: Row(
                  children: [
                    SizedBox(
                      width: 40,
                      child: Image.memory(widget.icon, height: 40, width: 40),
                    ),
                    const SizedBox(width: 19),
                    Expanded(
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: <Widget>[
                          Text(
                            widget.name,
                            maxLines: 1,
                            overflow: TextOverflow.ellipsis,
                            style: const TextStyle(
                              fontSize: 16,
                              fontWeight: FontWeight.w500,
                            ),
                          ),
                          Text(
                            format(widget.patchDate),
                            maxLines: 1,
                            overflow: TextOverflow.ellipsis,
                            style: const TextStyle(
                              fontSize: 16,
                              fontWeight: FontWeight.w500,
                            ),
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
              Row(
                children: [
                  RotationTransition(
                    turns: Tween(begin: 0.0, end: 0.50)
                        .animate(_animationController),
                    child: const Padding(
                      padding: EdgeInsets.all(8.0),
                      child: Icon(Icons.arrow_drop_down),
                    ),
                  ),
                  const SizedBox(width: 8),
                  Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    crossAxisAlignment: CrossAxisAlignment.end,
                    children: <Widget>[
                      CustomMaterialButton(
                        label: widget.isUpdatableApp
                            ? I18nText('applicationItem.patchButton')
                            : I18nText('applicationItem.infoButton'),
                        onPressed: widget.onPressed,
                      ),
                    ],
                  ),
                ],
              ),
            ],
          ),
          collapsed: const SizedBox(),
          expanded: Padding(
            padding: const EdgeInsets.only(
              top: 16.0,
              left: 4.0,
              right: 4.0,
              bottom: 4.0,
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                I18nText(
                  'applicationItem.changelogLabel',
                  child: const Text(
                    '',
                    style: TextStyle(fontWeight: FontWeight.w700),
                  ),
                ),
                const SizedBox(height: 4),
                Text('\u2022 ${widget.changelog.join('\n\u2022 ')}'),
              ],
            ),
          ),
        ),
      ),
    );
  }
}