import 'dart:ui';

import 'package:aves/model/image_collection.dart';
import 'package:aves/model/image_entry.dart';
import 'package:aves/utils/android_file_utils.dart';
import 'package:aves/utils/color_utils.dart';
import 'package:aves/widgets/album/filtered_collection_page.dart';
import 'package:aves/widgets/common/icons.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:outline_material_icons/outline_material_icons.dart';
import 'package:provider/provider.dart';

class AllCollectionDrawer extends StatelessWidget {
  const AllCollectionDrawer();

  @override
  Widget build(BuildContext context) {
    final collection = Provider.of<ImageCollection>(context);
    final tags = collection.sortedTags;
    final regularAlbums = [], appAlbums = [], specialAlbums = [];
    for (var album in collection.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 videoEntry = _FilteredCollectionNavTile(
      collection: collection,
      leading: const Icon(OMIcons.videoLibrary),
      title: 'Videos',
      filter: (entry) => entry.isVideo,
    );
    final buildAlbumEntry = (album) => _FilteredCollectionNavTile(
          collection: collection,
          leading: IconUtils.getAlbumIcon(context, album) ?? const Icon(OMIcons.photoAlbum),
          title: collection.getUniqueAlbumName(album, collection.sortedAlbums),
          filter: (entry) => entry.directory == album,
        );
    final buildTagEntry = (tag) => _FilteredCollectionNavTile(
          collection: collection,
          leading: Icon(
            OMIcons.label,
            color: stringToColor(tag),
          ),
          title: tag,
          filter: (entry) => entry.xmpSubjects.contains(tag),
        );

    return Drawer(
      child: Selector<MediaQueryData, double>(
        selector: (c, mq) => mq.viewInsets.bottom,
        builder: (c, mqViewInsetsBottom, child) => ListView(
          padding: EdgeInsets.only(bottom: mqViewInsetsBottom),
          children: [
            DrawerHeader(
              decoration: BoxDecoration(
                color: Theme.of(context).accentColor,
              ),
              child: SafeArea(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Row(
                      children: [
                        CircleAvatar(
                          backgroundColor: Colors.white,
                          radius: 44,
                          child: Padding(
                            padding: const EdgeInsets.only(top: 6.0),
                            child: SvgPicture.asset(
                              'assets/aves_logo.svg',
                              width: 64,
                            ),
                          ),
                        ),
                        const SizedBox(width: 16),
                        const Text(
                          'Aves',
                          style: TextStyle(
                            fontSize: 44,
                            fontFamily: 'Concourse Caps',
                          ),
                        ),
                      ],
                    ),
                    const SizedBox(height: 16),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Row(children: [
                          const Icon(OMIcons.photoLibrary),
                          const SizedBox(width: 4),
                          Text('${collection.imageCount}'),
                        ]),
                        Row(children: [
                          const Icon(OMIcons.videoLibrary),
                          const SizedBox(width: 4),
                          Text('${collection.videoCount}'),
                        ]),
                        Row(children: [
                          const Icon(OMIcons.photoAlbum),
                          const SizedBox(width: 4),
                          Text('${collection.albumCount}'),
                        ]),
                        Row(children: [
                          const Icon(OMIcons.label),
                          const SizedBox(width: 4),
                          Text('${collection.tagCount}'),
                        ]),
                      ],
                    ),
                  ],
                ),
              ),
            ),
            videoEntry,
            if (specialAlbums.isNotEmpty) ...[
              const Divider(),
              ...specialAlbums.map(buildAlbumEntry),
            ],
            if (appAlbums.isNotEmpty) ...[
              const Divider(),
              ...appAlbums.map(buildAlbumEntry),
            ],
            if (regularAlbums.isNotEmpty) ...[
              const Divider(),
              ...regularAlbums.map(buildAlbumEntry),
            ],
            if (tags.isNotEmpty) ...[
              const Divider(),
              ...tags.map(buildTagEntry),
            ],
          ],
        ),
      ),
    );
  }
}

class _FilteredCollectionNavTile extends StatelessWidget {
  final ImageCollection collection;
  final Widget leading;
  final String title;
  final bool Function(ImageEntry) filter;

  const _FilteredCollectionNavTile({
    @required this.collection,
    @required this.leading,
    @required this.title,
    @required this.filter,
  });

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      top: false,
      bottom: false,
      child: ListTile(
        leading: leading,
        title: Text(title),
        dense: true,
        onTap: () {
          Navigator.pop(context);
          Navigator.push(
            context,
            MaterialPageRoute(
              builder: (context) => FilteredCollectionPage(
                collection: collection,
                filter: filter,
                title: title,
              ),
            ),
          );
        },
      ),
    );
  }
}