import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:git_touch/graphql/github_me.dart';
import 'package:git_touch/models/theme.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/entry_item.dart';
import 'package:git_touch/widgets/table_view.dart';
import 'package:git_touch/widgets/text_contains_organization.dart';
import 'package:git_touch/widgets/user_item.dart';
import 'package:git_touch/models/auth.dart';
import 'package:provider/provider.dart';

class MeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return RefreshStatefulScaffold<GithubMeUser>(
      fetchData: () async {
        final data = await Provider.of<AuthModel>(context)
            .gqlClient
            .execute(GithubMeQuery());
        return data.data.viewer;
      },
      title: AppBarTitle('Me'),
      bodyBuilder: (user, _) {
        final theme = Provider.of<ThemeModel>(context);
        final login = user.login;

        return Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            UserItem(
              login: user.login,
              name: user.name,
              avatarUrl: user.avatarUrl,
              bio: user.bio,
              inUserScreen: true,
            ),
            CommonStyle.border,
            Row(children: [
              EntryItem(
                count: user.repositories.totalCount,
                text: 'Repositories',
                url: '/$login?tab=repositories',
              ),
              EntryItem(
                count: user.starredRepositories.totalCount,
                text: 'Stars',
                url: '/$login?tab=stars',
              ),
              EntryItem(
                count: user.followers.totalCount,
                text: 'Followers',
                url: '/$login?tab=followers',
              ),
              EntryItem(
                count: user.following.totalCount,
                text: 'Following',
                url: '/$login?tab=following',
              ),
            ]),
            CommonStyle.verticalGap,
            Container(
              color: theme.palette.background,
              padding: CommonStyle.padding,
              child: SingleChildScrollView(
                scrollDirection: Axis.horizontal,
                reverse: true,
                child: Wrap(
                  spacing: 3,
                  children: user
                      .contributionsCollection.contributionCalendar.weeks
                      .map((week) {
                    return Wrap(
                      direction: Axis.vertical,
                      spacing: 3,
                      children: week.contributionDays.map((day) {
                        var color = convertColor(day.color);
                        if (theme.brightness == Brightness.dark) {
                          color = Color.fromRGBO(0xff - color.red,
                              0xff - color.green, 0xff - color.blue, 1);
                        }
                        return SizedBox(
                          width: 10,
                          height: 10,
                          child: DecoratedBox(
                            decoration: BoxDecoration(color: color),
                          ),
                        );
                      }).toList(),
                    );
                  }).toList(),
                ),
              ),
            ),
            CommonStyle.verticalGap,
            TableView(
              hasIcon: true,
              items: [
                if (isNotNullOrEmpty(user.company))
                  TableViewItem(
                    leftIconData: Octicons.organization,
                    text: TextContainsOrganization(
                      user.company,
                      style: TextStyle(fontSize: 16, color: theme.palette.text),
                      oneLine: true,
                    ),
                  ),
                if (isNotNullOrEmpty(user.location))
                  TableViewItem(
                    leftIconData: Octicons.location,
                    text: Text(user.location),
                    onTap: () {
                      launchUrl('https://www.google.com/maps/place/' +
                          user.location.replaceAll(RegExp(r'\s+'), ''));
                    },
                  ),
                if (isNotNullOrEmpty(user.email))
                  TableViewItem(
                    leftIconData: Octicons.mail,
                    text: Text(user.email),
                    onTap: () {
                      launchUrl('mailto:' + user.email);
                    },
                  ),
                if (isNotNullOrEmpty(user.websiteUrl))
                  TableViewItem(
                    leftIconData: Octicons.link,
                    text: Text(user.websiteUrl),
                    onTap: () {
                      var url = user.websiteUrl;
                      if (!url.startsWith('http')) {
                        url = 'http://$url';
                      }
                      launchUrl(url);
                    },
                  ),
              ],
            ),
            CommonStyle.verticalGap,
            TableView(
              hasIcon: true,
              items: [
                TableViewItem(
                  leftIconData: Octicons.settings,
                  text: Text('Settings'),
                  url: '/settings',
                ),
              ],
            ),
            CommonStyle.verticalGap,
          ],
        );
      },
    );
  }
}