import 'package:flutter/material.dart';

import 'package:cached_network_image/cached_network_image.dart';
import 'package:go_router/go_router.dart';

import '/models/user_model.dart';
import '/request/server.dart';
import '/models/contact_model.dart';
import '/models/init_get_it.dart';

class FriendTile extends StatelessWidget {
  const FriendTile({super.key, required this.friendId});

  final String friendId;

  @override
  Widget build(BuildContext context) {
    final bool isMyself = friendId == getIt.get<UserAccount>().id;

    return InkWell(
      onTap: () {
        if (friendId == getIt.get<UserAccount>().id) {
          context.pushNamed('MyProfile');
        } else {
          context.pushNamed(
            'FriendProfile',
            queryParameters: {'friendId': friendId},
          );
        }
      },
      child: Padding(
        padding: const EdgeInsets.symmetric(vertical: 10.0),
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            const SizedBox(
              width: 10.0,
            ),
            CircleAvatar(
              backgroundImage: CachedNetworkImageProvider(
                '$userAvatarsUrl/${getIt.get<ContactAccountProfile>().friends[friendId]!.avatar}',
              ),
            ),
            const SizedBox(
              width: 10.0,
            ),
            Expanded(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  // nickname
                  Text(
                    getIt.get<Contact>().friends[friendId]!.friendRemark.isEmpty
                        ? getIt
                            .get<ContactAccountProfile>()
                            .friends[friendId]!
                            .nickname
                        : getIt.get<Contact>().friends[friendId]!.friendRemark,
                    style: const TextStyle(fontSize: 17),
                  ),
                  // sign
                  if (getIt
                      .get<ContactAccountProfile>()
                      .friends[friendId]!
                      .sign
                      .isNotEmpty)
                    Text(
                      getIt
                          .get<ContactAccountProfile>()
                          .friends[friendId]!
                          .sign,
                      overflow: TextOverflow.ellipsis,
                      style: TextStyle(
                        color: Theme.of(context).textTheme.displayLarge?.color,
                      ),
                    ),
                ],
              ),
            ),
            const SizedBox(
              width: 10.0,
            ),
            if (isMyself)
              if (getIt.get<UserProfile>().status.isNotEmpty)
                Chip(
                  visualDensity: VisualDensity.compact,
                  label: Text(getIt.get<UserProfile>().status),
                ),
            if (!isMyself)
              if (getIt
                  .get<ContactAccountProfile>()
                  .friends[friendId]!
                  .status
                  .isNotEmpty)
                Chip(
                  visualDensity: VisualDensity.compact,
                  label: Text(getIt
                      .get<ContactAccountProfile>()
                      .friends[friendId]!
                      .status),
                ),
            const SizedBox(
              width: 10.0,
            ),
          ],
        ),
      ),
    );
  }
}