import 'package:fl_chart/fl_chart.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:tunas/pages/common/titled_container.dart';

class MonthDistribution extends StatelessWidget {
  const MonthDistribution({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        TitledContainer(
          title: 'Prepare',
          child: Column(
            children: [
              Text('Money to spare: 2300 €'),
              Text('Loyer'),
              Slider(
                min: 0,
                max: 2300,
                value: 200,
                onChanged: (value) => {},
              ),
              Text('Loyer'),
              Slider(
                min: 0,
                max: 2300,
                value: 200,
                onChanged: (value) => {},
              ),
            ],
          ),
        ),
        TitledContainer(
          title: 'Compare', 
          height: 500,
          child: Row(
            children: [
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text('Budget'),
                  ],
                ),
              ),
              Expanded(
                child: Column(
                  children: [
                    Row(
                      children: [
                        IconButton(
                          onPressed: () => {},
                          icon: const Icon(Icons.skip_previous)
                        ),
                        Text('Fev 2024'),
                        IconButton(
                          onPressed: () => {},
                          icon: const Icon(Icons.skip_next)
                        ),
                      ],
                    ),
                  ],
                )
              )
            ],
          ),
        ),
      ],
    );
  }
}