import 'dart:async';

import 'package:dropdown_button2/dropdown_button2.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_svg/svg.dart';
import 'package:provider/provider.dart';

import '../../Models/ordersModels/AddOrderPaymentSelectOrderResponse.dart';
import '../../Notifiers/ordersProvider/addPaymentProvider.dart';
import '../../Notifiers/ordersProvider/editPaymentProvider.dart';
import '../../Utils/app_colors.dart';
import '../../Utils/commonWidgets.dart';
import '../../Utils/dropdownTheme.dart';

class Editpaymentdetailsbymode extends StatefulWidget {
  final mode;
  final pageTitleName;
  final values;

  const Editpaymentdetailsbymode({
    super.key,
    this.mode,
    this.pageTitleName,
    this.values,
  });

  @override
  State<Editpaymentdetailsbymode> createState() =>
      _EditpaymentdetailsbymodeState();
}

class _EditpaymentdetailsbymodeState extends State<Editpaymentdetailsbymode> {
  Timer? _debounce;
  FocusNode focusNode = FocusNode();

  String? selectedValue;
  final TextEditingController textEditingController = TextEditingController();
  List<FocusNode> focusNodes = List.generate(5, (index) => FocusNode());
  Dropdowntheme ddtheme = Dropdowntheme();

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      var provider = Provider.of<Addpaymentprovider>(context, listen: false);
      if (provider.dateNow == null) {
        provider.setDate(DateTime.now());
      }
      provider.ordersAddPaymentAPIViewFunction(context);
      provider.ordersAddPaymentSelectAccountAPIFunction(
        context,
        widget.mode,
        provider.selectedAccountID,
        '',
      );
      // "description":provider.paymentDetails!.description,
      // "amount":provider.paymentDetails!.amount,
      // "payment_mode":provider.paymentDetails!.paymentType,
      // "pay_ref":provider.paymentDetails!.refNo,
      // "pay_received_date":provider.paymentDetails!.paymentDate,
      provider.selectedDescription = widget.values['description'];
      provider.amountController.text = widget.values['amount'];
      provider.selectedPaymentMode = widget.values['payment_mode'];
      provider.paymentRefController.text = widget.values['pay_ref'];
      provider.paymentReceivedDateController.text =
          widget.values['pay_received_date'];
    });
  }

  @override
  void dispose() {
    focusNodes.map((e) => e.dispose());
    super.dispose();
  }

  Future<bool> _onBackPressed(BuildContext context) async {
    Navigator.pop(context, true);
    return true;
  }

  @override
  Widget build(BuildContext context) {
    return Consumer2<Addpaymentprovider, Editpaymentprovider>(
      builder: (context, provider, editProvider, child) {
        return WillPopScope(
          child: Scaffold(
            resizeToAvoidBottomInset: true,
            backgroundColor: AppColors.white,
            appBar: appbar2(
              context,
              "${widget.pageTitleName}",
              provider.resetForm,
              SizedBox(width: 0),
            ),
            body: Container(
              padding: EdgeInsets.symmetric(horizontal: 10),
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(20),
              ),
              child: SingleChildScrollView(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    TextWidget(context, "Description"),
                    DropdownButtonHideUnderline(
                      child: Row(
                        children: [
                          Expanded(
                            child: DropdownButton2<String>(
                              isExpanded: true,
                              hint: const Row(
                                children: [
                                  Expanded(
                                    child: Text(
                                      'Select Advance Payment',
                                      style: TextStyle(fontSize: 14),
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                ],
                              ),
                              items:
                                  provider.description
                                      .map(
                                        (pm) => DropdownMenuItem<String>(
                                          value: pm,
                                          child: Text(
                                            pm,
                                            style: const TextStyle(
                                              fontSize: 14,
                                            ),
                                            overflow: TextOverflow.ellipsis,
                                          ),
                                        ),
                                      )
                                      .toList(),
                              value: provider.selectedDescription,
                              onChanged: (value) {
                                if (value != null) {
                                  provider.selectedDescription = value;
                                  print(
                                    "statusId:${provider.selectedDescription}",
                                  );
                                }
                              },
                              buttonStyleData: ddtheme.buttonStyleData,
                              iconStyleData: ddtheme.iconStyleData,
                              menuItemStyleData: ddtheme.menuItemStyleData,
                              dropdownStyleData: ddtheme.dropdownStyleData,
                            ),
                          ),
                        ],
                      ),
                    ),
                    errorWidget(context, provider.descriptionError),
                    textControllerWidget(
                      context,
                      provider.amountController,
                      "Amount",
                      provider.onChangeAmount,
                      TextInputType.number,
                      false,
                      FilteringTextInputFormatter.digitsOnly,
                      focusNodes[0],
                      null,
                      TextInputAction.done
                    ),
                    errorWidget(context, provider.amountError),

                    TextWidget(context, "Select Payment Mode"),
                    DropdownButtonHideUnderline(
                      child: Row(
                        children: [
                          Expanded(
                            child: DropdownButton2<String>(
                              isExpanded: true,
                              hint: const Row(
                                children: [
                                  Expanded(
                                    child: Text(
                                      'Select Payment Mode',
                                      style: TextStyle(fontSize: 14),
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                ],
                              ),
                              items:
                                  provider.paymentMode
                                      .map(
                                        (pm) => DropdownMenuItem<String>(
                                          value: pm,
                                          child: Text(
                                            pm,
                                            style: const TextStyle(
                                              fontSize: 14,
                                            ),
                                            overflow: TextOverflow.ellipsis,
                                          ),
                                        ),
                                      )
                                      .toList(),
                              value: provider.selectedPaymentMode,
                              onChanged: (value) {
                                if (value != null) {
                                  provider.selectedPaymentMode = value;
                                  print(
                                    "statusId:${provider.selectedPaymentMode}",
                                  );
                                }
                              },
                              buttonStyleData: ddtheme.buttonStyleData,
                              iconStyleData: ddtheme.iconStyleData,
                              menuItemStyleData: ddtheme.menuItemStyleData,
                              dropdownStyleData: ddtheme.dropdownStyleData,
                            ),
                          ),
                        ],
                      ),
                    ),
                    errorWidget(context, provider.paymentModeError),

                    textControllerWidget(
                      context,
                      provider.paymentRefController,
                      "Payment Reference No. / Cheque No. / UTR No. tf",
                      provider.onChangepaymentRef,
                      TextInputType.text,
                      false,
                      null,
                        focusNodes[1],
                        null,
                        TextInputAction.done
                    ),
                    errorWidget(context, provider.paymentRefError),
                    TextWidget(context, "Payment Received Date"),
                    GestureDetector(
                      onTap: () {
                        provider.showDatePickerDialog(context);
                      },
                      child: Row(
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          Expanded(
                            child: Container(
                              height: 50,
                              alignment: Alignment.center,
                              decoration: BoxDecoration(
                                color: AppColors.text_field_color,
                                borderRadius: BorderRadius.circular(14),
                              ),
                              child: Padding(
                                padding: const EdgeInsets.fromLTRB(
                                  10.0,
                                  0.0,
                                  10,
                                  0,
                                ),
                                child: TextFormField(
                                  controller:
                                      provider.paymentReceivedDateController,
                                  keyboardType: TextInputType.text,
                                  enabled: false,
                                  maxLines: 1,
                                  readOnly: true,
                                  onChanged: (value) {},
                                  decoration: InputDecoration(
                                    hintText: "Enter Date",
                                    hintStyle: TextStyle(
                                      fontWeight: FontWeight.w400,
                                      color: Color(0xFFB4BEC0),
                                      fontSize: 14,
                                    ),

                                    enabledBorder: InputBorder.none,
                                    disabledBorder: InputBorder.none,
                                    focusedBorder: InputBorder.none,
                                  ),
                                ),
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                    errorWidget(context, provider.dateError),
                  ],
                ),
              ),
            ),
            floatingActionButtonLocation:
                FloatingActionButtonLocation.centerFloat,
            bottomNavigationBar: InkResponse(
              onTap:
                  editProvider.submitLoading
                      ? null
                      : () {
                        editProvider.submitLoading = true;
                        editProvider.editPaymentDetailsAPIFunction(
                          context,
                          widget.values["payment_id"],
                          provider.selectedDescription,
                          provider.selectedPaymentMode,
                          provider.paymentRefController.text,
                          provider.paymentReceivedDateController.text,
                          provider.amountController.text,
                        );
                      },
              child: Container(
                height: 45,
                alignment: Alignment.center,
                margin: EdgeInsets.symmetric(horizontal: 10, vertical: 15),
                padding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
                decoration: BoxDecoration(
                  color: AppColors.app_blue,
                  borderRadius: BorderRadius.circular(15),
                ),
                child:
                    editProvider.submitLoading
                        ? CircularProgressIndicator.adaptive(
                          valueColor: AlwaysStoppedAnimation<Color>(
                            AppColors.white,
                          ),
                        )
                        : Text(
                          "Submit",
                          style: TextStyle(
                            fontSize: 15,
                            fontFamily: "JakartaMedium",
                            color: Colors.white,
                          ),
                        ),
              ),
            ),
          ),
          onWillPop: () async {
            provider.resetForm();
            return _onBackPressed(context);
          },
        );
      },
    );
  }
}