<meta http-equiv="Content-Type" content="text/html; charset=unicode" />
<script language="javascript">
    var gridViewEx = new GridViewEx(ds_goods, "gridViewEx");
    gridViewEx.page_source = "kb_hang";
    gridViewEx.page_title = itxt("kb_hang");
    gridViewEx.m_fnCallBackCheckCellEditable = goodsCheckEditable;//check cu the tung cell editable
    if (g_viewmode == 0) gridViewEx.rowheading_visible = 2;

    var gridUnit = new GridViewEx(ds_goods_unit, "gridUnit");
    gridUnit.page_source = gridViewEx.page_source;

    gLayout(true);
    initOneTime();

    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";
        getListGoodsCategory(showGoodsCategoryInSelect, ['idcategoryid', '0', true]);
        setInnerById("idpageheader", gridViewEx.page_title.toUpperCase());
        showList(0);
    }
    //data_vals: ds_goods
    function goodsCheckEditable(data_vals, j) {
        //unit_id>0
        if (data_vals[1] > 0) {
            if (j == 6 || j == 7) return true;
            return false;
        }
        return true;
    }
    //data: unit_struct
    function goodsUnitUpdate(units) {

        if (!Array.isArray(units)) {
            showMsg(itxt("dulieuloi"));
            return false;
        }
        if (units.length != 7) {
            showMsg(itxt("dulieuloi"));
            return false;
        }
        var goods_id = parseInt(gridUnit.active_param);
        var unit_id = units[0];
        if ((goods_id <= 0) || (unit_id <= 0)) {
            showMsg(itxt("dulieuloi"));
            return false;
        }
        var url = "?page=" + gridViewEx.page_source + "&action=list&goods_id=" + goods_id + "&unit_id=" + unit_id;

        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                showList();
                //gridViewEx.showGridUpdateable_AddRow(getDataOk(data), true);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
        gridUnit.active_param = null;
    }
    function goodsUnitAdd(goods_id) {
        gridUnit.active_param = goods_id;
        gridUnit.showEditForm(0, [{ name: "goods_id", value: goods_id }], "", null, 0, 'goodsUnitUpdate');
    }
    function goodsUnitEdit(goods_id, unit_id) {
        gridUnit.active_param = goods_id;
        var url = "?page=list&pagesub=goods_unit&goods_id=" + goods_id + "&unit_id=" + unit_id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                gridUnit.showEditForm(unit_id, [{ name: "goods_id", value: goods_id }], "", getDataOk(data), 0, 'goodsUnitUpdate');
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function goodsUnitRemove(goods_id, unit_id) {
        var url = "?page=" + gridUnit.page_source + "&action=removeunit&goods_id=" + goods_id + "&unit_id=" + unit_id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                var idremove = gridViewEx.getRowId(goods_id, unit_id);
                var idrow = document.getElementById(idremove);
                if (!isEmpty(idrow)) idrow.outerHTML = "";
                showMsg(itxt("daxoadonvitinh"), "", 1000);

            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function itemSetContinued(goods_id, continued) {
        var url = "?page=" + gridViewEx.page_source + "&action=setcontinued&goods_id=" + goods_id + "&value=" + continued;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                if (getSelectVal("idcontinued") != 0) {
                    var idremove = gridViewEx.getRowId(goods_id, 0);
                    var idrow = document.getElementById(idremove);
                    if (!isEmpty(idrow)) idrow.outerHTML = "";
                }
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function itemRemove(goods_id, unit_id, bconfirm) {
        if (isEmpty(bconfirm)) {
            dlgConfirm(itxt("banchacchanxoahang") + "<p><b>" + getInnerById(gridViewEx.getCellId("tenhang", goods_id, unit_id)) + "</b></p>", itxt("hanghoa"), "itemRemove", [goods_id, unit_id]);
            return;
        }
        gridViewEx.removeRow(goods_id);
    }
    function itemPrintBarcodeLabel(goods_id) {
        gCallInterop("PRINTBARCODE" + g_split_row + goods_id);
    }
    //ds_goods
    function menuPopupItem(...args) {
        var goods_id = args[0], unit_id = args[1];
        var rowOrderIndex = args[args.length - 1];
        var continued = -1;
        if (!isEmpty(gridViewEx.data_rows)) {
            if (gridViewEx.data_rows.length >= rowOrderIndex) {
                //ds_goods
                var vals = gridViewEx.data_rows[rowOrderIndex];
                if (Array.isArray(vals) && vals.length == ds_goods.length) {
                    continued = vals[ds_goods.length - 1];
                }
            }
        }

        if (parseNumber(goods_id) <= 0) {
            showMsg(itxt("hangkhongxacdinh"));
            return;
        }
        var menu = "<div class='menu_popup_group'>";
        if (unit_id > 0) {
            menu += "<a href='javascript:void(0)' onclick='goodsUnitEdit(" + goods_id + "," + unit_id + ")' class='menu_popup_item'>Sửa đơn vị tính" + "</a>";
            menu += "<a href='javascript:void(0)' onclick='goodsUnitRemove(" + goods_id + "," + unit_id + ")' class='menu_popup_item'>- Đơn vị tính" + "</a>";
        }
        else {
            menu += "<a href='javascript:void(0)' onclick='gridViewEx.showEditForm([" + goods_id + "," + unit_id + "])' class='menu_popup_item edit w50'>Sửa hàng" + "</a>";
            menu += "<a href='javascript:void(0)' onclick='goodsUnitAdd(" + goods_id + ")' class='menu_popup_item w50'>+ Đơn vị tính" + "</a>";
            menu += "<a href='javascript:void(0)' onclick='hideModal();gridViewEx.showItemDetails(" + goods_id + "," + unit_id + ")' class='menu_popup_item w50'>Xem hàng" + "</a>";
            menu += "<a href='javascript:void(0)' onclick='hideModal();itemRemove(" + goods_id + "," + unit_id + ")' class='menu_popup_item w50 remove' style='color:red'>Xóa hàng" + "</a>";
            menu += "<a href='javascript:void(0)' onclick='hideModal();itemPrintBarcodeLabel(" + goods_id + ")' class='menu_popup_item w50'>In tem mã vạch" + "</a>";
            if (continued == 1)
                menu += "<a href='javascript:void(0)' onclick='hideModal();itemSetContinued(" + goods_id + ",0)' class='menu_popup_item w50 stop'>Dừng giao dịch</a>";
            else
                menu += "<a href='javascript:void(0)' onclick='hideModal();itemSetContinued(" + goods_id + ",1)' class='menu_popup_item w50 continue'>Tiếp tục giao dịch</a>";
        }
        menu += "</div>";
        showModal(menu, "HÀNG");
    }
    async function onChangeInput(input, field_name, id, idunit) {
        input.classList = "divcell_input input_imagewait";
        var url = "?page=" + gridViewEx.page_source + "&action=save&type=" + field_name + "&id=" + id + "&value=" + encodeURIComponent(input.value) + "&idunit=" + idunit;
        var data = await getSync(url);
        var idrow = document.getElementById(gridViewEx.getRowId(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(gridViewEx.getRowId(id));
        idrow.style.fontWeight = "bold";
        idrow.style.color = "#0000FF";
        input.classList = "divcell_input input_imageok";
    }

    function showList(pageno) {
        //showWaitModal();
        var idcategoryid = document.getElementById("idcategoryid");
        var sgoodsname = document.getElementById("idgoodsname"); if (!isEmpty(sgoodsname)) sgoodsname = encodeURIComponent(sgoodsname.value);
        var sgoodscode = document.getElementById("idgoodscode"); if (!isEmpty(sgoodscode)) sgoodscode = encodeURIComponent(sgoodscode.value);
        var url = "?page=" + gridViewEx.page_source + "&action=list&category_id=" + idcategoryid.value +
            "&goodsname=" + sgoodsname + "&goodscode=" + sgoodscode + "&pageno=" + pageno + "&continued=" + getValById("idcontinued");
        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);
                gridViewEx.m_arExtraButtons = [{ caption: "", function: "menuPopupItem", class: "gridcell cmd_edit" }];
                gridViewEx.showGridUpdateable(data, "idcontentlist", 'onChangeInput');
                hideModal();
            },
            error: function () {
                hideModal();
            }
        });
    }
    gLayout(true);
</script>
<div class="pane_main100">
    <div style="width: 100%;display: flex;">
        <input type="search" id="idgoodsname" placeholder="(tên hàng)" style="width:40%;" oninput="showList(0)">
        <input type="search" id="idgoodscode" placeholder="(mã hàng)" style="width:10%;" oninput="showList(0)">
        <select size="1" id="idcategoryid" style="float:right;width:20%;" onchange="showList(0)">
            <option value="0"></option>
        </select>
        <select size="1" id="idcontinued" style="float:right;width:30%;" onchange="showList(0)">
            <option value="0">(trạng thái)</option>
            <option value="1" selected>còn giao dịch</option>
            <option value="2">dừng giao dịch</option>
        </select>

    </div>
    <div id="idcontentlist"></div>
</div>
<div class="pane_bottom_gap"></div>
<div class="pane_bottom">
    <input type="button" class="buttonbig exim" id="buttonex" value="Nhập/xuất" onclick="return onExim();" name="B1"
        style="width:30%;float:left" disabled>
    <input type="button" class="buttonbig print" id="buttonprint" value="In" onclick="return onPrint();" name="B1"
        style="width:35%;float:left" disabled>
    <input type="button" class="buttonbig add" id="buttonadd" value="Thêm hàng"
        onclick="return gridViewEx.showEditForm(0,null,'idcontentlist');" name="B1" style="width:35%;float:right">
</div>
<input type="hidden" id="page_initflag" value="">