import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:smoke_cess_app/models/sleep.dart';
import 'package:syncfusion_flutter_charts/charts.dart';
import '../providers/tasks_provider.dart';

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

  @override
  Widget build(BuildContext context) {
    var tasksModel = context.watch<TasksProvider>();
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        SfCartesianChart(
          primaryXAxis: DateTimeAxis(),
          series: <ChartSeries>[
            LineSeries<Sleep, DateTime>(
                dataSource: tasksModel.sleepHistory,
                xValueMapper: (Sleep value, _) => value.date,
                yValueMapper: (Sleep value, _) => value.sleepQualitiyValue)
          ],
        ),
        Column(
            children: tasksModel.sleepHistory.map((sleep) {
          return Text('${sleep.date}: ${sleep.sleepQualitiyValue}');
        }).toList())
      ],
    );
  }
}