import 'package:flutter/material.dart';
import 'package:git_touch/models/theme.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:git_touch/widgets/avatar.dart';
import 'package:provider/provider.dart';

class UserHeader extends StatelessWidget {
  final String avatarUrl;
  final String name;
  final String login;
  final DateTime createdAt;
  final String bio;
  final Widget followWidget;

  UserHeader({
    @required this.avatarUrl,
    @required this.name,
    @required this.login,
    @required this.createdAt,
    @required this.bio,
    this.followWidget,
  });

  @override
  Widget build(BuildContext context) {
    final theme = Provider.of<ThemeModel>(context);
    return Container(
      padding: CommonStyle.padding,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: <Widget>[
          Row(
            children: <Widget>[
              Avatar(url: avatarUrl, size: AvatarSize.extraLarge),
              if (followWidget != null) ...[
                Expanded(child: Container()),
                followWidget,
              ]
            ],
          ),
          SizedBox(height: 8),
          if (name != null && name.isNotEmpty) ...[
            Text(
              name,
              style: TextStyle(
                color: theme.palette.text,
                fontSize: 20,
                fontWeight: FontWeight.w600,
              ),
            ),
            SizedBox(height: 4),
          ],
          Text(
            login,
            style: TextStyle(
              color: theme.palette.primary,
              fontSize: 18,
            ),
          ),
          SizedBox(height: 8),
          Row(
            children: <Widget>[
              Icon(
                Octicons.clock,
                size: 16,
                color: theme.palette.tertiaryText,
              ),
              SizedBox(width: 4),
              Text(
                'Joined on ${dateFormat.format(createdAt)}',
                style: TextStyle(
                  color: theme.palette.tertiaryText,
                  fontSize: 16,
                ),
              ),
            ],
          ),
          if (bio != null && bio.isNotEmpty) ...[
            SizedBox(height: 10),
            Text(
              bio,
              style: TextStyle(
                color: theme.palette.secondaryText,
                fontSize: 17,
              ),
            )
          ]
        ],
      ),
    );
  }
}