import 'package:flutter/material.dart';
import 'package:seshat/ui/add_page/view_model/add_view_model.dart';

class FormPopup extends StatelessWidget {
  const FormPopup({
    super.key,
    required this.viewModel,
    required this.exitPopup,
  });

  final AddViewModel viewModel;
  final Function(BuildContext) exitPopup;

  @override
  Widget build(BuildContext context) {
    return AlertDialog(
      title: Center(child: Text("Type d'entrée")),
      content: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Card(
            clipBehavior: Clip.hardEdge,
            child: InkWell(
              splashColor: Colors.blue.withAlpha(30),
              onTap: () {
                debugPrint('Card tapped.');
                Navigator.of(context).pop();
                showDialog(
                  context: context,
                  barrierDismissible: false,
                  builder: (context) {
                    return _ManualEANPopup(exitPopup: exitPopup);
                  },
                );
              },
              child: const SizedBox(
                width: 300,
                height: 100,
                child: Center(
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Icon(Icons.onetwothree),
                      SizedBox(width: 10),
                      Text('Entrer manuellement un EAN'),
                    ],
                  ),
                ),
              ),
            ),
          ),
          Card(
            clipBehavior: Clip.hardEdge,
            child: InkWell(
              splashColor: Colors.blue.withAlpha(30),
              onTap: () {
                debugPrint('Card tapped.');
                Navigator.of(context).pop();
                showDialog(
                  context: context,
                  barrierDismissible: false,
                  builder: (context) {
                    return _FullyManual(exitPopup: exitPopup);
                  },
                );
              },
              child: const SizedBox(
                width: 300,
                height: 100,
                child: Center(
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Icon(Icons.history_edu),
                      SizedBox(width: 10),
                      Text('Entrer manuellement un livre'),
                    ],
                  ),
                ),
              ),
            ),
          ),
        ],
      ),
      actions: [
        TextButton(onPressed: () => exitPopup(context), child: Text("Annuler")),
      ],
    );
  }
}

class _ManualEANPopup extends StatefulWidget {
  const _ManualEANPopup({required this.exitPopup});

  final Function(BuildContext) exitPopup;

  @override
  State<_ManualEANPopup> createState() => _ManualEANPopupState();
}

class _ManualEANPopupState extends State<_ManualEANPopup> {
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  String? ean;
  @override
  Widget build(BuildContext context) {
    return AlertDialog(
      title: Text("Recherche par EAN"),
      content: Form(
        key: _formKey,
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            TextFormField(
              decoration: InputDecoration(
                labelText: "EAN",
                border: OutlineInputBorder(),
              ),
              keyboardType: TextInputType.number,
              onSaved: (newValue) {
                ean = newValue;
              },
              validator: (value) {
                if (value == null ||
                    value.length != 13 ||
                    int.tryParse(value) == null) {
                  return "L'entrée n'est pas un code EAN-13 valide";
                }
                return null;
              },
            ),
          ],
        ),
      ),
      actions: [
        TextButton(
          onPressed: () {
            widget.exitPopup(context);
          },
          child: Text("Annuler"),
        ),
        TextButton(
          onPressed: () {
            if (_formKey.currentState!.validate()) {
              _formKey.currentState!.save();
              widget.exitPopup(context);
            }
          },
          child: Text("Valider"),
        ),
      ],
    );
  }
}

class _FullyManual extends StatefulWidget {
  const _FullyManual({required this.exitPopup});

  final Function(BuildContext) exitPopup;

  @override
  State<_FullyManual> createState() => _FullyManualState();
}

class _FullyManualState extends State<_FullyManual> {
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  String? ean = "";
  String? title;
  String? author;

  @override
  Widget build(BuildContext context) {
    return AlertDialog(
      title: Text("Entrée manuelle"),
      content: Form(
        key: _formKey,
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            TextFormField(
              decoration: InputDecoration(
                labelText: "EAN",
                helperText: "Optionnel",
                border: OutlineInputBorder(),
              ),
              keyboardType: TextInputType.number,
              validator: (value) {
                if (value == null ||
                    (value.length != 13 && value.isNotEmpty) ||
                    int.tryParse(value) != null) {
                  return "Indiquez un EAN valide ou rien";
                }
                return null;
              },
              onSaved: (newValue) {
                ean = newValue;
              },
            ),
            SizedBox(height: 10),
            TextFormField(
              decoration: InputDecoration(
                labelText: "Titre",
                border: OutlineInputBorder(),
              ),
              validator: (value) {
                if (value == null || value.isEmpty) {
                  return "Indiquez un titre";
                }
                return null;
              },
              onSaved: (newValue) {
                title = newValue;
              },
            ),
            SizedBox(height: 10),
            TextFormField(
              decoration: InputDecoration(
                labelText: "Auteur·ice",
                border: OutlineInputBorder(),
              ),
              validator: (value) {
                if (value == null || value.isEmpty) {
                  return "Indiquez un·e auteur·ice";
                }
                return null;
              },
              onSaved: (newValue) {
                author = newValue;
              },
            ),
          ],
        ),
      ),
      actions: [
        TextButton(
          onPressed: () {
            widget.exitPopup(context);
          },
          child: Text("Annuler"),
        ),
        TextButton(
          onPressed: () {
            if (_formKey.currentState!.validate()) {
              _formKey.currentState!.save();
              widget.exitPopup(context);
            }
          },
          child: Text("Valider"),
        ),
      ],
    );
  }
}