import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter_svg/svg.dart';
import 'package:git_touch/models/auth.dart';
import 'package:git_touch/models/gitlab.dart';
import 'package:git_touch/scaffolds/refresh_stateful.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:git_touch/widgets/app_bar_title.dart';
import 'package:git_touch/widgets/avatar.dart';
import 'package:git_touch/widgets/entry_item.dart';
import 'package:git_touch/widgets/markdown_view.dart';
import 'package:git_touch/widgets/table_view.dart';
import 'package:provider/provider.dart';
import 'package:git_touch/models/theme.dart';
import 'package:git_touch/widgets/action_button.dart';
import 'package:tuple/tuple.dart';

final gitlabProjectRouter = RouterScreen('/gitlab/projects/:id',
    (context, params) => GitlabProjectScreen(int.parse(['id'].first)));

class GitlabProjectScreen extends StatelessWidget {
  final int id;

  GitlabProjectScreen(this.id);

  @override
  Widget build(BuildContext context) {
    return RefreshStatefulScaffold<
        Tuple4<GitlabProject, Map<String, double>, List<GitlabLabel>, String>>(
      title: AppBarTitle('Project'),
      fetchData: () async {
        final auth = Provider.of<AuthModel>(context);
        final res = await Future.wait([
          auth.fetchGitlab('/projects/$id'),
          auth.fetchGitlab('/projects/$id/languages'),
          auth.fetchGitlab('/projects/$id/badges'),
        ]);
        final p = GitlabProject.fromJson(res[0]);
        String readme;
        if (p.readmeUrl != null) {
          readme = await auth.fetchWithGitlabToken(
              p.readmeUrl.replaceFirst(r'/blob/', '/raw/'));
        }
        return Tuple4(
          p,
          Map<String, double>.from(res[1]),
          (res[2] as List).map((v) => GitlabLabel.fromJson(v)).toList(),
          readme,
        );
      },
      actionBuilder: (t, setState) {
        return ActionButton(
          title: 'Project Actions',
          items: [
            ...ActionItem.getUrlActions(t.item1.webUrl),
          ],
        );
      },
      bodyBuilder: (t, _) {
        // final langWidth = MediaQuery.of(context).size.width -
        //     CommonStyle.padding.left -
        //     CommonStyle.padding.right -
        //     data.languages.length +
        //     1;
        final p = t.item1;
        final langs = t.item2;
        final badges = t.item3;
        final theme = Provider.of<ThemeModel>(context);
        return Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            Container(
              padding: CommonStyle.padding,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: join(SizedBox(height: 12), [
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      Avatar(
                        url: p.avatarUrl,
                        size: AvatarSize.small,
                        linkUrl: '/${p.namespace.name}',
                      ),
                      SizedBox(width: 8),
                      Text(
                        '${p.namespace.name} / ${p.name}',
                        style: TextStyle(
                          fontSize: 20,
                          color: theme.palette.primary,
                        ),
                      ),
                    ],
                  ),
                  if (p.description != null && p.description.isNotEmpty)
                    Text(
                      p.description,
                      style: TextStyle(
                        color: theme.palette.secondaryText,
                        fontSize: 17,
                      ),
                    ),
                  if (badges.isNotEmpty)
                    Wrap(spacing: 4, runSpacing: 4, children: [
                      for (var label in badges)
                        SvgPicture.network(label.renderedImageUrl, height: 20)
                    ])
                ]),
              ),
            ),
            CommonStyle.border,
            Row(
              children: <Widget>[
                EntryItem(
                  count: p.starCount,
                  text: 'Stars',
                ),
                EntryItem(
                  count: p.forksCount,
                  text: 'Forks', // TODO:
                ),
              ],
            ),
            CommonStyle.border,
            TableView(
              hasIcon: true,
              items: [
                TableViewItem(
                  leftIconData: Octicons.code,
                  text: Text(langs.keys.isEmpty ? 'Code' : langs.keys.first),
                  url: '/gitlab/projects/$id/tree',
                ),
                if (p.issuesEnabled)
                  TableViewItem(
                    leftIconData: Octicons.issue_opened,
                    text: Text('Issues'),
                    rightWidget: Text(numberFormat.format(p.openIssuesCount)),
                    url: '/gitlab/projects/$id/issues',
                  ),
                if (p.mergeRequestsEnabled)
                  TableViewItem(
                    leftIconData: Octicons.git_pull_request,
                    text: Text('Merge requests'),
                    url: '/gitlab/projects/$id/merge_requests',
                  ),
              ],
            ),
            CommonStyle.verticalGap,
            if (t.item4 != null)
              Container(
                padding: CommonStyle.padding,
                color: theme.palette.background,
                child: MarkdownView(t.item4),
              ),
            CommonStyle.verticalGap,
          ],
        );
      },
    );
  }
}