import 'package:adaptive_page_layout/adaptive_page_layout.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:famedlysdk/famedlysdk.dart';
import 'package:fluffychat/components/avatar.dart';
import 'package:fluffychat/utils/fluffy_share.dart';
import 'package:fluffychat/utils/status.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:future_loading_dialog/future_loading_dialog.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';

import '../../utils/string_color.dart';
import '../../utils/date_time_extension.dart';
import '../matrix.dart';

class StatusListTile extends StatelessWidget {
  final Status status;

  const StatusListTile({Key key, @required this.status}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    final text = status.message;
    final isImage = text.startsWith('mxc://') && text.split(' ').length == 1;
    return FutureBuilder<Profile>(
        future: Matrix.of(context).client.getProfileFromUserId(status.senderId),
        builder: (context, snapshot) {
          final displayname =
              snapshot.data?.displayname ?? status.senderId.localpart;
          final avatarUrl = snapshot.data?.avatarUrl;
          return Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              ListTile(
                leading: Avatar(avatarUrl, displayname),
                title: Row(
                  crossAxisAlignment: CrossAxisAlignment.baseline,
                  children: [
                    Text(displayname,
                        style: TextStyle(fontWeight: FontWeight.bold)),
                    SizedBox(width: 4),
                    Text(status.dateTime.localizedTime(context),
                        style: TextStyle(fontSize: 14)),
                  ],
                ),
                subtitle: Text(status.senderId),
                trailing: PopupMenuButton(
                  onSelected: (_) => AdaptivePageLayout.of(context).pushNamed(
                      '/settings/ignore',
                      arguments: status.senderId),
                  itemBuilder: (_) => [
                    PopupMenuItem(
                      child: Text(L10n.of(context).ignore),
                      value: 'ignore',
                    ),
                  ],
                ),
              ),
              isImage
                  ? CachedNetworkImage(
                      imageUrl: Uri.parse(text).getThumbnail(
                        Matrix.of(context).client,
                        width: 360,
                        height: 360,
                        method: ThumbnailMethod.scale,
                      ),
                      fit: BoxFit.cover,
                      width: double.infinity,
                    )
                  : Container(
                      height: 256,
                      color: text.color,
                      alignment: Alignment.center,
                      child: SingleChildScrollView(
                        padding: EdgeInsets.all(12),
                        child: Text(
                          text,
                          textAlign: TextAlign.center,
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 24,
                          ),
                        ),
                      ),
                    ),
              Padding(
                padding: const EdgeInsets.only(right: 12.0, left: 12.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    IconButton(
                      icon: Icon(CupertinoIcons.chat_bubble),
                      onPressed: () async {
                        final result = await showFutureLoadingDialog(
                          context: context,
                          future: () => User(
                            status.senderId,
                            room:
                                Room(id: '', client: Matrix.of(context).client),
                          ).startDirectChat(),
                        );
                        if (result.error == null) {
                          await AdaptivePageLayout.of(context)
                              .pushNamed('/rooms/${result.result}');
                        }
                      },
                    ),
                    IconButton(
                      icon: Icon(Icons.ios_share),
                      onPressed: () => AdaptivePageLayout.of(context)
                          .pushNamed('/newstatus', arguments: status.message),
                    ),
                    IconButton(
                      icon: Icon(Icons.share_outlined),
                      onPressed: () => FluffyShare.share(
                        '$displayname: ${status.message}',
                        context,
                      ),
                    ),
                    IconButton(
                      icon: Icon(Icons.delete_outlined),
                      onPressed: () => showFutureLoadingDialog(
                        context: context,
                        future: () => Matrix.of(context)
                            .removeStatusOfUser(status.senderId),
                      ),
                    ),
                  ],
                ),
              ),
            ],
          );
        });
  }
}