import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:get/get.dart';
import 'package:solian/models/account.dart';
import 'package:solian/providers/account_status.dart';
import 'package:solian/router.dart';
import 'package:solian/services.dart';
import 'package:solian/widgets/account/account_heading.dart';

class AccountProfilePopup extends StatefulWidget {
  final String name;

  const AccountProfilePopup({super.key, required this.name});

  @override
  State<AccountProfilePopup> createState() => _AccountProfilePopupState();
}

class _AccountProfilePopupState extends State<AccountProfilePopup> {
  bool _isBusy = true;
  dynamic _hasError;

  Account? _userinfo;

  void _getUserinfo() async {
    setState(() => _isBusy = true);

    try {
      final client = await ServiceFinder.configureClient('auth');
      final resp = await client.get('/users/${widget.name}');
      if (resp.statusCode == 200) {
        setState(() {
          _userinfo = Account.fromJson(resp.body);
          _isBusy = false;
        });
      } else {
        setState(() {
          _hasError = resp.bodyString;
          _isBusy = false;
        });
      }
    } catch (e) {
      setState(() {
        _hasError = e;
        _isBusy = false;
      });
    }
  }

  Color get _unFocusColor =>
      Theme.of(context).colorScheme.onSurface.withOpacity(0.75);

  @override
  void initState() {
    super.initState();
    _getUserinfo();
  }

  @override
  Widget build(BuildContext context) {
    if (_isBusy) {
      return SizedBox(
        height: MediaQuery.of(context).size.height * 0.75,
        child: const Center(child: CircularProgressIndicator()),
      );
    }

    if (_hasError != null) {
      return SizedBox(
        height: MediaQuery.of(context).size.height * 0.75,
        width: double.infinity,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Icon(Icons.cancel, size: 24),
            const Gap(12),
            Text(
              _hasError.toString(),
              textAlign: TextAlign.center,
              style: TextStyle(
                fontSize: 13,
                color: _unFocusColor,
              ),
            ),
          ],
        ),
      );
    }

    return SizedBox(
      height: MediaQuery.of(context).size.height * 0.75,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          AccountHeadingWidget(
            avatar: _userinfo!.avatar,
            banner: _userinfo!.banner,
            name: _userinfo!.name,
            nick: _userinfo!.nick,
            desc: _userinfo!.description,
            detail: _userinfo!,
            profile: _userinfo!.profile,
            badges: _userinfo!.badges,
            status:
                Get.find<StatusProvider>().getSomeoneStatus(_userinfo!.name),
            extraWidgets: [
              Card(
                child: ListTile(
                  leading: const Icon(
                    Icons.contact_page_outlined,
                  ),
                  shape: const RoundedRectangleBorder(
                    borderRadius: BorderRadius.all(Radius.circular(8)),
                  ),
                  title: Text('visitProfilePage'.tr),
                  subtitle: Text('learnMoreAboutPerson'.tr),
                  visualDensity:
                      const VisualDensity(horizontal: -4, vertical: -2),
                  trailing: const Icon(Icons.chevron_right),
                  onTap: () {
                    AppRouter.instance.goNamed(
                      'accountProfilePage',
                      pathParameters: {'name': _userinfo!.name},
                    );
                    Navigator.pop(context);
                  },
                ),
              ),
            ],
          ).paddingOnly(top: 16),
        ],
      ),
    );
  }
}