import 'package:flutter/material.dart';
import 'package:git_touch/models/auth.dart';
import 'package:git_touch/models/gitlab.dart';
import 'package:git_touch/scaffolds/list_stateful.dart';
import 'package:git_touch/widgets/app_bar_title.dart';
import 'package:git_touch/widgets/user_item.dart';
import 'package:provider/provider.dart';

class GlMembersScreen extends StatelessWidget {
  final int id;
  final String type;
  GlMembersScreen(this.id, this.type);

  // https://docs.gitlab.com/ee/api/access_requests.html#valid-access-levels
  static const accessLevelMap = {
    10: 'Guest',
    20: 'Reporter',
    30: 'Developer',
    40: 'Maintainer',
    50: 'Owner',
  };

  @override
  Widget build(BuildContext context) {
    return ListStatefulScaffold<GitlabUser, int>(
      title: AppBarTitle('Members'),
      onLoadMore: (page) async {
        page = page ?? 1;
        final auth = context.read<AuthModel>();
        final res =
            await auth.fetchGitlabWithPage('/$type/$id/members?page=$page');
        return ListPayload(
          cursor: res.cursor,
          hasMore: res.hasMore,
          items: <GitlabUser>[
            for (var v in res.data) GitlabUser.fromJson(v),
          ],
        );
      },
      itemBuilder: (v) {
        return UserItem(
          avatarUrl: v.avatarUrl,
          login: v.username,
          bio: Text(accessLevelMap[v.accessLevel] ?? ''),
          url: '/gitlab/user/${v.id}',
        );
      },
    );
  }
}