import 'dart:convert';

import 'package:cached_network_image/cached_network_image.dart';
import 'package:contacts_plus_plus/auxiliary.dart';
import 'package:contacts_plus_plus/models/photo_asset.dart';
import 'package:contacts_plus_plus/models/message.dart';
import 'package:contacts_plus_plus/string_formatter.dart';
import 'package:contacts_plus_plus/widgets/formatted_text.dart';
import 'package:contacts_plus_plus/widgets/messages/message_state_indicator.dart';
import 'package:flutter/material.dart';
import 'package:photo_view/photo_view.dart';

class MessageAsset extends StatelessWidget {
  const MessageAsset({required this.message, this.foregroundColor, super.key});

  final Message message;
  final Color? foregroundColor;

  @override
  Widget build(BuildContext context) {
    final content = jsonDecode(message.content);
    PhotoAsset? photoAsset;
    try {
      photoAsset = PhotoAsset.fromTags((content["tags"] as List).map((e) => "$e").toList());
    } catch (_) {}
    final formattedName = FormatNode.fromText(content["name"]);
    return Container(
      constraints: const BoxConstraints(maxWidth: 300),
      child: Column(
        children: [
          CachedNetworkImage(
            imageUrl: Aux.neosDbToHttp(content["thumbnailUri"]),
            imageBuilder: (context, image) {
              return InkWell(
                onTap: () async {
                  await Navigator.push(
                    context, MaterialPageRoute(builder: (context) =>
                      PhotoView(
                        minScale: PhotoViewComputedScale.contained,
                        imageProvider: photoAsset == null
                            ? image
                            : CachedNetworkImageProvider(Aux.neosDbToHttp(photoAsset.imageUri)),
                        heroAttributes: PhotoViewHeroAttributes(tag: message.id),
                      ),
                  ),);
                },
                child: Hero(
                  tag: message.id,
                  child: ClipRRect(borderRadius: BorderRadius.circular(16), child: Image(image: image,)),
                ),
              );
            },
            placeholder: (context, uri) => const CircularProgressIndicator(),
          ),
          const SizedBox(height: 8,),
          Row(
            crossAxisAlignment: CrossAxisAlignment.end,
            mainAxisSize: MainAxisSize.min,
            children: [
              Expanded(
                child: Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 4.0),
                  child: FormattedText(
                    formattedName,
                    maxLines: null,
                    style: Theme
                        .of(context)
                        .textTheme
                        .bodySmall
                        ?.copyWith(color: foregroundColor),
                  ),
                ),
              ),
             MessageStateIndicator(message: message, foregroundColor: foregroundColor,),
            ],
          ),
        ],
      ),
    );
  }
}