import 'package:fl_lib/fl_lib.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:toolbox/core/extension/context/locale.dart';
import 'package:toolbox/core/route.dart';
import 'package:toolbox/data/res/provider.dart';

import '../../../data/model/sftp/req.dart';
import '../../../data/provider/sftp.dart';

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

  @override
  State<SftpMissionPage> createState() => _SftpMissionPageState();
}

class _SftpMissionPageState extends State<SftpMissionPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: CustomAppBar(
        title: Text(l10n.mission, style: UIs.text18),
      ),
      body: _buildBody(),
    );
  }

  Widget _buildBody() {
    return Consumer<SftpProvider>(builder: (__, pro, _) {
      if (pro.status.isEmpty) {
        return Center(
          child: Text(l10n.noTask),
        );
      }
      return ListView.builder(
        padding: const EdgeInsets.all(11),
        itemCount: pro.status.length,
        itemBuilder: (context, index) {
          final status = pro.status[index];
          return _buildItem(status);
        },
      );
    });
  }

  Widget _buildItem(SftpReqStatus status) {
    final err = status.error;
    if (err != null) {
      return _wrapInCard(
        status: status,
        subtitle: l10n.error,
        trailing: IconButton(
          onPressed: () => context.showRoundDialog(
            title: l10n.error,
            child: Text(err.toString()),
          ),
          icon: const Icon(Icons.error),
        ),
      );
    }
    switch (status.status) {
      case SftpWorkerStatus.finished:
        final time = status.spentTime.toString();
        final str = '${l10n.finished} ${l10n.spentTime(
          time == 'null' ? l10n.unknown : (time.substring(0, time.length - 7)),
        )}';
        return _wrapInCard(
          status: status,
          subtitle: str,
          trailing: Row(
            mainAxisSize: MainAxisSize.min,
            children: [
              IconButton(
                  onPressed: () {
                    final idx = status.req.localPath.lastIndexOf('/');
                    final dir = status.req.localPath.substring(0, idx);
                    AppRoutes.localStorage(initDir: dir).go(context);
                  },
                  icon: const Icon(Icons.file_open)),
              IconButton(
                onPressed: () => Pfs.sharePath(status.req.localPath),
                icon: const Icon(Icons.open_in_new),
              )
            ],
          ),
        );
      case SftpWorkerStatus.loading:
        final percentStr = (status.progress ?? 0.0).toStringAsFixed(2);
        final size = (status.size ?? 0).bytes2Str;
        return _wrapInCard(
          status: status,
          subtitle: l10n.percentOfSize(percentStr, size),
          trailing: _buildDelete(status.fileName, status.id),
        );
      case SftpWorkerStatus.preparing:
        return _wrapInCard(
          status: status,
          subtitle: l10n.sftpDlPrepare,
          trailing: _buildDelete(status.fileName, status.id),
        );
      case SftpWorkerStatus.sshConnectted:
        return _wrapInCard(
          status: status,
          subtitle: l10n.sftpSSHConnected,
          trailing: _buildDelete(status.fileName, status.id),
        );
      default:
        return _wrapInCard(
          status: status,
          subtitle: l10n.unknown,
          trailing: IconButton(
            onPressed: () => context.showRoundDialog(
              title: l10n.error,
              child: Text((status.error ?? l10n.unknown).toString()),
            ),
            icon: const Icon(Icons.error),
          ),
        );
    }
  }

  Widget _wrapInCard({
    required SftpReqStatus status,
    String? subtitle,
    Widget? trailing,
  }) {
    final time = DateTime.fromMicrosecondsSinceEpoch(status.id);
    return CardX(
      child: ListTile(
        leading: Text(time.hourMinute),
        title: Text(
          status.fileName,
          overflow: TextOverflow.ellipsis,
          maxLines: 1,
        ),
        subtitle: subtitle == null ? null : Text(subtitle, style: UIs.textGrey),
        trailing: trailing,
      ),
    );
  }

  Widget _buildDelete(String name, int id) {
    return IconButton(
      onPressed: () => context.showRoundDialog(
          title: l10n.attention,
          child: Text(l10n.askContinue(
            '${l10n.delete} ${l10n.mission}($name)',
          )),
          actions: [
            TextButton(
              onPressed: () {
                Pros.sftp.cancel(id);
                context.pop();
              },
              child: Text(l10n.ok),
            ),
          ]),
      icon: const Icon(Icons.delete),
    );
  }
}