import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:ui/providers/APIs.dart';
import 'package:ui/providers/series_details.dart';
import 'package:ui/providers/settings.dart';
import 'package:ui/utils.dart';
import 'package:ui/welcome_page.dart';
import 'package:ui/widgets/progress_indicator.dart';

class TvDetailsPage extends ConsumerStatefulWidget {
  static const route = "/series/:id";

  static String toRoute(int id) {
    return "/series/$id";
  }

  final String seriesId;

  const TvDetailsPage({super.key, required this.seriesId});

  @override
  ConsumerState<ConsumerStatefulWidget> createState() {
    return _TvDetailsPageState();
  }
}

class _TvDetailsPageState extends ConsumerState<TvDetailsPage> {
  Future<String>? _pendingFuture;

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

  @override
  Widget build(BuildContext context) {
    var seriesDetails = ref.watch(mediaDetailsProvider(widget.seriesId));
    var storage = ref.watch(storageSettingProvider);
    return FutureBuilder(
        // We listen to the pending operation, to update the UI accordingly.
        future: _pendingFuture,
        builder: (context, snapshot) {
          return seriesDetails.when(
              data: (details) {
                Map<int, List<DataRow>> m = {};
                for (final ep in details.episodes!) {
                  var row = DataRow(cells: [
                    DataCell(Text("${ep.episodeNumber}")),
                    DataCell(Text("${ep.title}")),
                    DataCell(Opacity(
                      opacity: 0.5,
                      child: Text("${ep.airDate}"),
                    )),
                    DataCell(
                      Opacity(
                          opacity: 0.7,
                          child: ep.status == "downloading"
                              ? const Icon(Icons.downloading)
                              : (ep.status == "downloaded"
                                  ? const Icon(Icons.download_done)
                                  : const Icon(Icons.warning_rounded))),
                    ),
                    DataCell(Row(
                      children: [
                        IconButton(
                            onPressed: () async {
                              var f = ref
                                  .read(mediaDetailsProvider(widget.seriesId)
                                      .notifier)
                                  .searchAndDownload(widget.seriesId,
                                      ep.seasonNumber!, ep.episodeNumber!);
                              setState(() {
                                _pendingFuture = f;
                              });
                              if (!Utils.showError(context, snapshot)) {
                                var name = await f;
                                Utils.showSnakeBar("开始下载: $name");
                              }
                            },
                            icon: const Icon(Icons.search)),
                        const SizedBox(
                          width: 10,
                        ),
                        IconButton(
                            onPressed: () {},
                            icon: const Icon(Icons.manage_search))
                      ],
                    ))
                  ]);

                  if (m[ep.seasonNumber] == null) {
                    m[ep.seasonNumber!] = List.empty(growable: true);
                  }
                  m[ep.seasonNumber!]!.add(row);
                }
                List<ExpansionTile> list = List.empty(growable: true);
                for (final k in m.keys.toList().reversed) {
                  var seasonList = ExpansionTile(
                    tilePadding: const EdgeInsets.fromLTRB(10, 0, 10, 0),
                    //childrenPadding: const EdgeInsets.fromLTRB(50, 0, 50, 0),
                    initiallyExpanded: false,
                    title: k == 0 ? const Text("特集") : Text("第 $k 季"),
                    expandedCrossAxisAlignment: CrossAxisAlignment.stretch,
                    children: [
                      DataTable(columns: const [
                        DataColumn(label: Text("#")),
                        DataColumn(
                          label: Text("标题"),
                        ),
                        DataColumn(label: Text("播出时间")),
                        DataColumn(label: Text("状态")),
                        DataColumn(label: Text("操作"))
                      ], rows: m[k]!),
                    ],
                  );
                  list.add(seasonList);
                }
                return ListView(
                  children: [
                    Card(
                      margin: const EdgeInsets.all(4),
                      clipBehavior: Clip.hardEdge,
                      child: Container(
                        decoration: BoxDecoration(
                            image: DecorationImage(
                                fit: BoxFit.fitWidth,
                                image: NetworkImage(
                                    "${APIs.imagesUrl}/${details.id}/backdrop.jpg",
                                    headers: APIs.authHeaders))),
                        child: Padding(
                          padding: const EdgeInsets.all(10),
                          child: Row(
                            children: <Widget>[
                              Flexible(
                                flex: 1,
                                child: Padding(
                                  padding: const EdgeInsets.all(10),
                                  child: Image.network(
                                    "${APIs.imagesUrl}/${details.id}/poster.jpg",
                                    fit: BoxFit.contain,
                                    headers: APIs.authHeaders,
                                  ),
                                ),
                              ),
                              Flexible(
                                flex: 6,
                                child: Row(
                                  children: [
                                    Expanded(
                                        child: Column(
                                      crossAxisAlignment:
                                          CrossAxisAlignment.start,
                                      children: [
                                        Row(
                                          children: [
                                            Text("${details.resolution}"),
                                            const SizedBox(
                                              width: 30,
                                            ),
                                            storage.when(
                                                data: (value) {
                                                  for (final s in value) {
                                                    if (s.id ==
                                                        details.storageId) {
                                                      return Text(
                                                          "${s.name}(${s.implementation})");
                                                    }
                                                  }
                                                  return const Text("未知存储");
                                                },
                                                error: (error, stackTrace) =>
                                                    Text("$error"),
                                                loading: () =>
                                                    const MyProgressIndicator()),
                                          ],
                                        ),
                                        const Divider(thickness: 1, height: 1),
                                        Text(
                                          "${details.name} ${details.name != details.originalName ? details.originalName : ''} (${details.airDate!.split("-")[0]})",
                                          style: const TextStyle(
                                              fontSize: 20,
                                              fontWeight: FontWeight.bold),
                                        ),
                                        const Text(""),
                                        Text(
                                          details.overview!,
                                        ),
                                      ],
                                    )),
                                    Column(
                                      children: [
                                        IconButton(
                                            onPressed: () {
                                              ref
                                                  .read(mediaDetailsProvider(
                                                          widget.seriesId)
                                                      .notifier)
                                                  .delete();
                                              context.go(WelcomePage.routeTv);
                                            },
                                            icon: const Icon(Icons.delete))
                                      ],
                                    )
                                  ],
                                ),
                              ),
                            ],
                          ),
                        ),
                      ),
                    ),
                    Column(
                      children: list,
                    ),
                  ],
                );
              },
              error: (err, trace) {
                return Text("$err");
              },
              loading: () => const MyProgressIndicator());
        });
  }
}