import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:syncrow_web/pages/analytics/modules/analytics/widgets/analytics_date_filter_button.dart';
import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/chart_title.dart';
import 'package:syncrow_web/pages/analytics/modules/occupancy/blocs/occupancy/occupancy_bloc.dart';
import 'package:syncrow_web/pages/analytics/modules/occupancy/widgets/occupancy_chart.dart';
import 'package:syncrow_web/pages/analytics/widgets/analytics_error_widget.dart';
import 'package:syncrow_web/utils/style.dart';

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

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<OccupancyBloc, OccupancyState>(
      builder: (context, state) {
        return Container(
          padding: const EdgeInsets.all(30),
          decoration: containerWhiteDecoration,
          child: Column(
            spacing: 20,
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              AnalyticsErrorWidget(state.errorMessage),
              const Row(
                children: [
                  Expanded(
                    flex: 3,
                    child: FittedBox(
                      alignment: AlignmentDirectional.centerStart,
                      fit: BoxFit.scaleDown,
                      child: ChartTitle(title: Text('Occupancy')),
                    ),
                  ),
                  Spacer(),
                  Expanded(
                    child: FittedBox(
                      fit: BoxFit.scaleDown,
                      child: AnalyticsDateFilterButton(),
                    ),
                  ),
                ],
              ),
              const Divider(height: 0),
              Expanded(child: OccupancyChart(chartData: state.chartData)),
            ],
          ),
        );
      },
    );
  }
}