import 'package:flutter/cupertino.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';

import '../../l10n/l10n.dart';
import '../../util/extensions/api.dart';
import '../../util/extensions/datetime.dart';
import '../../util/goto.dart';
import '../../util/observer_consumers.dart';
import '../avatar.dart';
import 'post_more_menu.dart';
import 'post_status.dart';
import 'post_store.dart';

class PostInfoSection extends StatelessWidget {
  const PostInfoSection();

  @override
  Widget build(BuildContext context) {
    return ObserverBuilder<PostStore>(builder: (context, store) {
      final fullPost = context.read<IsFullPost>();
      final post = store.postView;
      final instanceHost = store.postView.instanceHost;
      final theme = Theme.of(context);

      return Column(
        children: [
          Padding(
            padding: const EdgeInsets.all(10),
            child: Row(
              children: [
                if (post.community.icon != null)
                  Padding(
                    padding: const EdgeInsets.only(right: 10),
                    child: InkWell(
                      borderRadius: BorderRadius.circular(20),
                      onTap: () => goToCommunity.byId(
                          context, instanceHost, post.community.id),
                      child: Avatar(
                        url: post.community.icon,
                        noBlank: true,
                        radius: 20,
                      ),
                    ),
                  ),
                Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    RichText(
                      overflow: TextOverflow.ellipsis, // TODO: fix overflowing
                      text: TextSpan(
                        style: TextStyle(
                            fontSize: 15,
                            color: theme.textTheme.bodyText1?.color),
                        children: [
                          const TextSpan(
                              text: '!',
                              style: TextStyle(fontWeight: FontWeight.w300)),
                          TextSpan(
                              text: post.community.name,
                              style:
                                  const TextStyle(fontWeight: FontWeight.w600),
                              recognizer: TapGestureRecognizer()
                                ..onTap = () => goToCommunity.byId(
                                    context, instanceHost, post.community.id)),
                          const TextSpan(
                              text: '@',
                              style: TextStyle(fontWeight: FontWeight.w300)),
                          TextSpan(
                              text: post.post.originInstanceHost,
                              style:
                                  const TextStyle(fontWeight: FontWeight.w600),
                              recognizer: TapGestureRecognizer()
                                ..onTap = () => goToInstance(
                                    context, post.post.originInstanceHost)),
                        ],
                      ),
                    ),
                    RichText(
                      overflow: TextOverflow.ellipsis,
                      text: TextSpan(
                        style: TextStyle(
                            fontSize: 13,
                            color: theme.textTheme.bodyText1?.color),
                        children: [
                          TextSpan(
                            text: L10n.of(context)!.by,
                            style: const TextStyle(fontWeight: FontWeight.w300),
                          ),
                          TextSpan(
                            text: ' ${post.creator.originPreferredName}',
                            style: const TextStyle(fontWeight: FontWeight.w600),
                            recognizer: TapGestureRecognizer()
                              ..onTap = () => goToUser.fromPersonSafe(
                                    context,
                                    post.creator,
                                  ),
                          ),
                          TextSpan(
                              text: ' · ${post.post.published.fancyShort}'),
                          if (post.post.locked) const TextSpan(text: ' · 🔒'),
                          if (post.post.stickied) const TextSpan(text: ' · 📌'),
                          if (post.post.nsfw) const TextSpan(text: ' · '),
                          if (post.post.nsfw)
                            TextSpan(
                                text: L10n.of(context)!.nsfw,
                                style: const TextStyle(color: Colors.red)),
                          if (store.urlDomain != null)
                            TextSpan(text: ' · ${store.urlDomain}'),
                          if (post.post.removed)
                            const TextSpan(text: ' · REMOVED'),
                          if (post.post.deleted)
                            const TextSpan(text: ' · DELETED'),
                        ],
                      ),
                    )
                  ],
                ),
                const Spacer(),
                if (!fullPost) const PostMoreMenuButton(),
              ],
            ),
          ),
        ],
      );
    });
  }
}