import 'package:aves/model/filters/filters.dart';
import 'package:aves/model/filters/path.dart';
import 'package:aves/model/settings/settings.dart';
import 'package:aves/model/source/collection_source.dart';
import 'package:aves/theme/durations.dart';
import 'package:aves/theme/icons.dart';
import 'package:aves/widgets/common/extensions/build_context.dart';
import 'package:aves/widgets/common/identity/aves_filter_chip.dart';
import 'package:aves/widgets/common/identity/buttons.dart';
import 'package:aves/widgets/common/identity/empty.dart';
import 'package:aves/widgets/common/providers/media_query_data_provider.dart';
import 'package:aves/widgets/settings/privacy/file_picker/file_picker.dart';
import 'package:flutter/material.dart';
import 'package:flutter/scheduler.dart';
import 'package:provider/provider.dart';
import 'package:tuple/tuple.dart';

class HiddenItemsTile extends StatelessWidget {
  const HiddenItemsTile({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text(context.l10n.settingsHiddenItemsTile),
      onTap: () {
        Navigator.push(
          context,
          MaterialPageRoute(
            settings: const RouteSettings(name: HiddenItemsPage.routeName),
            builder: (context) => const HiddenItemsPage(),
          ),
        );
      },
    );
  }
}

class HiddenItemsPage extends StatelessWidget {
  static const routeName = '/settings/hidden_items';

  const HiddenItemsPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final l10n = context.l10n;
    final tabs = <Tuple2<Tab, Widget>>[
      Tuple2(
        Tab(text: l10n.settingsHiddenFiltersTitle),
        const _HiddenFilters(),
      ),
      Tuple2(
        Tab(text: l10n.settingsHiddenPathsTitle),
        const _HiddenPaths(),
      ),
    ];

    return MediaQueryDataProvider(
      child: DefaultTabController(
        length: tabs.length,
        child: Scaffold(
          appBar: AppBar(
            title: Text(l10n.settingsHiddenItemsTitle),
            bottom: TabBar(
              tabs: tabs.map((t) => t.item1).toList(),
            ),
          ),
          body: SafeArea(
            child: TabBarView(
              children: tabs.map((t) => t.item2).toList(),
            ),
          ),
        ),
      ),
    );
  }
}

class _HiddenFilters extends StatelessWidget {
  const _HiddenFilters({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Selector<Settings, Set<CollectionFilter>>(
      selector: (context, s) => settings.hiddenFilters.where((v) => v is! PathFilter).toSet(),
      builder: (context, hiddenFilters, child) {
        if (hiddenFilters.isEmpty) {
          return Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              _Banner(bannerText: context.l10n.settingsHiddenFiltersBanner),
              const Divider(height: 0),
              Expanded(
                child: Padding(
                  padding: const EdgeInsets.all(8),
                  child: EmptyContent(
                    icon: AIcons.hide,
                    text: context.l10n.settingsHiddenFiltersEmpty,
                  ),
                ),
              ),
            ],
          );
        }

        final filterList = hiddenFilters.toList()..sort();
        return ListView(
          children: [
            _Banner(bannerText: context.l10n.settingsHiddenFiltersBanner),
            const Divider(height: 0),
            Padding(
              padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 8),
              child: Wrap(
                spacing: 8,
                runSpacing: 8,
                children: filterList
                    .map((filter) => AvesFilterChip(
                          filter: filter,
                          removable: true,
                          onTap: (filter) => context.read<CollectionSource>().changeFilterVisibility({filter}, true),
                          onLongPress: null,
                        ))
                    .toList(),
              ),
            ),
          ],
        );
      },
    );
  }
}

class _HiddenPaths extends StatelessWidget {
  const _HiddenPaths({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Selector<Settings, Set<PathFilter>>(
      selector: (context, s) => settings.hiddenFilters.whereType<PathFilter>().toSet(),
      builder: (context, hiddenPaths, child) {
        final pathList = hiddenPaths.toList()..sort();
        return Column(
          children: [
            _Banner(bannerText: context.l10n.settingsHiddenPathsBanner),
            const Divider(height: 0),
            Flexible(
              child: ListView(
                shrinkWrap: true,
                children: [
                  ...pathList.map((pathFilter) => ListTile(
                        title: Text(pathFilter.path),
                        dense: true,
                        trailing: IconButton(
                          icon: const Icon(AIcons.clear),
                          onPressed: () {
                            context.read<CollectionSource>().changeFilterVisibility({pathFilter}, true);
                          },
                          tooltip: context.l10n.removeTooltip,
                        ),
                      )),
                ],
              ),
            ),
            const Divider(height: 0),
            const SizedBox(height: 8),
            AvesOutlinedButton(
              icon: const Icon(AIcons.add),
              label: context.l10n.addPathTooltip,
              onPressed: () async {
                final path = await Navigator.push(
                  context,
                  MaterialPageRoute<String>(
                    settings: const RouteSettings(name: FilePicker.routeName),
                    builder: (context) => const FilePicker(),
                  ),
                );
                // wait for the dialog to hide as applying the change may block the UI
                await Future.delayed(Durations.pageTransitionAnimation * timeDilation);
                if (path != null && path.isNotEmpty) {
                  context.read<CollectionSource>().changeFilterVisibility({PathFilter(path)}, false);
                }
              },
            ),
          ],
        );
      },
    );
  }
}

class _Banner extends StatelessWidget {
  final String bannerText;

  const _Banner({Key? key, required this.bannerText}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(16),
      child: Row(
        children: [
          const Icon(AIcons.info),
          const SizedBox(width: 16),
          Expanded(child: Text(bannerText)),
        ],
      ),
    );
  }
}