import 'package:dietary_guard/controllers/alert.dart';
import 'package:dietary_guard/controllers/food_data.dart';
import 'package:dietary_guard/models/alert_configuration.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

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

  @override
  State<SettingsScreen> createState() => _SettingsScreenState();
}

class _SettingsScreenState extends State<SettingsScreen> {
  final TextEditingController _fdcApiKeyController = TextEditingController();

  List<AlertConfiguration> _currentAlerts = List.empty(growable: true);

  void _addAlert() {
    setState(() {
      _currentAlerts.add(AlertConfiguration(
        nutrientId: 0,
        maxValue: 0,
        minValue: 0,
      ));
    });
  }

  Future<void> _applySettings() async {
    final FoodDataController data = Get.find();
    await data.setApiKey(_fdcApiKeyController.text);

    final AlertController alert = Get.find();
    await alert.setAlertConfiguration(_currentAlerts);

    ScaffoldMessenger.of(context).showSnackBar(SnackBar(
      content: Text('settingsApplied'.tr),
    ));
  }

  @override
  void initState() {
    final FoodDataController data = Get.find();
    _fdcApiKeyController.text = data.getApiKey() ?? '';

    final AlertController alert = Get.find();
    _currentAlerts = List.from(alert.configuration, growable: true);

    super.initState();
  }

  @override
  void dispose() {
    _fdcApiKeyController.dispose();
    super.dispose();
  }

  Widget _buildSectionHeader(String title) {
    return Container(
      color: Theme.of(context).colorScheme.secondaryContainer,
      padding: const EdgeInsets.symmetric(horizontal: 28, vertical: 8),
      child: Text(
        title,
        style: Theme.of(context).textTheme.bodyLarge,
      ),
    ).marginOnly(bottom: 16);
  }

  @override
  Widget build(BuildContext context) {
    return Material(
      color: Theme.of(context).colorScheme.surface,
      child: Scaffold(
        appBar: AppBar(
          title: Text('settings'.tr),
        ),
        body: ListView(
          children: [
            _buildSectionHeader('settingsAlertSection'.tr),
            Column(
              children: [
                ...(_currentAlerts.map((x) => Row(
                      children: [
                        Expanded(
                          child: TextFormField(
                            initialValue: x.nutrientId.toString(),
                            decoration: InputDecoration(
                              border: const OutlineInputBorder(),
                              label: Text("alertNutrientId".tr),
                              isDense: true,
                            ),
                            onTapOutside: (_) =>
                                FocusManager.instance.primaryFocus?.unfocus(),
                            onChanged: (value) {
                              x.nutrientId = int.tryParse(value) ?? 0;
                            },
                          ),
                        ),
                        const SizedBox(width: 6),
                        Expanded(
                          child: TextFormField(
                            initialValue: x.maxValue.toString(),
                            decoration: InputDecoration(
                              border: const OutlineInputBorder(),
                              label: Text("alertMaxValue".tr),
                              isDense: true,
                            ),
                            onTapOutside: (_) =>
                                FocusManager.instance.primaryFocus?.unfocus(),
                            onChanged: (value) {
                              x.maxValue = double.tryParse(value) ?? 0;
                            },
                          ),
                        ),
                        const SizedBox(width: 6),
                        Expanded(
                          child: TextFormField(
                            initialValue: x.minValue.toString(),
                            decoration: InputDecoration(
                              border: const OutlineInputBorder(),
                              label: Text("alertMinValue".tr),
                              isDense: true,
                            ),
                            onTapOutside: (_) =>
                                FocusManager.instance.primaryFocus?.unfocus(),
                            onChanged: (value) {
                              x.minValue = double.tryParse(value) ?? 0;
                            },
                          ),
                        ),
                      ],
                    ))),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    TextButton.icon(
                      label: Text('newAlert'.tr),
                      onPressed: () => _addAlert(),
                    ),
                  ],
                ).paddingSymmetric(vertical: 12, horizontal: 24),
              ],
            ).paddingSymmetric(horizontal: 24),
            _buildSectionHeader('settingsDataSection'.tr),
            TextField(
              controller: _fdcApiKeyController,
              obscureText: true,
              decoration: const InputDecoration(
                border: UnderlineInputBorder(),
                label: Text("FDC API Key"),
                isDense: false,
              ),
              onTapOutside: (_) =>
                  FocusManager.instance.primaryFocus?.unfocus(),
            ).paddingSymmetric(horizontal: 24),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                TextButton.icon(
                  label: Text('apply'.tr),
                  onPressed: () => _applySettings(),
                ),
              ],
            ).paddingSymmetric(vertical: 12, horizontal: 24),
          ],
        ),
      ),
    );
  }
}