<script>
    var m_goods_name = "{_GOODS_NAME_}";
    var m_goods_code = "{_GOODS_CODE_}";

    //rowsub: so dong duoc <br>
    var gridViewEx = new GridViewEx(ds_goods_stock, "gridViewEx");
    gridViewEx.page_source = "bc_hangtonkho";
    gridViewEx.page_title = itxt("hangtonkho");

    var gridViewExDetails = new GridViewEx(ds_goods_stock_exim, "gridViewExDetails");

    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";
        showStoreInSelect("idstore");
        showGoodsCategoryInSelect('idcategoryid', '0', true);
        showGoodStockViewModeInSelect("idviewmode");
        setValById("idgoodsname", m_goods_name);
        setValById("idgoodscode", m_goods_code);
        showList(0);
    }

    function showList(pageno) {
        showWaitModal(0, 1000);
        var categoryid = getValById("idcategoryid");
        var storeid = getValById("idstore");
        var stockviewmode = getValById("idviewmode");

        var sgoodsname = getValById("idgoodsname"); if (!isEmpty(sgoodsname)) sgoodsname = encodeURIComponent(sgoodsname);
        var sgoodscode = getValById("idgoodscode"); if (!isEmpty(sgoodscode)) sgoodscode = encodeURIComponent(sgoodscode);

        var url = "?page=" + gridViewEx.page_source + "&action=list&category_id=" + categoryid +
            "&goodsname=" + sgoodsname + "&goodscode=" + sgoodscode + "&pageno=" + pageno +
            "&store_id=" + storeid + "&stockviewmode=" + stockviewmode;

        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                hideModal();
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                data = getDataOk(data);
                gridViewEx.showGrid(data, "idcontentlist", 'menuPopupItem');
            },
            error: function () {
                hideModal();
            }
        });
    }

    function menuPopupItem(id) {
        var vals = id.split(gIdCombineChar);
        if (vals.length != 2) return;
        var menu;
        menu = "<a href='javascript:void(0)' onclick='javascript:mShowGoodsEximDetails(1," + getValById("idstore") + "," + vals[0] + "," + vals[1] + ",\"\")' class='menu_popup_item'>Xem nhập xuất" + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:mShowGoodsEximDetails(1," + getValById("idstore") + "," + vals[0] + "," + vals[1] + ",\"xb\")' class='menu_popup_item'>Xem xuất chi tiết" + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:mShowGoodsEximDetails(1," + getValById("idstore") + "," + vals[0] + "," + vals[1] + ",\"nm\")' class='menu_popup_item'>Xem nhập chi tiết" + "</a>";
        showModal(menu, itxt("chitietmathang"));
    }
</script>

<div class="pane_sub">
    <table style="width: 100%;border-collapse: collapse;" class="downgap" border="0px">
        <tr>
            <td style="width:50%">
                <select size="1" name="idstore" id="idstore" style="width:100%;" onchange="showList(0)"
                    class="input_invoice"></select>
            </td>
            <td style="width:50%">
                <select size="1" name="idviewmode" id="idviewmode" style="width:100%; float:right"
                    onchange="showList(0)" class="input_invoice"></select>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <select size="1" name="idcategoryid" id="idcategoryid" style="width:100%;float:right;"
                    onchange="showList(0)" class="input_invoice">
                    <option value="0">(Tất cả)</option>
                </select>

            </td>
        </tr>
        <tr>
            <td valign="top" style="width: 70%;">
                <input type="search" id="idgoodsname" class="input_invoice" placeholder="tìm tên hàng (a,b hoặc a+b)"
                    oninput="showList(0)" style="width: 100%;">
            </td>
            <td valign="top">
                <input type="search" id="idgoodscode" class="input_invoice" placeholder="tìm mã hàng"
                    oninput="showList(0)" style="width: 100%;">
            </td>
        </tr>
    </table>
</div>
<div class="pane_main">
    <div id="idcontentlist"></div>
</div>
<input type="hidden" id="page_initflag" value="">