import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:solian/models/account_status.dart';
import 'package:solian/providers/account_status.dart';
import 'package:solian/providers/auth.dart';
import 'package:solian/providers/content/channel.dart';
import 'package:solian/providers/relation.dart';
import 'package:solian/router.dart';
import 'package:solian/shells/root_shell.dart';
import 'package:solian/theme.dart';
import 'package:solian/widgets/account/account_avatar.dart';
import 'package:solian/widgets/account/account_status_action.dart';
import 'package:solian/widgets/channel/channel_list.dart';
import 'package:solian/widgets/navigation/app_navigation.dart';
import 'package:badges/badges.dart' as badges;

class AppNavigationDrawer extends StatefulWidget {
  final String? routeName;

  const AppNavigationDrawer({super.key, this.routeName});

  @override
  State<AppNavigationDrawer> createState() => _AppNavigationDrawerState();
}

class _AppNavigationDrawerState extends State<AppNavigationDrawer> {
  int? _selectedIndex = 0;

  AccountStatus? _accountStatus;

  late final ChannelProvider _channels;

  Future<void> _getStatus() async {
    final StatusProvider provider = Get.find();

    final resp = await provider.getCurrentStatus();
    final status = AccountStatus.fromJson(resp.body);

    setState(() {
      _accountStatus = status;
    });
  }

  void _detectSelectedIndex() {
    if (widget.routeName == null) return;

    final nameList = AppNavigation.destinations.map((x) => x.page).toList();
    final idx = nameList.indexOf(widget.routeName!);

    _selectedIndex = idx != -1 ? idx : null;
  }

  void _closeDrawer() {
    rootScaffoldKey.currentState!.closeDrawer();
  }

  Widget _buildSettingButton() {
    return IconButton(
        icon: const Icon(Icons.settings),
        onPressed: () {
          AppRouter.instance.pushNamed('settings');
          setState(() => _selectedIndex = null);
          _closeDrawer();
        });
  }

  @override
  void initState() {
    super.initState();
    _channels = Get.find();
    _detectSelectedIndex();
    _getStatus();
  }

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    _detectSelectedIndex();
  }

  @override
  Widget build(BuildContext context) {
    final AuthProvider auth = Get.find();

    return NavigationDrawer(
      backgroundColor:
          SolianTheme.isLargeScreen(context) ? Colors.transparent : null,
      selectedIndex: _selectedIndex,
      onDestinationSelected: (idx) {
        setState(() => _selectedIndex = idx);
        AppRouter.instance.goNamed(AppNavigation.destinations[idx].page);
        _closeDrawer();
      },
      children: [
        Obx(() {
          if (auth.isAuthorized.isFalse || auth.userProfile.value == null) {
            return ListTile(
              contentPadding: const EdgeInsets.symmetric(horizontal: 28),
              leading: const Icon(Icons.account_circle),
              title: Text('guest'.tr),
              subtitle: Text('unsignedIn'.tr),
              trailing: _buildSettingButton(),
              onTap: () {
                AppRouter.instance.goNamed('account');
                setState(() => _selectedIndex = null);
                _closeDrawer();
              },
            );
          }

          return ListTile(
            contentPadding: const EdgeInsets.symmetric(horizontal: 24),
            title: Text(
              auth.userProfile.value!['nick'],
              maxLines: 1,
              overflow: TextOverflow.fade,
            ),
            subtitle: Builder(
              builder: (context) {
                if (_accountStatus == null) {
                  return Text('loading'.tr);
                }
                final info = StatusProvider.determineStatus(
                  _accountStatus!,
                );
                return Text(
                  info.$3,
                  maxLines: 1,
                  overflow: TextOverflow.fade,
                );
              },
            ),
            leading: Obx(() {
              final statusBadgeColor = _accountStatus != null
                  ? StatusProvider.determineStatus(
                      _accountStatus!,
                    ).$2
                  : Colors.grey;

              final RelationshipProvider relations = Get.find();
              final accountNotifications = relations.friendRequestCount.value;

              return badges.Badge(
                badgeContent: Text(
                  accountNotifications.toString(),
                  style: const TextStyle(color: Colors.white),
                ),
                showBadge: accountNotifications > 0,
                position: badges.BadgePosition.topEnd(
                  top: -10,
                  end: -6,
                ),
                child: badges.Badge(
                  showBadge: _accountStatus != null,
                  badgeStyle: badges.BadgeStyle(badgeColor: statusBadgeColor),
                  position: badges.BadgePosition.bottomEnd(
                    bottom: 0,
                    end: -2,
                  ),
                  child: AccountAvatar(
                    content: auth.userProfile.value!['avatar'],
                  ),
                ),
              );
            }),
            trailing: _buildSettingButton(),
            onTap: () {
              AppRouter.instance.goNamed('account');
              setState(() => _selectedIndex = null);
              _closeDrawer();
            },
            onLongPress: () {
              showModalBottomSheet(
                useRootNavigator: true,
                context: context,
                builder: (context) => AccountStatusAction(
                  currentStatus: _accountStatus!.status,
                ),
              ).then((val) {
                if (val == true) _getStatus();
              });
            },
          );
        }).paddingOnly(top: 8),
        const Divider(thickness: 0.3, height: 1).paddingOnly(
          bottom: 12,
          top: 8,
        ),
        ...AppNavigation.destinations.map(
          (e) => NavigationDrawerDestination(
            icon: e.icon,
            label: Text(e.label),
          ),
        ),
        const Divider(thickness: 0.3, height: 1).paddingOnly(
          top: 12,
        ),
        Obx(() {
          if (auth.isAuthorized.isFalse || auth.userProfile.value == null) {
            return const SizedBox();
          }

          final selfId = auth.userProfile.value!['id'];

          return Column(
            children: [
              Theme(
                data: Theme.of(context)
                    .copyWith(dividerColor: Colors.transparent),
                child: ExpansionTile(
                  title: Text('channels'.tr),
                  tilePadding: const EdgeInsets.symmetric(horizontal: 24),
                  children: [
                    Obx(
                      () => SizedBox(
                        height: 360,
                        child: RefreshIndicator(
                          onRefresh: () => _channels.refreshAvailableChannel(),
                          child: ChannelListWidget(
                            channels: _channels.groupChannels,
                            selfId: selfId,
                            isDense: true,
                            useReplace: true,
                            onSelected: (_) {
                              setState(() => _selectedIndex = null);
                              _closeDrawer();
                            },
                          ),
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ],
          );
        }),
      ],
    );
  }
}