import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:solian/models/channel.dart';
import 'package:solian/providers/content/channel.dart';
import 'package:solian/router.dart';
import 'package:collection/collection.dart';

class AppNavigationRegions extends StatelessWidget {
  final Function(Channel item) onSelected;

  const AppNavigationRegions({super.key, required this.onSelected});

  void _gotoChannel(Channel item) {
    AppRouter.instance.pushReplacementNamed(
      'channelChat',
      pathParameters: {'alias': item.alias},
      queryParameters: {
        if (item.realmId != null) 'realm': item.realm!.alias,
      },
    );

    onSelected(item);
  }

  Widget _buildEntry(BuildContext context, Channel item) {
    const padding = EdgeInsets.symmetric(horizontal: 20);

    return ListTile(
      minTileHeight: 0,
      leading: const Icon(Icons.tag_outlined),
      contentPadding: padding,
      title: Text(item.name),
      subtitle: Text(
        item.description,
        maxLines: 1,
        overflow: TextOverflow.ellipsis,
      ),
      onTap: () => _gotoChannel(item),
    );
  }

  @override
  Widget build(BuildContext context) {
    final ChannelProvider channels = Get.find();

    return Obx(() {
      final List<Channel> noRealmGroupChannels = channels.availableChannels
          .where((x) => x.type == 0 && x.realmId == null)
          .toList();
      final List<Channel> hasRealmGroupChannels = channels.availableChannels
          .where((x) => x.type == 0 && x.realmId != null)
          .toList();

      return CustomScrollView(
        slivers: [
          const SliverPadding(padding: EdgeInsets.only(top: 8)),
          SliverList.builder(
            itemCount: noRealmGroupChannels.length,
            itemBuilder: (context, index) {
              final element = noRealmGroupChannels[index];
              return _buildEntry(context, element);
            },
          ),
          SliverList.list(
            children: hasRealmGroupChannels
                .groupListsBy((x) => x.realm)
                .entries
                .map((element) {
              return ExpansionTile(
                minTileHeight: 0,
                initiallyExpanded: true,
                tilePadding: const EdgeInsets.only(left: 20, right: 24),
                backgroundColor: Theme.of(context).colorScheme.surfaceContainer,
                collapsedBackgroundColor:
                    Theme.of(context).colorScheme.surfaceContainer,
                title: Text(element.value.first.realm!.name),
                leading: const Icon(Icons.workspaces, size: 16)
                    .paddingSymmetric(horizontal: 4),
                children:
                    element.value.map((x) => _buildEntry(context, x)).toList(),
              );
            }).toList(),
          ),
          const SliverPadding(padding: EdgeInsets.only(bottom: 8)),
        ],
      );
    });
  }
}