import 'dart:developer';

import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:pharmacy_mobile/tables/ref_medicines.dart';
import 'package:pharmacy_mobile/widgets/button_widget.dart';
import 'package:pharmacy_mobile/widgets/datepicker_widget.dart';
import 'package:pharmacy_mobile/widgets/dropdown_widget.dart';
import 'package:pharmacy_mobile/widgets/input_widget.dart';
import 'package:pharmacy_mobile/widgets/text_widget.dart';
import 'package:pharmacy_mobile/widgets/title_widget.dart';
import 'package:intl/intl.dart';

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

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

class _AddStockPageState extends State<AddStockPage> {
  final _formKey = GlobalKey<FormState>();
  final FocusNode _focusNode = FocusNode();
  final _refMedicines = RefMedicines();
  final _quantityController = TextEditingController();
  final _dateController = TextEditingController();

  late List _medicineList = [];
  late String _selectedMedicine = '';
  late DateTime selectedDate = DateTime.now();

  void autoRun() async {
    _medicineList = await _refMedicines.getList();
  }

  void _updateMedicine(dynamic medicine) {
    _selectedMedicine = medicine;
  }

  // Future<void> _selectDate(BuildContext context) async {
  //   final DateTime? picked = await showDatePicker(
  //       context: context, initialDate: selectedDate, firstDate: DateTime(2015, 8), lastDate: DateTime(2101));
  //   if (picked != null && picked != selectedDate) {
  //     setState(() {
  //       selectedDate = picked;
  //       final DateFormat formatter = DateFormat('MMMM dd, yyyy');
  //       _dateController.text = formatter.format(selectedDate);
  //     });
  //   }
  // }

  void saveStock() async {}

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

  @override
  void dispose() {
    _focusNode.dispose();
    _medicineList = [];
    _selectedMedicine = '';
    _quantityController.dispose();
    _dateController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        alignment: Alignment.center,
        height: MediaQuery.of(context).size.height * 8,
        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 Stock'),
              const Gap(16),
              Form(
                key: _formKey,
                child: Center(
                  child: Column(
                    children: [
                      DropDownWidget(
                          label: 'Medicine Name',
                          list: _medicineList,
                          listTitle: 'medicine_name',
                          onChanged: _updateMedicine),
                      const Gap(16),
                      InputWidget(label: 'Quantity', controller: _quantityController),
                      const Gap(16),
                      DatePickerWidget(
                        label: 'Date Expiration',
                        controller: _dateController,
                        value: selectedDate,
                      ),
                      const Gap(16),
                      ButtonWidget(text: 'Add Stock', onPressed: saveStock)
                    ],
                  ),
                ),
              )
            ],
          ),
        ),
      ),
    );
  }
}