import 'dart:async';
import 'dart:io';
import 'dart:math' as math;

import 'package:cached_network_image/cached_network_image.dart';
import 'package:dio/dio.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart' hide SearchDelegate;
import 'package:flutter/services.dart';
import 'package:flutter_html/flutter_html.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:provider/provider.dart';
import 'package:tsacdop/util/cache_manager.dart';
import 'package:webfeed/webfeed.dart';

import '../.env.dart';
import '../local_storage/key_value_storage.dart';
import '../service/search_api.dart';
import '../state/audio_state.dart';
import '../state/podcast_group.dart';
import '../state/search_state.dart';
import '../type/episodebrief.dart';
import '../type/search_api/searchepisodes.dart';
import '../type/search_api/searchpodcast.dart';
import '../util/extension_helper.dart';
import '../widgets/custom_search_delegate.dart';
import '../widgets/custom_widget.dart';
import 'pocast_discovery.dart';

class MyHomePageDelegate extends SearchDelegate<int> {
  final String searchFieldLabel;
  MyHomePageDelegate({this.searchFieldLabel})
      : super(
          searchFieldLabel: searchFieldLabel,
        );
  var _searchEngine;
  static Future _getRss(String url) async {
    try {
      final options = BaseOptions(
        connectTimeout: 30000,
        receiveTimeout: 90000,
      );
      var response = await Dio(options).get(url);
      return RssFeed.parse(response.data);
    } catch (e) {
      rethrow;
    }
  }

  RegExp rssExp = RegExp(r'^(https?):\/\/(.*)');

  Widget _invalidRss(BuildContext context) => Container(
        padding: EdgeInsets.only(top: 200),
        alignment: Alignment.topCenter,
        child: Text(context.s.searchInvalidRss,
            style: context.textTheme.headline6.copyWith(color: Colors.red)),
      );

  @override
  void close(BuildContext context, int result) {
    final searchState = context.read<SearchState>();
    final selectedPodcast = searchState.selectedPodcast;
    if (selectedPodcast != null) {
      searchState.clearSelect();
    } else {
      if (searchState.genre != null) {
        searchState.clearGenre();
      } else {
        searchState.clearList();
        super.close(context, result);
      }
    }
  }

  @override
  ThemeData appBarTheme(BuildContext context) => Theme.of(context);

  @override
  TextStyle get searchFieldStyle => TextStyle(fontSize: 20);

  @override
  Widget buildLeading(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        close(context, null);
        return false;
      },
      child: IconButton(
        tooltip: context.s.back,
        splashRadius: 20,
        icon: Icon(_getIconData(Theme.of(context).platform)),
        onPressed: () {
          close(context, 1);
        },
      ),
    );
  }

  @override
  Widget buildSuggestions(BuildContext context) {
    return DiscoveryPage(
      onTap: (history) {
        query = history;
        showResults(context);
      },
    );
  }

  @override
  List<Widget> buildActions(BuildContext context) {
    return <Widget>[
      if (query.isNotEmpty)
        IconButton(
          tooltip: context.s.clear,
          splashRadius: 20,
          icon: const Icon(Icons.clear),
          onPressed: () {
            query = '';
            showResults(context);
          },
        ),
      _SearchPopupMenu(
        onSelected: (searchEngine) {
          _searchEngine = searchEngine;
          showSuggestions(context);
          if (query != '') {
            showResults(context);
          }
        },
      ),
    ];
  }

  @override
  Widget buildResults(BuildContext context) {
    if (query.isEmpty) {
      return DiscoveryPage(onTap: (history) {
        query = history;
        showResults(context);
      });
    } else if (rssExp.stringMatch(query) != null) {
      return FutureBuilder(
        future: _getRss(rssExp.stringMatch(query)),
        builder: (context, snapshot) {
          if (snapshot.hasError) {
            return _invalidRss(context);
          } else if (snapshot.hasData) {
            return RssResult(
              url: rssExp.stringMatch(query),
              rssFeed: snapshot.data,
            );
          } else {
            return Container(
              padding: EdgeInsets.only(top: 200),
              alignment: Alignment.topCenter,
              child: Platform.isIOS
                  ? CupertinoActivityIndicator()
                  : CircularProgressIndicator(),
            );
          }
        },
      );
    } else {
      switch (_searchEngine) {
        case SearchEngine.listenNotes:
          return _ListenNotesSearch(query: query);
          break;
        case SearchEngine.podcastIndex:
          return _PodcastIndexSearch(query: query);
        default:
          return Center();
          break;
      }
    }
  }

  static IconData _getIconData(TargetPlatform platform) {
    switch (platform) {
      case TargetPlatform.android:
      case TargetPlatform.fuchsia:
      case TargetPlatform.linux:
      case TargetPlatform.windows:
        return Icons.arrow_back;
      case TargetPlatform.iOS:
      case TargetPlatform.macOS:
        return Icons.arrow_back_ios;
    }
    assert(false);
    return null;
  }
}

class RssResult extends StatefulWidget {
  RssResult({this.url, this.rssFeed, Key key}) : super(key: key);
  final RssFeed rssFeed;
  final String url;
  @override
  _RssResultState createState() => _RssResultState();
}

class _RssResultState extends State<RssResult> {
  OnlinePodcast _onlinePodcast;
  int _loadItems;

  @override
  void initState() {
    var p = widget.rssFeed;
    _loadItems = 10;
    _onlinePodcast = OnlinePodcast(
        rss: widget.url,
        title: p?.title ?? widget.url,
        publisher: p?.author ?? "",
        description: p?.description ?? "No description for this podcast",
        image: p?.itunes?.image?.href ?? p?.image?.url ?? "",
        count: p.items.length);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    final s = context.s;
    var items = widget.rssFeed.items;
    return DefaultTabController(
      length: 2,
      child: Column(
        children: [
          Container(
            color: context.primaryColor,
            height: 140,
            child: Row(
              children: [
                Expanded(
                  child: Padding(
                    padding: const EdgeInsets.only(left: 20),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Padding(
                          padding: const EdgeInsets.symmetric(vertical: 8),
                          child: Text(_onlinePodcast.title,
                              maxLines: 2,
                              overflow: TextOverflow.ellipsis,
                              style: context.textTheme.headline5),
                        ),
                        SubscribeButton(_onlinePodcast),
                      ],
                    ),
                  ),
                ),
                CachedNetworkImage(
                  height: 120.0,
                  width: 120.0,
                  cacheManager: CustomCacheManager(), 
                  fit: BoxFit.fitWidth,
                  alignment: Alignment.center,
                  imageUrl: _onlinePodcast.image,
                  progressIndicatorBuilder: (context, url, downloadProgress) =>
                      Container(
                    height: 120,
                    width: 120,
                    alignment: Alignment.center,
                    color: context.primaryColorDark,
                    child: SizedBox(
                      width: 40,
                      height: 2,
                      child: LinearProgressIndicator(
                          value: downloadProgress.progress),
                    ),
                  ),
                  errorWidget: (context, url, error) => Container(
                      width: 120,
                      height: 120,
                      alignment: Alignment.center,
                      color: context.primaryColorDark,
                      child: Icon(Icons.error)),
                ),
              ],
            ),
          ),
          Container(
            height: 50,
            color: context.primaryColor,
            child: TabBar(
                indicatorColor: context.accentColor,
                labelColor: context.textColor,
                indicatorWeight: 3,
                indicatorSize: TabBarIndicatorSize.label,
                tabs: [
                  Text(s.homeToprightMenuAbout),
                  Row(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Text(s.episode(2)),
                      SizedBox(width: 2),
                      Container(
                          padding: const EdgeInsets.only(
                              left: 5, right: 5, top: 2, bottom: 2),
                          decoration: BoxDecoration(
                              color: context.accentColor,
                              borderRadius: BorderRadius.circular(100)),
                          child: Text(_onlinePodcast.count.toString(),
                              style: TextStyle(color: Colors.white)))
                    ],
                  )
                ]),
          ),
          Expanded(
            child: TabBarView(children: [
              ListView(
                children: [
                  Align(
                    alignment: Alignment.topLeft,
                    child: Html(
                      onLinkTap: (url) {
                        url.launchUrl;
                      },
                      linkStyle: TextStyle(
                          color: context.accentColor,
                          // decoration: TextDecoration.underline,
                          textBaseline: TextBaseline.ideographic),
                      shrinkToFit: true,
                      data: _onlinePodcast.description,
                      padding:
                          EdgeInsets.only(left: 20.0, right: 20, bottom: 20),
                      defaultTextStyle: TextStyle(
                        height: 1.8,
                      ),
                    ),
                  ),
                ],
              ),
              ListView.builder(
                  itemCount: math.min(_loadItems + 1, items.length),
                  itemBuilder: (context, index) {
                    if (index == _loadItems) {
                      return Container(
                        padding: const EdgeInsets.only(top: 10.0, bottom: 20.0),
                        alignment: Alignment.center,
                        child: OutlineButton(
                          highlightedBorderColor: context.accentColor,
                          splashColor: context.accentColor.withOpacity(0.5),
                          shape: RoundedRectangleBorder(
                              borderRadius:
                                  BorderRadius.all(Radius.circular(100))),
                          child: Text(context.s.loadMore),
                          onPressed: () => setState(
                            () => _loadItems += 10,
                          ),
                        ),
                      );
                    }
                    return ListTile(
                      title: Text(items[index].title),
                      subtitle: Text('${items[index].pubDate}',
                          style: TextStyle(color: context.accentColor)),
                    );
                  })
            ]),
          )
        ],
      ),
    );
  }
}

class _SearchPopupMenu extends StatefulWidget {
  final ValueChanged<SearchEngine> onSelected;
  _SearchPopupMenu({this.onSelected, Key key}) : super(key: key);

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

class __SearchPopupMenuState extends State<_SearchPopupMenu> {
  SearchEngine _searchEngine;

  @override
  void initState() {
    super.initState();
    _searchEngine = SearchEngine.podcastIndex;
    _getSearchEngine();
  }

  Future<void> _getSearchEngine() async {
    final storage = KeyValueStorage(searchEngineKey);
    final index = await storage.getInt();
    setState(() => _searchEngine = SearchEngine.values[index]);
    widget.onSelected(_searchEngine);
  }

  @override
  Widget build(BuildContext context) {
    return PopupMenuButton<SearchEngine>(
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
      elevation: 1,
      icon: SizedBox(
        height: 25,
        width: 25,
        child: CircleAvatar(
          backgroundImage: _searchEngine == SearchEngine.podcastIndex
              ? AssetImage('assets/podcastindex_logo.png')
              : AssetImage('assets/listennotes_logo.png'),
          maxRadius: 25,
        ),
      ),
      onSelected: (searchEngine) {
        widget.onSelected(searchEngine);
        setState(() {
          _searchEngine = searchEngine;
        });
      },
      itemBuilder: (context) => [
        PopupMenuItem(
          value: SearchEngine.podcastIndex,
          child: Padding(
            padding: EdgeInsets.only(left: 10),
            child: Row(
              children: <Widget>[
                Text('Podcastindex'),
                Spacer(),
                if (_searchEngine == SearchEngine.podcastIndex) DotIndicator()
              ],
            ),
          ),
        ),
        if (environment['apiKey'] != '')
          PopupMenuItem(
            value: SearchEngine.listenNotes,
            child: Padding(
              padding: EdgeInsets.only(left: 10),
              child: Row(
                children: <Widget>[
                  Text('ListenNotes'),
                  Spacer(),
                  if (_searchEngine == SearchEngine.listenNotes) DotIndicator()
                ],
              ),
            ),
          ),
      ],
    );
  }
}

class _ListenNotesSearch extends StatefulWidget {
  final String query;
  _ListenNotesSearch({this.query, Key key}) : super(key: key);

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

class __ListenNotesSearchState extends State<_ListenNotesSearch> {
  final List<OnlinePodcast> _podcastList = [];
  int _nextOffset = 0;
  int _offset;
  bool _loading = false;
  bool _loadError = false;
  Future _searchFuture;

  @override
  void initState() {
    super.initState();
    _searchFuture = _getListenNotesList(widget.query, _nextOffset);
  }

  Future<void> _saveHistory(String query) async {
    final storage = KeyValueStorage(searchHistoryKey);
    final history = await storage.getStringList();
    if (!history.contains(query)) {
      if (history.length >= 6) {
        history.removeLast();
      }
      history.insert(0, query);
      await storage.saveStringList(history);
    }
  }

  Future<List<OnlinePodcast>> _getListenNotesList(
      String searchText, int nextOffset) async {
    if (nextOffset == 0) _saveHistory(searchText);
    final searchEngine = ListenNotesSearch();
    var searchResult;
    try {
      searchResult = await searchEngine.searchPodcasts(
          searchText: searchText, nextOffset: nextOffset);
    } catch (e) {
      _loadError = true;
      _loading = false;
      return [];
    }
    _offset = searchResult.nextOffset;
    var searchList = <OnlinePodcast>[...searchResult.results.cast().toList()];
    _podcastList.addAll(searchList);
    _loading = false;
    return _podcastList;
  }

  @override
  Widget build(BuildContext context) {
    return PodcastSlideup(
      searchEngine: SearchEngine.listenNotes,
      child: FutureBuilder<List>(
        future: _searchFuture,
        builder: (context, snapshot) {
          if (!snapshot.hasData && widget.query != null) {
            return Container(
              padding: EdgeInsets.only(top: 200),
              alignment: Alignment.topCenter,
              child: Platform.isIOS
                  ? CupertinoActivityIndicator()
                  : CircularProgressIndicator(),
            );
          }
          if (snapshot.data.isEmpty) {
            if (_loadError) {
              return Container(
                padding: EdgeInsets.only(top: 200),
                alignment: Alignment.topCenter,
                child: Text('Network error.',
                    style: context.textTheme.headline6
                        .copyWith(color: Colors.red)),
              );
            } else {
              return Container(
                padding: EdgeInsets.only(top: 200),
                alignment: Alignment.topCenter,
                child: Text('No result.',
                    style: context.textTheme.headline6
                        .copyWith(color: context.accentColor)),
              );
            }
          }
          var content = snapshot.data;
          return CustomScrollView(
            slivers: [
              SliverList(
                delegate: SliverChildBuilderDelegate(
                  (context, index) {
                    return SearchResult(onlinePodcast: content[index]);
                  },
                  childCount: content.length,
                ),
              ),
              SliverToBoxAdapter(
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    OutlineButton(
                      highlightedBorderColor: context.accentColor,
                      splashColor: context.accentColor.withOpacity(0.5),
                      shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(100)),
                      child: _loading
                          ? SizedBox(
                              height: 20,
                              width: 20,
                              child: Platform.isIOS
                                  ? CupertinoActivityIndicator()
                                  : CircularProgressIndicator(
                                      strokeWidth: 2,
                                    ))
                          : Text(context.s.loadMore),
                      onPressed: () => _loading
                          ? null
                          : setState(
                              () {
                                _loading = true;
                                _nextOffset = _offset;
                                _searchFuture = _getListenNotesList(
                                    widget.query, _nextOffset);
                              },
                            ),
                    )
                  ],
                ),
              ),
              SliverToBoxAdapter(
                  child: Padding(
                padding: EdgeInsets.symmetric(vertical: 10),
                child: Center(
                  child: Text(
                    'Powered by ListenNotes',
                    style: GoogleFonts.quicksand(
                        color: Colors.red, textStyle: TextStyle(fontSize: 15)),
                  ),
                  //  Image(
                  //   image: context.brightness == Brightness.light
                  //       ? AssetImage('assets/listennotes.png')
                  //       : AssetImage('assets/listennotes_light.png'),
                  //   height: 15,
                  // ),
                ),
              ))
            ],
          );
        },
      ),
    );
  }
}

class _PodcastIndexSearch extends StatefulWidget {
  final String query;
  _PodcastIndexSearch({this.query, Key key}) : super(key: key);

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

class __PodcastIndexSearchState extends State<_PodcastIndexSearch> {
  int _limit;
  bool _loading;
  bool _loadError;
  Future _searchFuture;
  List _podcastList = [];
  final _searchEngine = PodcastsIndexSearch();

  Future<void> _saveHistory(String query) async {
    final storage = KeyValueStorage(searchHistoryKey);
    final history = await storage.getStringList();
    if (!history.contains(query)) {
      if (history.length >= 6) {
        history.removeLast();
      }
      history.insert(0, query);
      await storage.saveStringList(history);
    }
  }

  @override
  void initState() {
    super.initState();
    _loading = false;
    _loadError = false;
    _limit = 10;
    _searchFuture = _getPodcatsIndexList(widget.query, limit: _limit);
  }

  Future<List<OnlinePodcast>> _getPodcatsIndexList(String searchText,
      {int limit}) async {
    if (_limit == 10) _saveHistory(searchText);
    var searchResult;
    try {
      searchResult = await _searchEngine.searchPodcasts(
          searchText: searchText, limit: limit);
    } catch (e) {
      _loadError = true;
      _loading = false;
      return [];
    }
    var list = searchResult.feeds.cast();
    _podcastList = <OnlinePodcast>[
      for (var podcast in list) podcast.toOnlinePodcast
    ];
    _loading = false;
    return _podcastList;
  }

  @override
  Widget build(BuildContext context) {
    return PodcastSlideup(
      searchEngine: SearchEngine.podcastIndex,
      child: FutureBuilder<List>(
          future: _searchFuture,
          builder: (context, snapshot) {
            if (!snapshot.hasData && widget.query != null) {
              return Container(
                padding: EdgeInsets.only(top: 200),
                alignment: Alignment.topCenter,
                child: Platform.isIOS
                    ? CupertinoActivityIndicator()
                    : CircularProgressIndicator(),
              );
            }
            if (snapshot.data.isEmpty) {
              if (_loadError) {
                return Container(
                  padding: EdgeInsets.only(top: 200),
                  alignment: Alignment.topCenter,
                  child: Text('Network error.',
                      style: context.textTheme.headline6
                          .copyWith(color: Colors.red)),
                );
              } else {
                return Container(
                  padding: EdgeInsets.only(top: 200),
                  alignment: Alignment.topCenter,
                  child: Text('No result found.',
                      style: context.textTheme.headline6
                          .copyWith(color: context.accentColor)),
                );
              }
            }
            var content = snapshot.data;
            return CustomScrollView(
              slivers: [
                SliverList(
                  delegate: SliverChildBuilderDelegate(
                    (context, index) {
                      return SearchResult(onlinePodcast: content[index]);
                    },
                    childCount: content.length,
                  ),
                ),
                SliverToBoxAdapter(
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      OutlineButton(
                        highlightedBorderColor: context.accentColor,
                        splashColor: context.accentColor.withOpacity(0.5),
                        shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(100)),
                        child: _loading
                            ? SizedBox(
                                height: 20,
                                width: 20,
                                child: CircularProgressIndicator(
                                  strokeWidth: 2,
                                ))
                            : Text(context.s.loadMore),
                        onPressed: () => _loading
                            ? null
                            : setState(
                                () {
                                  _loading = true;
                                  _limit += 10;
                                  _searchFuture = _getPodcatsIndexList(
                                      widget.query,
                                      limit: _limit);
                                },
                              ),
                      )
                    ],
                  ),
                ),
                SliverToBoxAdapter(
                    child: Padding(
                        padding: EdgeInsets.symmetric(vertical: 10),
                        child: Center(
                          child: Text(
                            'Powered by PODCASTINDEX',
                            style: GoogleFonts.quicksand(
                                color: Colors.red,
                                textStyle: TextStyle(fontSize: 15)),
                          ),
                        )
                        // Image(
                        //   image: AssetImage('assets/podcastindex.png'),
                        //   height: 15,
                        // ),
                        ))
              ],
            );
          }),
    );
  }
}

class SearchResult extends StatelessWidget {
  final OnlinePodcast onlinePodcast;
  SearchResult({this.onlinePodcast, Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    var searchState = context.watch<SearchState>();
    return Column(
      mainAxisAlignment: MainAxisAlignment.start,
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        ListTile(
            contentPadding: EdgeInsets.fromLTRB(20, 10, 20, 10),
            onTap: () {
              searchState.selectedPodcast = onlinePodcast;
            },
            leading: ClipRRect(
              borderRadius: BorderRadius.circular(25.0),
              child: CachedNetworkImage(
                height: 50.0,
                width: 50.0,
                fit: BoxFit.fitWidth,
                alignment: Alignment.center,
                imageUrl: onlinePodcast.image,
                progressIndicatorBuilder: (context, url, downloadProgress) =>
                    Container(
                  height: 50,
                  width: 50,
                  alignment: Alignment.center,
                  color: context.primaryColorDark,
                  child: SizedBox(
                    width: 20,
                    height: 2,
                    child: LinearProgressIndicator(
                        value: downloadProgress.progress),
                  ),
                ),
                errorWidget: (context, url, error) => Container(
                    width: 50,
                    height: 50,
                    alignment: Alignment.center,
                    color: context.primaryColorDark,
                    child: Icon(Icons.error)),
              ),
            ),
            title: Text(onlinePodcast.title),
            subtitle: Text(
              onlinePodcast.publisher ?? '',
              maxLines: 3,
              overflow: TextOverflow.ellipsis,
            ),
            trailing: SubscribeButton(onlinePodcast)),
      ],
    );
  }
}

/// Search podcast detail widget
class SearchResultDetail extends StatefulWidget {
  SearchResultDetail(this.onlinePodcast,
      {this.maxHeight, this.isSubscribed, this.searchEngine, Key key})
      : super(key: key);
  final OnlinePodcast onlinePodcast;
  final double maxHeight;
  final bool isSubscribed;
  final SearchEngine searchEngine;
  @override
  _SearchResultDetailState createState() => _SearchResultDetailState();
}

enum SlideDirection { up, down }

class _SearchResultDetailState extends State<SearchResultDetail>
    with SingleTickerProviderStateMixin {
  /// Animation value.
  double _initSize;

  /// Gesture tap start position.
  double _startdy;

  /// Height of first open.
  double _minHeight;

  /// Gesture move.
  double _move = 0;

  AnimationController _controller;
  Animation _animation;

  /// Gesture scroll direction.
  SlideDirection _slideDirection;

  /// Search offset.
  int _nextEpisdoeDate = DateTime.now().millisecondsSinceEpoch;

  /// Search result.
  final List<OnlineEpisode> _episodeList = [];

  Future _searchFuture;

  /// Episodes list load more.
  bool _loading = false;

  @override
  void initState() {
    super.initState();

    _searchFuture = widget.searchEngine == SearchEngine.listenNotes
        ? _getListenNotesEpisodes(
            id: widget.onlinePodcast.id, nextEpisodeDate: _nextEpisdoeDate)
        : _getIndexEpisodes(id: widget.onlinePodcast.rss);
    _minHeight = widget.maxHeight / 2;
    _initSize = _minHeight;
    _slideDirection = SlideDirection.up;
    _controller =
        AnimationController(vsync: this, duration: Duration(milliseconds: 200))
          ..addListener(() {
            if (mounted) setState(() {});
          });
    _animation =
        Tween<double>(begin: 170, end: _minHeight).animate(_controller);
    _controller.forward();
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  Future<List<OnlineEpisode>> _getListenNotesEpisodes(
      {String id, int nextEpisodeDate}) async {
    var searchEngine = ListenNotesSearch();
    var searchResult = await searchEngine.fetchEpisode(
        id: id, nextEpisodeDate: nextEpisodeDate);
    _nextEpisdoeDate = searchResult.nextEpisodeDate;
    _episodeList.addAll(searchResult.episodes.cast());
    _loading = false;
    return _episodeList;
  }

  Future<List<OnlineEpisode>> _getIndexEpisodes({String id}) async {
    var searchEngine = PodcastsIndexSearch();
    var searchResult = await searchEngine.fetchEpisode(rssUrl: id);
    var episodes = searchResult.items.cast();
    for (var episode in episodes) {
      _episodeList.add(episode.toOnlineEpisode);
    }
    _loading = false;
    return _episodeList;
  }

  void _start(DragStartDetails event) {
    setState(() {
      _startdy = event.localPosition.dy;
      _animation =
          Tween<double>(begin: _initSize, end: _initSize).animate(_controller);
    });
    _controller.forward();
  }

  void _update(DragUpdateDetails event) {
    setState(() {
      _move = _startdy - event.localPosition.dy;
      _animation = Tween<double>(begin: _initSize, end: _initSize + _move)
          .animate(_controller);
      _slideDirection = _move > 0 ? SlideDirection.up : SlideDirection.down;
    });
    _controller.forward();
  }

  void _end() {
    if (_slideDirection == SlideDirection.up) {
      if (_move > 20) {
        setState(() {
          _animation =
              Tween<double>(begin: _animation.value, end: widget.maxHeight)
                  .animate(_controller);
          _initSize = widget.maxHeight;
        });
        _controller.forward();
      } else {
        setState(() {
          _animation = Tween<double>(begin: _animation.value, end: _minHeight)
              .animate(_controller);
          _initSize = _minHeight;
        });
        _controller.forward();
      }
    } else if (_slideDirection == SlideDirection.down) {
      if (_move > -50) {
        setState(() {
          _animation = Tween<double>(
                  begin: _animation.value,
                  end: _animation.value > _minHeight
                      ? widget.maxHeight
                      : _minHeight)
              .animate(_controller);
          _initSize =
              _animation.value > _minHeight ? widget.maxHeight : _minHeight;
        });
        _controller.forward();
      } else {
        setState(() {
          _animation = Tween<double>(
                  begin: _animation.value,
                  end: _animation.value > _minHeight - 50 ? _minHeight : 1)
              .animate(_controller);
          _initSize = _animation.value > _minHeight - 50 ? _minHeight : 100;
        });
        _controller.forward();
        if (_animation.value < _minHeight - 50) {
          context.read<SearchState>().clearSelect();
        }
      }
    }
  }

  Widget _episodesList() {
    return FutureBuilder<List<OnlineEpisode>>(
        future: _searchFuture,
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            var content = snapshot.data;
            return ListView.builder(
              physics: _animation.value != widget.maxHeight
                  ? NeverScrollableScrollPhysics()
                  : null,
              itemCount: content.length + 1,
              itemBuilder: (context, index) {
                if (index == content.length) {
                  return Container(
                    padding: const EdgeInsets.only(top: 10.0, bottom: 20.0),
                    alignment: Alignment.center,
                    child: SizedBox(
                      child: OutlineButton(
                          highlightedBorderColor: context.accentColor,
                          splashColor: context.accentColor.withOpacity(0.5),
                          shape: RoundedRectangleBorder(
                              borderRadius: BorderRadius.circular(100)),
                          child: _loading
                              ? SizedBox(
                                  height: 20,
                                  width: 20,
                                  child: CircularProgressIndicator(
                                    strokeWidth: 2,
                                  ))
                              : Text(context.s.loadMore),
                          onPressed: () {
                            if (widget.searchEngine ==
                                    SearchEngine.listenNotes &&
                                !_loading) {
                              setState(
                                () {
                                  _loading = true;
                                  _searchFuture = _getListenNotesEpisodes(
                                      id: widget.onlinePodcast.id,
                                      nextEpisodeDate: _nextEpisdoeDate);
                                },
                              );
                            }
                          }),
                    ),
                  );
                }
                return ListTile(
                  title: Text(content[index].title),
                  tileColor: Colors.transparent,
                  subtitle: Text(
                      content[index].length == 0
                          ? '${content[index].pubDate.toDate(context)}'
                          : '${content[index].length.toTime} | '
                              '${content[index].pubDate.toDate(context)}',
                      style: TextStyle(color: context.accentColor)),
                  trailing: Selector<AudioPlayerNotifier, EpisodeBrief>(
                      selector: (_, audio) => audio.episode,
                      builder: (_, episode, __) {
                        if (episode != null &&
                            episode.enclosureUrl == content[index].audio) {
                          return Padding(
                            padding: EdgeInsets.symmetric(horizontal: 20),
                            child: SizedBox(
                              width: 20,
                              height: 15,
                              child: WaveLoader(color: context.accentColor),
                            ),
                          );
                        }
                        return TextButton(
                          style: ButtonStyle(
                              foregroundColor: MaterialStateProperty.all<Color>(
                                  context.accentColor),
                              overlayColor: MaterialStateProperty.all<Color>(
                                  context.scaffoldBackgroundColor
                                      .withOpacity(0.3)),
                              padding:
                                  MaterialStateProperty.all<EdgeInsetsGeometry>(
                                      EdgeInsets.symmetric(horizontal: 2))),
                          child: Text(context.s.play.toUpperCase()),
                          onPressed: () {
                            context.read<AudioPlayerNotifier>().episodeLoad(
                                content[index].toEpisode,
                                fromSearch: true);
                          },
                        );
                      }),
                );
              },
            );
          }
          return Center(
            child: CircularProgressIndicator(),
          );
        });
  }

  @override
  Widget build(BuildContext context) {
    final s = context.s;
    return GestureDetector(
      onVerticalDragStart: _start,
      onVerticalDragUpdate: _update,
      onVerticalDragEnd: (event) => _end(),
      child: Container(
        decoration: BoxDecoration(
          color: context.primaryColor,
          boxShadow: [
            BoxShadow(
              offset: Offset(0, -0.5),
              blurRadius: 1,
              color: Theme.of(context).brightness == Brightness.light
                  ? Colors.grey[400].withOpacity(0.5)
                  : Colors.grey[800],
            ),
          ],
        ),
        height: _animation.value,
        child: DefaultTabController(
          length: 2,
          child: Column(
            children: [
              SizedBox(
                height: math.min(_animation.value, 120),
                child: SingleChildScrollView(
                  physics: const NeverScrollableScrollPhysics(),
                  child: SizedBox(
                    height: 120,
                    child: Row(
                      children: [
                        Expanded(
                          child: Padding(
                            padding: const EdgeInsets.only(left: 20),
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Padding(
                                  padding:
                                      const EdgeInsets.symmetric(vertical: 8),
                                  child: Text(widget.onlinePodcast.title,
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                      style: context.textTheme.headline5),
                                ),
                                Text(
                                  widget.onlinePodcast.interval
                                              .toInterval(context) !=
                                          ''
                                      ? '${widget.onlinePodcast.interval.toInterval(context)} | '
                                          '${widget.onlinePodcast.latestPubDate.toDate(context)}'
                                      : '${widget.onlinePodcast.latestPubDate.toDate(context)}',
                                  maxLines: 1,
                                  overflow: TextOverflow.fade,
                                  style: TextStyle(color: context.accentColor),
                                ),
                                SubscribeButton(widget.onlinePodcast),
                              ],
                            ),
                          ),
                        ),
                        CachedNetworkImage(
                          height: 120.0,
                          width: 120.0,
                          fit: BoxFit.fitWidth,
                          alignment: Alignment.center,
                          imageUrl: widget.onlinePodcast.image,
                          fadeInDuration: Duration.zero,
                          placeholderFadeInDuration: Duration.zero,
                          progressIndicatorBuilder:
                              (context, url, downloadProgress) => Container(
                            height: 120,
                            width: 120,
                            alignment: Alignment.center,
                            color: context.primaryColorDark,
                            child: SizedBox(
                              width: 40,
                              height: 2,
                              child: LinearProgressIndicator(
                                  value: downloadProgress.progress),
                            ),
                          ),
                          errorWidget: (context, url, error) => Container(
                              width: 120,
                              height: 120,
                              alignment: Alignment.center,
                              color: context.primaryColorDark,
                              child: Icon(Icons.error)),
                        ),
                      ],
                    ),
                  ),
                ),
              ),
              if (_animation.value > 120)
                SizedBox(
                  height: math.min(_animation.value - 120, 50),
                  child: SingleChildScrollView(
                    physics: const NeverScrollableScrollPhysics(),
                    child: SizedBox(
                      height: 50,
                      child: TabBar(
                          indicatorColor: context.accentColor,
                          labelColor: context.textColor,
                          indicatorWeight: 3,
                          indicatorSize: TabBarIndicatorSize.label,
                          tabs: [
                            Text(s.homeToprightMenuAbout),
                            Row(
                              mainAxisSize: MainAxisSize.min,
                              children: [
                                Text(s.episode(2)),
                                SizedBox(width: 2),
                                if (widget.onlinePodcast.count > 0)
                                  Container(
                                      padding: const EdgeInsets.only(
                                          left: 5, right: 5, top: 2, bottom: 2),
                                      decoration: BoxDecoration(
                                          color: context.accentColor,
                                          borderRadius:
                                              BorderRadius.circular(100)),
                                      child: Text(
                                          widget.onlinePodcast.count.toString(),
                                          style:
                                              TextStyle(color: Colors.white)))
                              ],
                            )
                          ]),
                    ),
                  ),
                ),
              Expanded(
                child: Container(
                  color: context.scaffoldBackgroundColor,
                  child: TabBarView(children: [
                    ListView(
                      physics: _animation.value != widget.maxHeight
                          ? NeverScrollableScrollPhysics()
                          : null,
                      children: [
                        Html(
                          onLinkTap: (url) {
                            url.launchUrl;
                          },
                          linkStyle: TextStyle(
                              color: context.accentColor,
                              textBaseline: TextBaseline.ideographic),
                          shrinkToFit: true,
                          data: widget.onlinePodcast.description,
                          padding: const EdgeInsets.only(
                              left: 20.0, right: 20, bottom: 20),
                          defaultTextStyle: TextStyle(
                            height: 1.8,
                          ),
                        ),
                      ],
                    ),
                    _episodesList()
                  ]),
                ),
              )
            ],
          ),
        ),
      ),
    );
  }
}

class SubscribeButton extends StatelessWidget {
  SubscribeButton(this.onlinePodcast, {Key key}) : super(key: key);
  final OnlinePodcast onlinePodcast;

  @override
  Widget build(BuildContext context) {
    final subscribeWorker = context.watch<GroupList>();
    final searchState = context.watch<SearchState>();
    final s = context.s;
    void subscribePodcast(OnlinePodcast podcast) {
      var item = SubscribeItem(podcast.rss, podcast.title,
          imgUrl: podcast.image, group: 'Home');
      subscribeWorker.setSubscribeItem(item);
      searchState.addPodcast(podcast);
    }

    return Consumer<SearchState>(builder: (_, searchState, __) {
      final subscribed = searchState.isSubscribed(onlinePodcast);
      return !subscribed
          ? ButtonTheme(
              height: 32,
              child: OutlineButton(
                  highlightedBorderColor: context.accentColor,
                  borderSide: BorderSide(color: context.accentColor),
                  shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(100.0),
                      side: BorderSide(color: context.accentColor)),
                  splashColor: context.accentColor.withOpacity(0.5),
                  child: Text(s.subscribe,
                      style: TextStyle(color: context.accentColor)),
                  onPressed: () {
                    Fluttertoast.showToast(
                      msg: s.podcastSubscribed,
                      gravity: ToastGravity.BOTTOM,
                    );
                    subscribePodcast(onlinePodcast);
                    searchState.addPodcast(onlinePodcast);
                  }),
            )
          : ButtonTheme(
              height: 32,
              child: OutlineButton(
                  color: context.accentColor.withOpacity(0.5),
                  shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(100.0),
                      side: BorderSide(color: Colors.grey[500])),
                  highlightedBorderColor: Colors.grey[500],
                  disabledTextColor: Colors.grey[500],
                  child: Text(s.subscribe),
                  disabledBorderColor: Colors.grey[500],
                  onPressed: () {}),
            );
    });
  }
}

class PodcastSlideup extends StatelessWidget {
  const PodcastSlideup({this.child, this.searchEngine, Key key})
      : super(key: key);
  final Widget child;
  final SearchEngine searchEngine;

  @override
  Widget build(BuildContext context) {
    return Consumer<SearchState>(builder: (_, searchState, __) {
      final selectedPodcast = searchState.selectedPodcast;
      final subscribed = searchState.subscribedList;
      return Stack(
        alignment: Alignment.bottomCenter,
        children: [
          child,
          if (selectedPodcast != null)
            Positioned.fill(
              child: GestureDetector(
                onTap: searchState.clearSelect,
                child: Container(
                  color: context.scaffoldBackgroundColor.withOpacity(0.9),
                ),
              ),
            ),
          if (selectedPodcast != null)
            LayoutBuilder(
              builder: (context, constrants) => SearchResultDetail(
                selectedPodcast,
                maxHeight: constrants.maxHeight,
                isSubscribed: subscribed.contains(selectedPodcast),
              ),
            ),
        ],
      );
    });
  }
}

class PodcastAvatar extends StatelessWidget {
  const PodcastAvatar(this.podcast, {Key key}) : super(key: key);
  final OnlinePodcast podcast;
  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: 50,
      child: ClipRRect(
        borderRadius: BorderRadius.circular(25.0),
        child: CachedNetworkImage(
          height: 50.0,
          width: 50.0,
          fit: BoxFit.fitWidth,
          alignment: Alignment.center,
          imageUrl: podcast.image,
          cacheManager: CustomCacheManager(), 
          placeholderFadeInDuration: Duration.zero,
          progressIndicatorBuilder: (context, url, downloadProgress) =>
              Container(
            height: 50,
            width: 50,
            alignment: Alignment.center,
            color: context.primaryColorDark,
            child: SizedBox(
              width: 20,
              height: 2,
              child: LinearProgressIndicator(value: downloadProgress.progress),
            ),
          ),
          errorWidget: (context, url, error) => Container(
              width: 50,
              height: 50,
              alignment: Alignment.center,
              color: context.primaryColorDark,
              child: Icon(Icons.error)),
        ),
      ),
    );
  }
}