import 'dart:ui';

import 'package:aves/model/collection_lens.dart';
import 'package:aves/model/collection_source.dart';
import 'package:aves/model/filters/album.dart';
import 'package:aves/model/filters/location.dart';
import 'package:aves/model/filters/favourite.dart';
import 'package:aves/model/filters/filters.dart';
import 'package:aves/model/filters/gif.dart';
import 'package:aves/model/filters/tag.dart';
import 'package:aves/model/filters/video.dart';
import 'package:aves/model/settings.dart';
import 'package:aves/utils/android_file_utils.dart';
import 'package:aves/utils/color_utils.dart';
import 'package:aves/widgets/album/collection_page.dart';
import 'package:aves/widgets/common/aves_logo.dart';
import 'package:aves/widgets/common/icons.dart';
import 'package:aves/widgets/debug_page.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:outline_material_icons/outline_material_icons.dart';
import 'package:provider/provider.dart';

class CollectionDrawer extends StatefulWidget {
  final CollectionSource source;

  const CollectionDrawer({@required this.source});

  @override
  _CollectionDrawerState createState() => _CollectionDrawerState();
}

class _CollectionDrawerState extends State<CollectionDrawer> {
  bool _albumsExpanded = false, _citiesExpanded = false, _countriesExpanded = false, _tagsExpanded = false;

  CollectionSource get source => widget.source;

  @override
  Widget build(BuildContext context) {
    final header = Container(
      decoration: BoxDecoration(
        border: Border(
          bottom: Divider.createBorderSide(context),
        ),
      ),
      child: Container(
        padding: const EdgeInsets.all(16),
        color: Theme.of(context).accentColor,
        child: SafeArea(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Row(
                children: [
                  const AvesLogo(size: 64),
                  const SizedBox(width: 16),
                  const Text(
                    'Aves',
                    style: TextStyle(
                      fontSize: 44,
                      fontFamily: 'Concourse Caps',
                    ),
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
    );

    final allMediaEntry = _FilteredCollectionNavTile(
      source: source,
      leading: const Icon(OMIcons.photo),
      title: 'All media',
      filter: null,
    );
    final videoEntry = _FilteredCollectionNavTile(
      source: source,
      leading: const Icon(OMIcons.movie),
      title: 'Videos',
      filter: VideoFilter(),
    );
    final gifEntry = _FilteredCollectionNavTile(
      source: source,
      leading: const Icon(OMIcons.gif),
      title: 'GIFs',
      filter: GifFilter(),
    );
    final favouriteEntry = _FilteredCollectionNavTile(
      source: source,
      leading: const Icon(OMIcons.favoriteBorder),
      title: 'Favourites',
      filter: FavouriteFilter(),
    );
    final buildAlbumEntry = (album) => _FilteredCollectionNavTile(
          source: source,
          leading: IconUtils.getAlbumIcon(context: context, album: album),
          title: CollectionSource.getUniqueAlbumName(album, source.sortedAlbums),
          dense: true,
          filter: AlbumFilter(album, CollectionSource.getUniqueAlbumName(album, source.sortedAlbums)),
        );
    final buildTagEntry = (tag) => _FilteredCollectionNavTile(
          source: source,
          leading: Icon(
            OMIcons.localOffer,
            color: stringToColor(tag),
          ),
          title: tag,
          dense: true,
          filter: TagFilter(tag),
        );
    final buildLocationEntry = (level, location) => _FilteredCollectionNavTile(
          source: source,
          leading: Icon(
            OMIcons.place,
            color: stringToColor(location),
          ),
          title: location,
          dense: true,
          filter: LocationFilter(level, location),
        );

    final regularAlbums = [], appAlbums = [], specialAlbums = [];
    for (var album in source.sortedAlbums) {
      switch (androidFileUtils.getAlbumType(album)) {
        case AlbumType.Default:
          regularAlbums.add(album);
          break;
        case AlbumType.App:
          appAlbums.add(album);
          break;
        default:
          specialAlbums.add(album);
          break;
      }
    }
    final cities = source.sortedCities;
    final countries = source.sortedCountries;
    final tags = source.sortedTags;

    final drawerItems = <Widget>[
      header,
      allMediaEntry,
      videoEntry,
      gifEntry,
      favouriteEntry,
      if (specialAlbums.isNotEmpty) ...[
        const Divider(),
        ...specialAlbums.map(buildAlbumEntry),
      ],
      if (appAlbums.isNotEmpty || regularAlbums.isNotEmpty)
        SafeArea(
          top: false,
          bottom: false,
          child: ExpansionTile(
            leading: const Icon(OMIcons.photoAlbum),
            title: Row(
              children: [
                const Text('Albums'),
                const Spacer(),
                Text(
                  '${appAlbums.length + regularAlbums.length}',
                  style: TextStyle(
                    color: (_albumsExpanded ? Theme.of(context).accentColor : Colors.white).withOpacity(.6),
                  ),
                ),
              ],
            ),
            onExpansionChanged: (expanded) => setState(() => _albumsExpanded = expanded),
            children: [
              ...appAlbums.map(buildAlbumEntry),
              if (appAlbums.isNotEmpty && regularAlbums.isNotEmpty) const Divider(),
              ...regularAlbums.map(buildAlbumEntry),
            ],
          ),
        ),
      if (cities.isNotEmpty)
        SafeArea(
          top: false,
          bottom: false,
          child: ExpansionTile(
            leading: const Icon(OMIcons.place),
            title: Row(
              children: [
                const Text('Cities'),
                const Spacer(),
                Text(
                  '${cities.length}',
                  style: TextStyle(
                    color: (_citiesExpanded ? Theme.of(context).accentColor : Colors.white).withOpacity(.6),
                  ),
                ),
              ],
            ),
            onExpansionChanged: (expanded) => setState(() => _citiesExpanded = expanded),
            children: cities.map((s) => buildLocationEntry(LocationLevel.city, s)).toList(),
          ),
        ),
      if (countries.isNotEmpty)
        SafeArea(
          top: false,
          bottom: false,
          child: ExpansionTile(
            leading: const Icon(OMIcons.place),
            title: Row(
              children: [
                const Text('Countries'),
                const Spacer(),
                Text(
                  '${countries.length}',
                  style: TextStyle(
                    color: (_countriesExpanded ? Theme.of(context).accentColor : Colors.white).withOpacity(.6),
                  ),
                ),
              ],
            ),
            onExpansionChanged: (expanded) => setState(() => _countriesExpanded = expanded),
            children: countries.map((s) => buildLocationEntry(LocationLevel.country, s)).toList(),
          ),
        ),
      if (tags.isNotEmpty)
        SafeArea(
          top: false,
          bottom: false,
          child: ExpansionTile(
            leading: const Icon(OMIcons.localOffer),
            title: Row(
              children: [
                const Text('Tags'),
                const Spacer(),
                Text(
                  '${tags.length}',
                  style: TextStyle(
                    color: (_tagsExpanded ? Theme.of(context).accentColor : Colors.white).withOpacity(.6),
                  ),
                ),
              ],
            ),
            onExpansionChanged: (expanded) => setState(() => _tagsExpanded = expanded),
            children: tags.map(buildTagEntry).toList(),
          ),
        ),
      if (kDebugMode) ...[
        const Divider(),
        SafeArea(
          top: false,
          bottom: false,
          child: ListTile(
            leading: const Icon(OMIcons.whatshot),
            title: const Text('Debug'),
            onTap: () {
              Navigator.pop(context);
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => DebugPage(
                    source: source,
                  ),
                ),
              );
            },
          ),
        ),
      ],
    ];

    return Drawer(
      child: Selector<MediaQueryData, double>(
        selector: (c, mq) => mq.viewInsets.bottom,
        builder: (c, mqViewInsetsBottom, child) {
          return SingleChildScrollView(
            padding: EdgeInsets.only(bottom: mqViewInsetsBottom),
            child: Theme(
              data: Theme.of(context).copyWith(
                // color used by `ExpansionTile` for leading icon
                unselectedWidgetColor: Colors.white,
              ),
              child: Column(
                children: drawerItems,
              ),
            ),
          );
        },
      ),
    );
  }
}

class _FilteredCollectionNavTile extends StatelessWidget {
  final CollectionSource source;
  final Widget leading;
  final String title;
  final bool dense;
  final CollectionFilter filter;

  const _FilteredCollectionNavTile({
    @required this.source,
    @required this.leading,
    @required this.title,
    bool dense,
    @required this.filter,
  }) : this.dense = dense ?? false;

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      top: false,
      bottom: false,
      child: ListTile(
        leading: leading,
        title: Text(title),
        dense: dense,
        onTap: () {
          Navigator.pushAndRemoveUntil(
            context,
            MaterialPageRoute(
              builder: (context) => CollectionPage(CollectionLens(
                source: source,
                filters: [filter],
                groupFactor: settings.collectionGroupFactor,
                sortFactor: settings.collectionSortFactor,
              )),
            ),
            (route) => false,
          );
        },
      ),
    );
  }
}