import 'package:flutter/material.dart';
import 'package:tstor_ui/api/client.dart';
import 'package:tstor_ui/api/torrent.graphql.dart';
import 'package:tstor_ui/components/download.dart';
import 'package:tstor_ui/components/sliver_header.dart';

class DownloadsScreen extends StatefulWidget {
  const DownloadsScreen({super.key});

  @override
  State<DownloadsScreen> createState() => _DownloadsScreenState();
}

class _DownloadsScreenState extends State<DownloadsScreen> {
  bool filterDownloading = false;

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: FutureBuilder(
        key: GlobalKey(),
        future: client.query$ListTorrents(Options$Query$ListTorrents(
          variables: Variables$Query$ListTorrents(downloading: filterDownloading),
        )),
        builder: (context, snapshot) {
          final torrents = snapshot.data?.parsedData?.torrents;

          return NestedScrollView(
            floatHeaderSlivers: true,
            headerSliverBuilder: (context, innerBoxIsScrolled) => [
              HideableHeaderSliver(
                height: 80,
                body: Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Wrap(
                    spacing: 8,
                    runSpacing: 8,
                    children: [
                      FilterChip(
                        label: const Text("Downloading"),
                        selected: filterDownloading,
                        onSelected: (value) => setState(() {
                          filterDownloading = value;
                        }),
                      ),
                    ],
                  ),
                ),
                actions: [
                  IconButton(
                    icon: const Icon(Icons.refresh),
                    onPressed: () => setState(() {}),
                  ),
                ],
              ),
            ],
            body: snapshot.hasData && torrents != null
                ? ListView.builder(
                    itemCount: torrents.length,
                    itemBuilder: (context, index) => TorrentTile(torrent: torrents[index]),
                  )
                : const Center(child: CircularProgressIndicator()),
          );
        },
      ),
    );
  }
}

class TorrentTile extends StatelessWidget {
  final Query$ListTorrents$torrents torrent;

  const TorrentTile({super.key, required this.torrent});

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text(torrent.name),
      isThreeLine: true,
      subtitle: Column(
        children: [
          DownloadProgress(
            torrent.bytesCompleted,
            torrent.bytesCompleted + torrent.bytesMissing,
          ),
          Row(
            children: [
              Text("Peers: ${torrent.peers.length}"),
            ],
          ),
        ],
      ),
      trailing: Column(
        mainAxisSize: MainAxisSize.max,
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [
          IconButton(
            onPressed: () => client.mutate$MarkTorrentDownload(
              Options$Mutation$MarkTorrentDownload(
                variables: Variables$Mutation$MarkTorrentDownload(
                  infohash: torrent.infohash,
                ),
              ),
            ),
            icon: const Icon(Icons.download),
          )
        ],
      ),
    );
  }
}