import 'package:flutter/material.dart';

import 'package:easy_localization/easy_localization.dart';
import 'package:sprintf/sprintf.dart';

import 'error.dart';
import 'git_transfer_progress.dart';
import 'loading.dart';

class GitHostCloningPage extends StatelessWidget {
  final String? errorMessage;
  final String loadingMessage;
  final GitTransferProgress cloneProgress;

  GitHostCloningPage({
    required this.errorMessage,
    required this.cloneProgress,
  }) : loadingMessage = tr('setup.cloning');

  @override
  Widget build(BuildContext context) {
    if (errorMessage != null && errorMessage!.isNotEmpty) {
      return GitHostSetupErrorPage(errorMessage!);
    }

    var stats = cloneProgress;
    if (stats.totalObjects == 0) {
      return GitHostSetupLoadingPage(loadingMessage);
    }

    var fetchPercent = (100 * stats.receivedObjects) / stats.totalObjects;
    var indexPercent = (100 * stats.indexedObjects) / stats.totalObjects;
    var kbytes = stats.receivedBytes ~/ 1024;

    var networkText = sprintf("network %0.3f%% (%4d kb, %5d/%5d)", [
      fetchPercent,
      kbytes,
      stats.receivedObjects,
      stats.totalObjects,
    ]);
    var indexText = sprintf('index %0.3f%% (%5d/%5d)', [
      indexPercent,
      stats.indexedObjects,
      stats.totalObjects,
    ]);
    var text = '$networkText\n$indexText';

    var children = <Widget>[
      Padding(
        padding: const EdgeInsets.all(8.0),
        child: Text(
          loadingMessage,
          textAlign: TextAlign.center,
          style: Theme.of(context).textTheme.headline4,
        ),
      ),
      const SizedBox(height: 8.0),
      Padding(
        padding: const EdgeInsets.all(8.0),
        child: Text(
          text,
          textAlign: TextAlign.center,
          style: Theme.of(context).textTheme.bodyText1,
        ),
      ),
      const SizedBox(height: 8.0),
      const Padding(
        padding: EdgeInsets.all(8.0),
        child: CircularProgressIndicator(
          value: null,
        ),
      ),
    ];

    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: children,
    );
  }
}