<script language="javascript">
    var data_struct = [
        { name: "id", head: "", visible: 0, mixed: 1 },
        { name: "name", head: "Tên combo", visible: 1, type: "text", required: 1, editable: 1, width: ["100%", "30%"] },
        { name: "unit", head: "ĐVT", visible: [0, 1], type: "text", required: 0, editable: 1, width: "8%" },
        { name: "stock", head: "Tồn kho", visible: [0, 1], type: "number", required: 0, editable: 0, width: "6%" },
        { name: "maxtrans", head: "SL.Max", visible: [0, 1], type: "number", required: 0, editable: 0, width: "6%", class: "bg" },
        { name: "wholesale_profit", head: "Lãi buôn", visible: [2, 1], type: "number", required: 0, editable: 0, width: ["30%", "9%"], class: "bb" },
        { name: "wholesale", head: "Giá buôn", visible: [2, 1], type: "number", required: 0, editable: 1, width: ["30%", "9%"] },
        { name: "retail_profit", head: "Lãi lẻ", visible: [0, 1], type: "number", required: 0, editable: 0, width: "9%", class: "bp" },
        { name: "retail", head: "Giá lẻ", visible: [2, 1], type: "number", required: 0, editable: 1, width: ["40%", "9%"] },
        { name: "purchase", head: "Giá nhập", visible: [0, 1], type: "number", required: 0, editable: 0, width: "14%" },
    ];
    var ds_goods_mix_template_category = [
        { name: "id", head: "", visible: 0 },
        { name: "category_id", head: "", visible: 0 },
        { name: "label", head: "Tên nguyên liệu", visible: 1, type: "text", editable: 1, required: 1, width: "45%" },
        { name: "category_name", head: "Nhóm hàng", visible: 1, type: "text", required: 0, width: "55%" },
    ];
    var m_last_storeid = "{_LAST_STOREID_}";
    var m_last_templateid = "{_LAST_TEMPLATEID_}";
    var m_activeid = 0;
    var m_activeauto = 0;
    var m_activedivmaterial = null;
    var m_pageno = 0;
    var gridCombo = new GridViewEx(data_struct, "gridCombo");
    gridCombo.page_source = "kb_hangtohop";
    gridCombo.page_title = itxt("kb_hangtohop");
    if (g_viewmode == 0) gridCombo.rowheading_visible = 2;

    var gridMaterial = new GridViewEx(ds_goods_mix_material, "gridMaterial");
    gridMaterial.page_source = gridCombo.page_source;

    var gridTemplate = new GridViewEx(ds_goods_mix_template_category, "gridTemplate");
    gridTemplate.page_source = "kb_mauhangtohop";

    initOneTime();
    async function initOneTime() {

        //check xem da khoi tao chua
        var page_initflag = document.getElementById("page_initflag");
        if (page_initflag.value.length > 0)
            return;
        page_initflag.value = "1";
        setInnerById("idpageheader", gridCombo.page_title.toUpperCase());

        await showTemplate(m_last_templateid);
        showStoreInSelect("idstore", -1, true, "showList", m_last_storeid);
    }
    async function showTemplate(select_val) {
        var url = "?page=list&pagesub=goods_mix_template";
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataOk(data)) {
                    var options = "";
                    data = getDataOk(data);
                    var rows = data.split(g_split_row);
                    var start = 0;
                    if (rows.length < 1) return;
                    if (isDataStartWith(rows[0], g_sign_columnconfig)) start = 1;
                    for (var i = start; i < rows.length; i++) {
                        var vals = rows[i].split(g_split_val);
                        if (vals.length == ds_goods_mix_template.length) {

                            options += "<option value='" + vals[0] + "' " + strSelected(select_val, vals[0]) + ">" + vals[1] + "</option>";
                        }
                    }
                    options = "<option value='0'>(" + itxt("mautohopcombo") + ")</option>" + options;

                    setInnerById("idtemplateselect", options);

                }
                else
                    showMsg([itxt("loi"), data]);
            },
            error: function () {
                showMsg(itxt("loi"));
                hideModal();
            }
        });
    }
    function goodsCalcImportPrice() {
        var storeid = getSelectVal("idstore");
        var template_id = getSelectVal("idtemplateselect");
        var url = "?page=" + gridCombo.page_source + "&action=combocalc&store_id=" + storeid + "&template_id=" + template_id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataOk(data)) {
                    showList(m_pageno);
                }
                else
                    showMsg([itxt("loi"), data]);
            },
            error: function () {
                showMsg(itxt("loi"));
                hideModal();
            }
        });
    }
    function comboRecalcImportPriceMix() {
        showWaitModal();
        var url = "?page=" + gridCombo.page_source + "&action=comborecalc&store_id=" + getSelectVal("idstore");
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataOk(data)) {
                    showList(m_pageno);
                }
                else
                    showMsg([itxt("loi"), data]);
            },
            error: function () {
                showMsg(itxt("loi"));
                hideModal();
            }
        });
    }
    function goodsSelect() {
        var template_id = getValById("idtemplateselect");
        if (template_id <= 0) {
            alert(itxt("chuachonmauthanhpham"));
            return;
        }
        DlgSelect.showGoods(1, 'goodsSelectCB', [template_id], itxt('chonhangtohop'));
    }
    function goodsSelectCB(template_id, id, goods_id, unit_id, goods_name, goods_code, unit_name, stock, export_price, color_name, color_id, size, image) {
        var url = "?page=" + gridCombo.page_source + "&action=addproduct&thanhpham=" + goods_id + "&template_id=" + template_id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataOk(data)) {
                    m_activeid = goods_id;
                    var item = goods_id + g_split_val + goods_name + g_split_val + unit_name + g_split_val + export_price;
                    gridCombo.data_struct = data_struct;
                    gridCombo.showListCollapsible_AddRow(item, "iddivthanhpham", "showListMaterial");
                    DlgSelect.last_goods_category_id = 0;
                }
                else
                    showMsg([itxt("loi"), data]);
            },
            error: function () {
                showMsg(itxt("loi"));
                hideModal();
            }
        });
    }
    function goodsAddNew() {
        var template_id = getValById("idtemplateselect");
        if (template_id <= 0) {
            alert(itxt("chuachonmauthanhpham"));
            return;
        }
        kbThemHang('goodsAddNewCB', 1);
    }
    //data:ds_goods
    function goodsAddNewCB(data) {
        var template_id = getValById("idtemplateselect");
        if (template_id <= 0) {
            alert(itxt("chuachonmauthanhpham"));
            return;
        }
        var vals;
        if (!Array.isArray(data))
            vals = data.split(g_split_val);
        else
            vals = data;
        //var price = vals[6];
        //if (g_pageobj['{_UID_}'].m_invoice_type.indexOf("phieuxuatbuon") >= 0)
        //    price = vals[7];
        //price = parseNumberVn(price);
        goodsSelectCB(template_id, 0, vals[0], vals[1], vals[3], vals[4], vals[5], 0, vals[6], "", 0, "", "");
    }

    function materialAddCB(goods_main_id, id, goods_id, unit_id, goods_name, goods_code, unit_name, stock, export_price, color_name, color_id, size, image) {
        if (goods_id <= 0) {
            showMsg("Chưa chọn nguyên liệu");
            return;
        }
        var url = "?page=" + gridMaterial.page_source + "&action=materialadd&thanhpham=" + goods_main_id + "&nguyenlieu=" + goods_id + "&unit_id=" + unit_id + "&soluong=1" + "&unitpriceautoget=" + m_activeauto;
        var iddivshow = gridCombo.getRowIdSubCollapsiable(goods_main_id);
        iddivshow = document.getElementById(iddivshow);
        iddivshow.innerHTML = "";
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                data = getDataOk(data);
                showModalCaption(itxt("dathem") + ": " + goods_name + " (" + unit_name + ")");
                gridMaterial.showGrid(data, iddivshow, "menuPopupItem", "&#9783", goods_main_id);

                var addbutton = "<div style=\"width:100%;padding: 6px 0px\">";
                addbutton += "<a href=\"javascript:void(0)\" onclick=\"materialAdd(" + goods_main_id + ",1);\" class=\"buttonbig light\" style=\"padding: 4px;height:40px;width: 30%;float:left;margin-bottom:8px;\">" + itxt("cmd_themnltinhgia") + "</a>";
                addbutton += "<a href=\"javascript:void(0)\" onclick=\"materialAdd(" + goods_main_id + ",0);\" class=\"buttonbig light\" style=\"padding: 4px;height:40px;width: 30%;float:left;margin-bottom:8px;margin-left:4px\">" + itxt("cmd_themnlgia0") + "</a>";
                addbutton += "<a href=\"javascript:void(0)\" onclick=\"removeProduct(" + goods_main_id + ");\" class=\"buttonbig light\" style=\"padding: 4px;width: 30%;height:40px;float:right;margin-bottom:8px;\">" + itxt("cmd_xoatohop") + "</a>";
                addbutton += "</div>";
                iddivshow.innerHTML += addbutton;
                onChangeComboMaterial(goods_main_id);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    //them nguyen lieu, khong thuoc template - nguyen lieu phu them
    function materialAdd(goods_main_id, auto) {
        m_activeid = goods_main_id;
        m_activeauto = auto;
        var dlgtitle = "";
        if (auto == 1)
            dlgtitle = itxt("chonhang");
        else
            dlgtitle = itxt("chonnguyenlieu");

        DlgSelect.showGoods(1, 'materialAddCB', [goods_main_id], itxt("chonnguyenlieu"), 1, getValById("idstore"), 0, "", "phieunhapmua");
    }
    //khong co - set co - remove thanh ko co: idGMD chua load
    function materialRemove(ids, goods_child_id) {

        var vals = ids.split(".");
        if (vals.length != 3) {
            alert("data error");
            return;
        }
        var goods_main_id = parseNumberVn(vals[0]);
        var idGMTD = parseNumberVn(vals[1]);
        var idGMD = parseNumberVn(vals[2]);

        showWaitModal(1);
        var url = "?page=" + gridMaterial.page_source + "&action=materialremove&id=" + idGMD + "&goods_main_id=" + goods_main_id + "&goods_child_id=" + goods_child_id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataOk(data)) {
                    setInnerById(gridMaterial.getCellId("goods_name", ids), "");
                    setInnerById(gridMaterial.getCellId("unit", ids), "");
                    setInnerById(gridMaterial.getCellId("quantity", ids), "");
                    setValById(gridMaterial.getCellId("goods_child_id", ids), "");
                    setValById(gridMaterial.getCellId("unit_id", ids), "");
                    setValById(gridMaterial.getCellId("unitpriceautoget", ids), "");
                    //hang roi - khong thuoc template
                    if (idGMTD <= 0) {
                        setOuterById(gridMaterial.getRowId(ids), "");
                    }
                    onChangeComboMaterial(goods_main_id);
                    hideModalBlock();
                    return;
                }
            },
            error: function () {

                hideModalBlock();
            }
        });

    }
    function materialSetUnitPriceAutoGet(ids, auto, goods_id) {

        var vals = ids.split(".");
        if (vals.length != 3) {
            alert("data error");
            return;
        }
        var goods_main_id = parseNumberVn(vals[0]);
        var idGMTD = parseNumberVn(vals[1]);
        var idGMD = parseNumberVn(vals[2]);

        showWaitModal(1);
        var url = "?page=" + gridMaterial.page_source + "&action=unitpriceautoget&id=" + idGMD + "&auto=" + auto;
        var dataString = "";
        var iddivshow = gridCombo.getRowIdSubCollapsiable(goods_main_id);
        iddivshow = document.getElementById(iddivshow);
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataOk(data))
                    gridMaterial.viewSetOneChecked(iddivshow, "unitpriceautoget", ids, auto, 0);
                onChangeComboMaterial(goods_main_id);
                hideModalBlock();
            },
            error: function () {

                hideModalBlock();
            }
        });

    }
    function materialShowImportDetails(goods_id, unit_id) {
        mShowGoodsEximDetails(1, getValById("idstore"), goods_id, unit_id, 'nm');
    }
    function materialChange(ids) {
        showWaitModal();
        var category_id = gridMaterial.getDataFromIdAndColumnName(ids, "category_id");
        //static showGoods(pageno, fnCallBackName, fnCallBackParam, dlgtitle, show_stock, store_id, category_id, goods_name, invoice_type)
        DlgSelect.showGoods(1, 'materialChangeCB', [ids], itxt("doinguyenlieu"), 1, getValById("idstore"), category_id, "", "phieunhapmua");
    }

    function materialChangeCB(ids, id, goods_id, unit_id, goods_name, goods_code, unit_name, stock, export_price, color_name, color_id, size, image) {
        var vals = ids.split(".");
        if (vals.length != 3) {
            alert("data error");
            return;
        }
        var goods_main_id = parseNumberVn(vals[0]);
        var idGMTD = parseNumberVn(vals[1]);
        var idGMD = parseNumberVn(vals[2]);

        showWaitModal(1);
        var url = "?page=" + gridMaterial.page_source + "&action=changematerial&id=" + idGMD + "&nguyenlieumoi=" + goods_id + "&store_id=" + getValById("idstore");
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                data = getDataOk(data);
                var vals = data.split(g_split_val);
                var idcell = gridMaterial.getCellId("goods_name", ids);
                setInnerById(idcell, goods_name);
                idcell = gridMaterial.getCellId("unit", ids);
                setInnerById(idcell, unit_name);
                //id-stock-price
                if (vals.length == 3) {
                    setInnerById(gridMaterial.getCellId("quantity_stock", ids), vals[1]);
                    setInnerById(gridMaterial.getCellId("price_average", ids), vals[2]);
                }
                onChangeComboMaterial(goods_main_id);
                hideModalBlock();
            },
            error: function () {
                hideModalBlock();
            }
        });
    }
    function materialSet(ids) {
        var vals = gridMaterial.getDataFromId(ids);
        if (vals.length != gridMaterial.data_struct.length) return;
        var category_id = vals[vals.length - 1];
        //    static showGoods(pageno, fnCallBackName, fnCallBackParam, dlgtitle, show_stock, store_id, category_id, goods_name, invoice_type) 

        DlgSelect.showGoods(1, 'materialSetCB', [ids], itxt("chonnguyenlieu"), 1, getValById("idstore"), 0, "", "phieunhapmua");
    }
    function materialSetCB(ids, id, goods_id, unit_id, goods_name, goods_code, unit_name, stock, export_price, color_name, color_id, size, image) {

        var vals = ids.split(".");
        if (vals.length != 3) {
            alert("data error");
            return;
        }
        var goods_main_id = parseNumberVn(vals[0]);
        var idGMTD = parseNumberVn(vals[1]);
        var idGMD = parseNumberVn(vals[2]);
        showWaitModal();
        var url = "?page=" + gridMaterial.page_source + "&action=materialset&id=" + idGMTD + "&goods_main=" + goods_main_id + "&goods_child=" + goods_id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {

                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                setInnerById(gridMaterial.getCellId("goods_name", ids), goods_name);
                setInnerById(gridMaterial.getCellId("unit", ids), unit_name);
                setInnerById(gridMaterial.getCellId("quantity", ids), "1");

                setValById(gridMaterial.getCellId("goods_child_id", ids), goods_id);
                setValById(gridMaterial.getCellId("unit_id", ids), unit_id);
                setValById(gridMaterial.getCellId("unitpriceautoget", ids), "true");
                onChangeComboMaterial(goods_main_id);
                hideModalBlock();

            },
            error: function () {
                hideModalBlock();
            }
        });
    }

    function materialChangeImportPrice(import_price, ids) {
        if (isEmpty(import_price)) {
            DlgGetText(itxt("nhapvaodongianhapmoi"), "materialChangeImportPrice", [ids], 1);
            return;
        }

        var vals = ids.split(".");
        if (vals.length != 3) {
            alert("data error");
            return;
        }
        var goods_main_id = parseNumberVn(vals[0]);
        var idGMTD = parseNumberVn(vals[1]);
        var idGMD = parseNumberVn(vals[2]);

        var datas = gridMaterial.getDataFromId(ids);
        var goods_child_id = parseNumberVn(datas[1]);
        if (goods_child_id <= 0) {
            materialSet(ids);
            return;
        }

        showWaitModal();
        var url = "?page=kb_giahanghoa&pagesub=save&type=gianhap&goods_id=" + goods_child_id + "&unit_id=0&value=" + import_price;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                setInnerById(gridMaterial.getCellId("price_average", ids), import_price);
                onChangeComboMaterial(goods_main_id);
                hideModalBlock();
            },
            error: function () {
                hideModalBlock();
            }
        });
    }

    function materialQuantity(quantity, ids) {
        if (isEmpty(quantity)) {
            DlgGetText(itxt("nhapvaosoluongnguyenlieu"), "materialQuantity", [ids]);
            return;
        }

        var vals = ids.split(".");
        if (vals.length != 3) {
            alert("data error");
            return;
        }
        var goods_main_id = parseNumberVn(vals[0]);
        var idGMTD = parseNumberVn(vals[1]);
        var idGMD = parseNumberVn(vals[2]);

        showWaitModal();
        var url = "?page=" + gridMaterial.page_source + "&action=setquantity&id=" + idGMD + "&quantity=" + quantity;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                setInnerById(gridMaterial.getCellId("quantity", ids), quantity);
                onChangeComboMaterial(goods_main_id);
                hideModalBlock();
            },
            error: function () {
                hideModalBlock();
            }
        });
    }

    function removeProduct(goods_id, bconfirm) {
        if (isEmpty(bconfirm)) {
            dlgConfirm(itxt("banchacchanxoahangtohop?"), itxt("hangtohop"), "removeProduct", [goods_id]);
            return;
        }
        showWaitModal();
        var url = "?page=" + gridCombo.page_source + "&action=removemix&thanhpham=" + goods_id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataOk(data)) {
                    var iddivitem = document.getElementById(gridCombo.getRowId(goods_id));
                    var iddivitemsub = document.getElementById(gridCombo.getRowIdSubCollapsiable(goods_id));
                    if (iddivitem != null) iddivitem.outerHTML = "";
                    if (iddivitemsub != null) iddivitemsub.outerHTML = "";
                    hideModalBlock();
                } else {
                    showMsg(itxt("loi"));
                }

            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function comboClone(goods_id) {
        var data_vals = gridCombo.getDataFromId(goods_id);
        showWaitModal();
        var url = "?page=" + gridCombo.page_source + "&action=comboclone&goods_id=" + goods_id + "&pageno=1";
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {

                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                var new_goods_id = parseInt(getDataOk(data));
                if (new_goods_id < 1) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                data_vals[0] = new_goods_id;
                data_vals[1] = data_vals[1] + "_";
                gridCombo.showGridCollapsible_AddRow(data_vals);
                hideModalBlock();
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });

    }

    function comboRemove(goods_id, bconfirm) {
        if (isEmpty(bconfirm)) {
            hideModal();//hide menu
            var data_vals = gridCombo.getDataFromId(goods_id);
            dlgConfirm(itxt("banchacchanbo") + "<p></p><span class='alert'>" + data_vals[1] + "</span>", itxt("hangtohop"), "comboRemove", [goods_id]);
            return;
        }

        showWaitModal();
        //var url = "?page=" + gridCombo.page_source + "&action=removemix&thanhpham=" + goods_id;
        var url = "?page=" + gridCombo.page_source + "&action=comboremove&goods_id=" + goods_id + "&pageno=1";
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                gridCombo.removeRowView(goods_id);
                hideModalBlock();
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function comboDiscontinued(goods_id) {
        var url = "?page=kb_hang&action=setcontinued&goods_id=" + goods_id + "&value=0";
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                gridCombo.removeRowView(goods_id);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function menuPopupCombo(id) {
        var menu = "<div class='menu_popup_group'>";
        menu += "<a href='javascript:void(0)' onclick='hideModal();javascript:materialAdd(" + id + ",1)' class='menu_popup_item w50'>" + itxt("cmd_themnltinhgia") + "</a>";
        menu += "<a href='javascript:void(0)' onclick='hideModal();javascript:materialAdd(" + id + ",0)' class='menu_popup_item w50'>" + itxt("cmd_themnlgia0") + "</a>";
        menu += "<a href='javascript:void(0)' onclick='hideModal();javascript:comboClone(\"" + id + "\")' class='menu_popup_item w50'>" + itxt("saochepthanhhangcombomoi") + "</a>";
        menu += "<a href='javascript:void(0)' onclick='hideModal();javascript:comboRemove(\"" + id + "\")' class='menu_popup_item w50 remove'>" + itxt("botohop") + "</a>";
        menu += "<a href='javascript:void(0)' onclick='hideModal();javascript:comboDiscontinued(\"" + id + "\")' class='menu_popup_item stop'>" + itxt("cmd_dunggiaodich") + "</a>";

        menu += "</div>";
        showModal(menu, itxt("hangtohop"));

    }
    //variable length
    function menuPopupItem(ids) {

        var vals = ids.split(".");
        if (vals.length != 3) {
            alert("data error");
            return;
        }
        var goods_main_id = parseNumberVn(vals[0]);
        var idGMTD = parseNumberVn(vals[1]);
        var idGMD = parseNumberVn(vals[2]);

        var datas = gridMaterial.getDataFromId(ids);

        var goods_child_id = parseNumberVn(datas[1]);
        if (goods_child_id <= 0) {
            materialSet(ids);
            return;
        }

        var menu = "<div class='menu_popup_group'>";
        menu += "<a href='javascript:void(0)' onclick='javascript:materialChange(\"" + ids + "\")' class='menu_popup_item'>" + itxt("doinguyenlieu") + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:materialChangeImportPrice(null,\"" + ids + "\")' class='menu_popup_item w50'>" + itxt("chinhgianhap") + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:materialQuantity(null,\"" + ids + "\")' class='menu_popup_item w50'>" + itxt("chinhsoluong") + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:materialSetUnitPriceAutoGet(\"" + ids + "\",1" + ")' class='menu_popup_item w50'>" + itxt("cmd_cotinhgia") + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:materialSetUnitPriceAutoGet(\"" + ids + "\",0" + ")' class='menu_popup_item w50'>" + itxt("cmd_khongtinhgia") + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:materialShowImportDetails(\"" + goods_child_id + "\",0" + ")' class='menu_popup_item w50'>" + itxt("cmd_xemlichsunhap") + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:materialRemove(\"" + ids + "\"," + goods_child_id + ")' class='menu_popup_item remove w50'>" + itxt("cmd_loaibo") + "</a>";

        menu += "</div>";

        showModal(menu, itxt("nguyenlieuthanhphan"));
    }
    function showListMaterial(iddivshow, goods_id) {
        iddivshow = document.getElementById(iddivshow);
        var url = "?page=" + gridMaterial.page_source + "&action=dsnguyenlieu&goods_id=" + goods_id + "&pageno=1" + "&store_id=" + getValById("idstore");
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                gridMaterial.showGrid(data, iddivshow, "menuPopupItem", "&#9783");
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });

    }
    async function onChangeInputCombo(input, field_name, goods_id, goods_name) {
        input.classList = "divcell_input input_imagewait";
        var url = "?page=" + gridCombo.page_source + "&action=combosave&type=" + field_name + "&goods_id=" + goods_id + "&unit_id=0&value=" + input.value;
        var data = await getSync(url);

        var idrow = document.getElementById(gridCombo.getRowIdMainCollapsiable(goods_id));
        if (!isDataOk(data)) {
            showMsg([itxt("loi"), getDataFail(data)], "", 1000);
            idrow.style.fontWeight = "bold";
            idrow.style.color = "#FF0000";
            input.classList = "divcell_input input_imageerror";
            return;
        }

        //var idrow = document.getElementById(gridCombo.getRowId(goods_id));
        idrow.style.fontWeight = "bold";
        idrow.style.color = "#0000FF";
        input.classList = "divcell_input input_imageok";

        var storeid = getValById("idstore");
        if (storeid > 0)
            onChangeInputCombo_UpdateProfit(field_name, goods_id, input.value);
    }
    function onChangeComboMaterial(goods_id) {
        var storeid = getValById("idstore");
        if (storeid <= 0) return;
        showWaitModal();
        var url = "?page=" + gridCombo.page_source + "&action=combogetcoc&goods_id=" + goods_id + "&store_id=" + storeid;

        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                var vals = getDataOk(data).split(g_split_val);
                if (vals.length == 2) {
                    var cell_costofcapital = gridCombo.getCellId("purchase", goods_id);
                    var cell_wholesaleprofit = gridCombo.getCellId("wholesale_profit", goods_id);
                    var cell_retailprofit = gridCombo.getCellId("retail_profit", goods_id);
                    var cell_wholesale = gridCombo.getCellId("wholesale", goods_id);
                    var cell_retail = gridCombo.getCellId("retail", goods_id);

                    var coc = formatNumber(vals[0]);
                    setInnerById(cell_costofcapital, coc);

                    setInnerById(cell_wholesaleprofit, formatNumber(parseNumberVn(getValById(cell_wholesale)) - vals[0]));
                    setInnerById(cell_retailprofit, formatNumber(parseNumberVn(getValById(cell_retail)) - vals[0]));
                }
                hideModalBlock();
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function onChangeInputCombo_UpdateProfit(type, goods_id, new_value) {
        var cell_costofcapital = gridCombo.getCellId("purchase", goods_id);
        var cell_wholesaleprofit = gridCombo.getCellId("wholesale_profit", goods_id);
        var cell_retailprofit = gridCombo.getCellId("retail_profit", goods_id);
        var cell_costofcapital_obj = document.getElementById(cell_costofcapital);
        var costofcapital = "";
        if (cell_costofcapital_obj.type == "hidden") {
            costofcapital = cell_costofcapital_obj.value;
        } else {
            costofcapital = cell_costofcapital_obj.innerHTML;
        }
        if (type.indexOf("wholesale") >= 0) {
            var new_profit = parseNumberVn(new_value) - parseNumberVn(costofcapital);
            setInnerById(cell_wholesaleprofit, formatNumber(new_profit));
        }
        if (type.indexOf("retail") >= 0) {
            var new_profit = parseNumberVn(new_value) - parseNumberVn(costofcapital);
            setInnerById(cell_retailprofit, formatNumber(new_profit));
        }
    }
    function showList(pageno) {
        showWaitModal();
        if (isEmpty(pageno)) pageno = 1;
        m_pageno = pageno;

        var storeid = getSelectVal("idstore");
        var liveprice = getValById("idliveprice");
        var sgoodsname = getValById("idgoodsname"); if (!isEmpty(sgoodsname)) sgoodsname = encodeURIComponent(sgoodsname);
        var sgoodscode = getValById("idgoodscode"); if (!isEmpty(sgoodscode)) sgoodscode = encodeURIComponent(sgoodscode);
        var name = getValById("name");
        var template_id = getSelectVal("idtemplateselect");
        var url = "?page=" + gridCombo.page_source + "&template_id=" + template_id + "&action=combolist&name=" + name +
            "&pageno=" + pageno + "&goods_name=" + sgoodsname + "&goods_code=" + sgoodscode + "&store_id=" + storeid + "&liveprice=" + liveprice;

        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                gridCombo.m_arExtraButtons = [{ caption: "::", function: "menuPopupCombo", class: "" }];
                gridCombo.showGridUpdateable(data, "iddivthanhpham", "onChangeInputCombo", "", "showListMaterial");
                setValById("idpageno", pageno);
                hideModal();
            },
            error: function () {

                hideModal();
            }
        });
    }

    gLayout(true);
</script>
<div class="pane_whole">
    <div style="width: 100%;">
        <input type="search" class="input_invoice" id="idgoodsname" oninput="showList(0)"
            style="width: 30%;float: left;">
        <select class="input_invoice" id="idtemplateselect" onchange="showList(1);"
            style="width: 30%;float: left;"></select>
        <select size="1" class="input_invoice" name="idstore" id="idstore" style="width:30%;float: left;"
            onchange="showList(getValById('idpageno'))"></select>
        <select size="1" class="input_invoice" name="idliveprice" id="idliveprice" style="width:10%;float: left;"
            onchange="showList(getValById('idpageno'))">
            <option value="0">Giá lưu trữ</option>
            <option value="1">Giá thực</option>
        </select>

    </div>
    <div id="iddivthanhpham"></div>
</div>

<div class="pane_bottom_gap"></div>
<div class="pane_bottom">
    <input type="button" class="buttonbig add" value="Thêm hàng" onclick="return goodsAddNew();" name="B1"
        style="width:30%;float:right">
    <input type="button" class="buttonbig select" value="Chọn hàng" onclick="return goodsSelect();" name=" B2"
        style="width:30%;float:left">
    <input type="button" class="buttonbig refresh" value="Làm mới giá lưu trữ"
        onclick="return comboRecalcImportPriceMix();" name=" B2" style="width:40%;float:left">

</div>
<input type="hidden" id="idpageno" value="">
<input type="hidden" id="page_initflag" value="">