import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:pharmacy_mobile/tables/ref_medicines.dart';
import 'package:pharmacy_mobile/tables/stocks.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/page_background_widget.dart';
import 'package:pharmacy_mobile/widgets/text_widget.dart';
import 'package:pharmacy_mobile/widgets/title_widget.dart';
import 'package:visibility_detector/visibility_detector.dart'; // Import this package

// 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();
  final _stocks = Stocks();

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

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

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

  void saveStock() async {
    final stockNameUUID = await _refMedicines.getUUID(_selectedMedicine);
    final stockQuantity = _quantityController.text;
    final stockExpiration = _dateController.text;

    await _stocks.postStock(stockNameUUID, stockExpiration, stockQuantity);
  }

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

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: VisibilityDetector(
        key: Key('AddStockPage'),
        onVisibilityChanged: (visibilityInfo) {
          if (visibilityInfo.visibleFraction > 0.5 && !_isVisible) {
            setState(() {
              _isVisible = true;
              autoRun();
            });
          }
        },
        child: PageBackgroundWidget(
          child: Center(
            child: Column(
              children: [
                const Gap(104),
                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)
                      ],
                    ),
                  ),
                )
              ],
            ),
          ),
        ),
      ),
    );
  }
}