import 'package:fl_chart/fl_chart.dart';
import 'package:flutter/material.dart';
import 'package:seshat/ui/bal_page/view_model/bal_view_model.dart';

Map<String, Color> colors = {
  "owners": Color(0xFFB1C086),
  "section": Color(0xFFEBCCFF),
};

class StatsTab extends StatefulWidget {
  const StatsTab({super.key, required this.viewModel});
  final BalViewModel viewModel;

  @override
  State<StatsTab> createState() => _StatsTabState();
}

class _StatsTabState extends State<StatsTab> {
  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Padding(
            padding: const EdgeInsets.all(10.0),
            child: Card(
              child: Column(
                children: [
                  Text("Argent Collecté", style: TextStyle(fontSize: 30)),
                  Text(
                    "${widget.viewModel.stats?.totalCollectedMoney.toString() ?? "0"}€ total",
                    style: TextStyle(fontSize: 20),
                  ),
                  SizedBox(
                    height: 300,
                    child: Padding(
                      padding: const EdgeInsets.all(15.0),
                      child: PieChart(
                        PieChartData(
                          sections: getMoneySection(),
                          centerSpaceRadius: double.infinity,
                        ),
                      ),
                    ),
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    children: [
                      Indicator(
                        color: colors["owners"]!,
                        text: "Propriétaires",
                      ),
                      Indicator(color: colors["section"]!, text: "Syndicat"),
                    ],
                  ),
                  SizedBox(height: 5),
                ],
              ),
            ),
          ),
          Padding(
            padding: const EdgeInsets.all(10.0),
            child: Card(
              child: Column(
                children: [
                  Text("Livres Vendus", style: TextStyle(fontSize: 30)),
                  Text(
                    "${widget.viewModel.stats?.totalSoldBooks ?? "0"} livres",
                    style: TextStyle(fontSize: 20),
                  ),
                  SizedBox(
                    height: 300,
                    child: Padding(
                      padding: const EdgeInsets.all(15.0),
                      child: PieChart(
                        PieChartData(
                          sections: getBooksSection(),
                          centerSpaceRadius: double.infinity,
                        ),
                      ),
                    ),
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    children: [
                      Indicator(
                        color: colors["owners"]!,
                        text: "Propriétaires",
                      ),
                      Indicator(color: colors["section"]!, text: "Syndicat"),
                    ],
                  ),
                  SizedBox(height: 5),
                ],
              ),
            ),
          ),
          Padding(
            padding: const EdgeInsets.all(10.0),
            child: Card(
              child: Column(
                children: [
                  Text(
                    "${widget.viewModel.stats?.totalDifferentOwners} propriétaires",
                    style: TextStyle(fontSize: 30),
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    children: [
                      Text(
                        "ont participé·e à cette BAL",
                        style: TextStyle(fontSize: 20),
                      ),
                    ],
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }

  List<PieChartSectionData> getMoneySection() {
    return [
      PieChartSectionData(
        value: widget.viewModel.stats?.totalOwnedCollectedMoney ?? 0,
        title:
            "${(widget.viewModel.stats?.totalOwnedCollectedMoney ?? 0).toString()}€",
        titleStyle: TextStyle(color: Colors.black),
        color: colors["section"]!,
      ),
      PieChartSectionData(
        value:
            (widget.viewModel.stats?.totalCollectedMoney ?? 0) -
            (widget.viewModel.stats?.totalOwnedCollectedMoney ?? 0),
        title:
            "${((widget.viewModel.stats?.totalCollectedMoney ?? 0) - (widget.viewModel.stats?.totalOwnedCollectedMoney ?? 0)).toString()}€",
        titleStyle: TextStyle(color: Colors.black),
        color: colors["owners"]!,
      ),
    ];
  }

  List<PieChartSectionData> getBooksSection() {
    return [
      PieChartSectionData(
        value: widget.viewModel.stats?.totalSoldBooks.toDouble() ?? 0,
        title: (widget.viewModel.stats?.totalSoldBooks ?? 0).toString(),
        titleStyle: TextStyle(color: Colors.black),
        color: colors["section"]!,
      ),
      PieChartSectionData(
        value:
            ((widget.viewModel.stats?.totalSoldBooks ?? 0) -
                    (widget.viewModel.stats?.totalOwnedSoldBooks ?? 0))
                .toDouble(),
        title:
            ((widget.viewModel.stats?.totalSoldBooks ?? 0) -
                    (widget.viewModel.stats?.totalOwnedSoldBooks ?? 0))
                .toString(),
        titleStyle: TextStyle(color: Colors.black),
        color: colors["owners"]!,
      ),
    ];
  }
}

class Indicator extends StatelessWidget {
  const Indicator({
    super.key,
    required this.color,
    required this.text,
    this.size = 16,
  });
  final Color color;
  final String text;
  final double size;

  @override
  Widget build(BuildContext context) {
    return Row(
      children: <Widget>[
        Container(
          width: size,
          height: size,
          decoration: BoxDecoration(shape: BoxShape.rectangle, color: color),
        ),
        const SizedBox(width: 4),
        Text(text, style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
      ],
    );
  }
}