import 'package:flutter/material.dart';
import 'package:percent_indicator/circular_percent_indicator.dart';
import 'package:percent_indicator/linear_percent_indicator.dart';
import 'package:time_progress_tracker/models/time_progress.dart';

class ProgressViewWidget extends StatelessWidget {
  final TimeProgress timeProgress;

  ProgressViewWidget({
    @required this.timeProgress,
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          Expanded(
            child: FittedBox(
              fit: BoxFit.fitWidth,
              child: Text(
                timeProgress.name,
                textAlign: TextAlign.center,
                style: TextStyle(
                  fontWeight: FontWeight.bold,
                  color: Colors.black87,
                ),
              ),
            ),
          ),
          Expanded(
            child: CircularPercentIndicator(
              radius: 100,
              lineWidth: 10,
              percent: timeProgress.percentDone(),
              progressColor: Colors.green,
              backgroundColor: Colors.red,
              center: Text("${(timeProgress.percentDone() * 100).floor()} %"),
            ),
          ),
          Expanded(
            child: LinearPercentIndicator(
              padding: EdgeInsets.symmetric(horizontal: 15),
              percent: timeProgress.percentDone(),
              leading: Text("${timeProgress.daysBehind()} Days"),
              center: Text("${(timeProgress.percentDone() * 100).floor()} %"),
              trailing: Text("${timeProgress.daysLeft()} Days"),
              progressColor: Colors.green,
              backgroundColor: Colors.red,
              lineHeight: 25,
            ),
          ),
        ],
      ),
    );
  }
}