import 'package:flutter/material.dart';
import 'package:cpd/pages/iconpage.dart';

class AddHabitPopup extends StatefulWidget {
  final void Function(String, String, IconData) onSubmit;

  @override
  _AddHabitPopupState createState() => _AddHabitPopupState();

  const AddHabitPopup({
    super.key,
  required this.onSubmit,
  });
  }

class _AddHabitPopupState extends State<AddHabitPopup> {
  final titleController = TextEditingController();
  final subtitleController = TextEditingController();
  late IconData selectedIcon;

  @override
  void initState() {
    super.initState();

    titleController.text = "";
    subtitleController.text = "";
    selectedIcon = Icons.favorite;
  }

  final _formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) {
    WidgetsBinding.instance?.addPostFrameCallback((_) => debugDumpApp());
    return AlertDialog(
      title: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          IconButton(
            icon: const Icon(Icons.close, color: Colors.red),
            onPressed: () => Navigator.pop(context),
          ),
          const Expanded(
            child: Text(
              'Add task',
              textAlign: TextAlign.center,
            ),
          )
        ],
      ),
      content: Column(
        mainAxisSize: MainAxisSize.min,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          const Divider(thickness: 3),

          Form(
            key: _formKey,
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                TextFormField(
                  autofocus: true,
                  controller: titleController,
                  decoration: const InputDecoration(
                    icon: Icon(Icons.title),
                    labelText: "Title",
                    hintText: "Enter task title",
                  ),
                  validator: (value) =>
                  value != null && value.isEmpty ? "Please enter a title" : null,
                  onFieldSubmitted: (_) => _submitForm(),
                ),

                TextFormField(
                  controller: subtitleController,
                  decoration: const InputDecoration(
                    icon: Icon(Icons.description),
                    labelText: "Description",
                    hintText: "Describe how you plan to achieve your goal",
                  ),
                  validator: (value) =>
                  value != null && value.isEmpty ? "Please enter a subtitle" : null,
                  onFieldSubmitted: (_) => _submitForm(),
                ),
              ],
            ),
          ),
          const SizedBox(height: 10,),
      Row(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: [
          ElevatedButton(
            onPressed: _submitForm,
            child: const Text('Save'),
          ),
          ElevatedButton(
              onPressed: () async {
                IconData? newSelectedIcon = await Navigator.push(
                  context,
                  MaterialPageRoute(
                      builder: (context) => IconPage(selectedIcon: selectedIcon,
                        onIconSelected: (icon) {
                          setState(() {
                            selectedIcon = icon;
                          });
                        },
                      )
                  ),
                );
                if (newSelectedIcon != null) {
                  selectedIcon = newSelectedIcon;
                }
              },
              child: const Text('Select Icon'),
          ),
            ]
          ),
        ],
      ),
    );
  }
  void _submitForm() {
    if (_formKey.currentState!.validate()) {
      widget.onSubmit(titleController.text, subtitleController.text,
      selectedIcon);

      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: Text('${titleController.text} saved!'),
        ),
      );
    }
  }
}