import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:go_router/go_router.dart';
import 'package:calorimeter/app_drawer.dart';
import 'package:calorimeter/utils/calendar_floating_button.dart';
import 'package:calorimeter/utils/settings_bloc.dart';
import 'package:settings_ui/settings_ui.dart';

class SettingsWidget extends StatefulWidget {
  const SettingsWidget({super.key});

  @override
  State<SettingsWidget> createState() => _SettingsWidgetState();
}

class _SettingsWidgetState extends State<SettingsWidget> {
  var kcalPerDayCtrl = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: BlocBuilder<SettingsDataBloc, SettingsState>(
            builder: (context, state) {
          return SettingsList(sections: [
            SettingsSection(
              title: const Text('Deine persönlichen Einstellungen'),
              tiles: [
                SettingsTile.navigation(
                    leading: const Icon(Icons.food_bank),
                    title: const Text('Kalorienlimit pro Tag'),
                    value: Text(state.kcalLimit.toString()),
                    onPressed: (context) async {
                      await showDialog(
                          builder: (ctx) {
                            return AlertDialog(
                              title: const Text("Kalorienlimit pro Tag"),
                              content: TextField(controller: kcalPerDayCtrl),
                              actions: [
                                TextButton(
                                    onPressed: () {
                                      double setting;
                                      try {
                                        setting =
                                            double.parse(kcalPerDayCtrl.text);
                                      } catch (e) {
                                        setting = 2000.0;
                                      }
                                      context.read<SettingsDataBloc>().add(
                                          DailyKcalLimitUpdated(kcal: setting));
                                      ctx.pop();
                                    },
                                    child: const Text('Ok'))
                              ],
                            );
                          },
                          context: context);
                    }),
              ],
            ),
          ]);
        }),
        drawer: const AppDrawer(),
        appBar: AppBar(title: const Text('Einstellungen')),
        floatingActionButton: CalendarFloatingButton(date: DateTime.now()));
  }
}