import 'package:antd_mobile/antd_mobile.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_gen/gen_l10n/S.dart';
import 'package:flutter_vector_icons/flutter_vector_icons.dart';
import 'package:git_touch/scaffolds/tab_stateful.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:git_touch/widgets/app_bar_title.dart';
import 'package:git_touch/widgets/link.dart';
import 'package:git_touch/widgets/repo_item.dart';
import 'package:git_touch/widgets/user_item.dart';
import 'package:github_trending/github_trending.dart';

class GhTrendingScreen extends StatelessWidget {
  static final trending = GithubTrending(prefix: 'https://gtrend.yapie.me');

  @override
  Widget build(BuildContext context) {
    return TabStatefulScaffold<List>(
      title: AppBarTitle(AppLocalizations.of(context)!.trending),
      tabs: [
        AppLocalizations.of(context)!.repositories,
        AppLocalizations.of(context)!.developers
      ],
      fetchData: (tabIndex) async {
        if (tabIndex == 0) {
          return trending.getTrendingRepositories();
        } else {
          return trending.getTrendingDevelopers();
        }
      },
      bodyBuilder: (payload, activeTab) {
        return Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: (activeTab == 0
                  ? [
                      for (var v in payload.cast<GithubTrendingRepository>())
                        RepoItem.gh(
                          owner: v.author,
                          avatarUrl: v.avatar,
                          name: v.name,
                          description: v.description,
                          starCount: v.stars ?? 0,
                          forkCount: v.forks ?? 0,
                          primaryLanguageName: v.language,
                          primaryLanguageColor: v.languageColor,
                          note: '${v.currentPeriodStars} stars today',
                          isPrivate: false,
                          isFork: false, // TODO:
                        )
                    ]
                  : [
                      for (var v in payload.cast<GithubTrendingDeveloper>())
                        UserItem.github(
                          login: v.username,
                          name: v.name,
                          avatarUrl: v.avatar,
                          bio: v.repo == null
                              ? null
                              : LinkWidget(
                                  url: '/github/${v.username}/${v.repo!.name}',
                                  child: Row(
                                    children: <Widget>[
                                      Icon(
                                        Octicons.repo,
                                        size: 17,
                                        color: AntTheme.of(context)
                                            .colorTextSecondary,
                                      ),
                                      const SizedBox(width: 4),
                                      Expanded(
                                          child: Text(
                                        '${v.username} / ${v.repo!.name}',
                                        style: TextStyle(
                                          fontSize: 17,
                                          color: AntTheme.of(context)
                                              .colorTextSecondary,
                                        ),
                                        overflow: TextOverflow.ellipsis,
                                      ))
                                    ],
                                  ),
                                ),
                        )
                    ])
              .withSeparator(CommonStyle.border),
        );
      },
    );
  }
}