import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:pharmacy_mobile/tables/ref_categories.dart';
import 'package:pharmacy_mobile/tables/ref_generic_names.dart';
import 'package:pharmacy_mobile/tables/ref_manufactorers.dart';
import 'package:pharmacy_mobile/tables/ref_types.dart';
import 'package:pharmacy_mobile/widgets/button_widget.dart';
import 'package:pharmacy_mobile/widgets/dropdown_widget.dart';
import 'package:pharmacy_mobile/widgets/input_widget.dart';
// import 'package:google_fonts/google_fonts.dart';
import 'package:pharmacy_mobile/widgets/text_widget.dart';
import 'package:pharmacy_mobile/widgets/title_widget.dart';

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

  @override
  AddMedicinePageState createState() => AddMedicinePageState();
}

class AddMedicinePageState extends State<AddMedicinePage> {
  final _formKey = GlobalKey<FormState>();
  // final _authService = AuthService();
  final _refGenericNames = RefGenericNames();
  // final _refCategories = RefCategories();
  final _refTypes = RefTypes();
  final _refManufactorer = RefManufactorers();
  final _nameController = TextEditingController();
  final _genericNameController = TextEditingController();
  final _typeController = TextEditingController();
  final _manufactorerController = TextEditingController();
  final _categoryController = TextEditingController();
  final FocusNode _focusNode = FocusNode();

  late List _genericNameList = [];
  late String _selectedGeneric;
  late List _typeList = [];
  late String _selectedType;
  late List _manufactorerList = [];
  late String _selectedManufactorer;

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

  void autoRun() async {
    _genericNameList = await _refGenericNames.getList();
    _typeList = await _refTypes.getList();
    _manufactorerList = await _refManufactorer.getList();
  }

  void _updateGeneric(dynamic generic) {
    _selectedGeneric = generic;
  }

  void _updateType(dynamic type) {
    _selectedType = type;
  }

  void _updateManufactorer(dynamic manufactorer) {
    _selectedManufactorer = manufactorer;
  }

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

  @override
  void dispose() {
    _nameController.dispose();
    _genericNameController.dispose();
    _typeController.dispose();
    _manufactorerController.dispose();
    _categoryController.dispose();
    _focusNode.dispose();

    _genericNameList = [];
    _selectedGeneric = '';
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        alignment: Alignment.center,
        height: MediaQuery.of(context).size.height,
        decoration: const BoxDecoration(
          gradient: LinearGradient(
            colors: [
              Color.fromRGBO(34, 51, 69, 1),
              Color.fromRGBO(22, 32, 44, 1),
            ],
            begin: Alignment.topCenter,
            end: Alignment.bottomCenter,
          ),
        ),
        child: Center(
          child: Column(
            children: [
              const Gap(120),
              const TitleWidget(firstTextSize: 16, secondTextSize: 32),
              const Gap(32),
              const TextWidget(text: 'Add Medicine'),
              const Gap(16),
              Form(
                  key: _formKey,
                  child: Center(
                    child: Column(
                      children: [
                        InputWidget(label: 'Name', controller: _nameController),
                        const Gap(16),
                        DropDownWidget(
                            label: 'Generic Name',
                            list: _genericNameList,
                            listTitle: 'generic_name',
                            onChanged: _updateGeneric),
                        const Gap(8),
                        TextWidget(text: _categoryController.text),
                        const Gap(16),
                        DropDownWidget(label: 'Type', list: _typeList, listTitle: 'type_name', onChanged: _updateType),
                        const Gap(16),
                        DropDownWidget(
                            label: 'Manufactorer',
                            list: _manufactorerList,
                            listTitle: 'manufactorer_name',
                            onChanged: _updateManufactorer),
                        const Gap(16),
                        ButtonWidget(text: 'Save Medicine', onPressed: onPressed)
                      ],
                    ),
                  ))
            ],
          ),
        ),
      ),
    );
  }
}