import { DifferenceInputModal, IData } from "../../../../DifferenceInputModal";
import React from "react";
import Invoice from "../../../index";

export default () => {

    const controller = Invoice.useInvoiceController();
    const open = controller.useMemo((s) => s.differenceInputState.open && s.differenceInputState.enabled && !s.goodsListState.importGoods.isVisibleDrawer, []);
    const data = controller.useMemo((s) => s.differenceInputState.data, []);

    const value = React.useMemo(() => {
        return {
            rows: data?.rows || [],
            projectCode: data?.projectCode || '',
            voucherTotal: data?.voucherTotal || 0,
            deductTotal: data?.deductTotal || 0,
        }
    }, [data, open]);

    console.log('DifferenceInput data ===>', data)

    return (
        <DifferenceInputModal
            value={value}
            open={open}
            onCancel={() => {
                controller.run(async (s) => { s.differenceInputState.open = false });
            }}
            onOk={(data: IData) => {
                controller.run(async (s) => {
                    s.differenceInputState.data = data;
                    s.goodsListState.deduction = data.deductTotal;
                    s.differenceInputState.open = false;
                });
            }}
        />
    );
};