import 'package:aurcache/components/dashboard/chart_card.dart';
import 'package:flutter/material.dart';

import '../../constants/color_constants.dart';
import 'builds_chart.dart';

class SidePanel extends StatelessWidget {
  const SidePanel({
    Key? key,
    required this.nrbuilds,
    required this.nrfailedbuilds,
    required this.nrEnqueuedBuilds,
  }) : super(key: key);

  final int nrbuilds;
  final int nrfailedbuilds;
  final int nrEnqueuedBuilds;

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(defaultPadding),
      decoration: BoxDecoration(
        color: secondaryColor,
        borderRadius: const BorderRadius.all(Radius.circular(10)),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          const Text(
            "Package build success",
            style: TextStyle(
              fontSize: 18,
              fontWeight: FontWeight.w500,
            ),
          ),
          const SizedBox(height: defaultPadding),
          nrbuilds > 0
              ? BuildsChart(
                  nrbuilds: nrbuilds,
                  nrfailedbuilds: nrfailedbuilds,
                  nrEnqueuedBuilds: nrEnqueuedBuilds)
              : const SizedBox(
                  width: double.infinity,
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.center,
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      SizedBox(
                        height: 15,
                      ),
                      Icon(
                        Icons.info_outline_rounded,
                        size: 42,
                      ),
                      SizedBox(
                        height: 15,
                      ),
                      Text("Add Packages to view Graph"),
                      SizedBox(
                        height: 30,
                      )
                    ],
                  ),
                ),
          SideCard(
            color: const Color(0xff0a7005),
            title: "Successful Builds",
            textRight:
                "${((nrbuilds - nrfailedbuilds) * 100 / nrbuilds).toStringAsFixed(2)}%",
            subtitle: (nrbuilds - nrfailedbuilds).toString(),
          ),
          SideCard(
            color: const Color(0xff760707),
            title: "Failed Builds",
            textRight:
                "${(nrfailedbuilds * 100 / nrbuilds).toStringAsFixed(2)}%",
            subtitle: nrfailedbuilds.toString(),
          ),
          SideCard(
            color: const Color(0xFF0044AA),
            title: "Enqueued Builds",
            textRight:
                "${(nrEnqueuedBuilds * 100 / nrbuilds).toStringAsFixed(2)}%",
            subtitle: nrEnqueuedBuilds.toString(),
          ),
        ],
      ),
    );
  }
}