import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:smoke_cess_app/widgets/elevated_card.dart';
import 'package:smoke_cess_app/widgets/slider.dart';
import 'package:smoke_cess_app/widgets/submit_form_button.dart';
import 'package:smoke_cess_app/widgets/text_formfield.dart';
import 'package:smoke_cess_app/widgets/timepicker.dart';

import '../providers/input_provider.dart';

class SleepForm extends StatelessWidget {
  const SleepForm({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    InputProvider inputModel = context.watch<InputProvider>();
    String wokeUpKey = 'wokeUpAt';
    String sleptKey = 'sleptAt';

    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        ElevatedCard(
          title: 'Einschlafzeit',
          child: TimePicker(sleptKey),
        ),
        const SizedBox(height: 16),
        ElevatedCard(
          title: 'Aufwachzeit',
          child: TimePicker(wokeUpKey),
        ),
        const SizedBox(height: 16),
        const ElevatedCard(
          title: 'Schlafbewertung',
          child: MySlider(),
        ),
        const SizedBox(height: 16),
        const ElevatedCard(
          title: 'Schlafbeschreibung',
          child: MyTextFormField('Beschreibe deinen Schlaf'),
        ),
        const SizedBox(
          height: 80,
        ),
        SubmitFormButton(
          submitCallback: () => inputModel.saveSleep(wokeUpKey, sleptKey),
        )
      ],
    );
  }
}