<script language="javascript">
    //subinfo: (thu tu) truong du lieu hien thi dang sub cua truong hien tai
    var ds_kiemkho = [
        { name: "id", head: "", visible: 0 },
        { name: "goods_id", head: "", visible: 0 },
        { name: "unit_id", head: "", visible: 0 },
        { name: "tenhang", head: "Tên hàng", visible: 1, type: "text", required: 1, merge: 1, subinfo: [4, 5], width: "50%" },
        { name: "mahang", head: "Mã hàng", visible: 0, type: "text", required: 0, merge: 1 },
        { name: "dvt", head: "ĐVT", visible: 0, type: "text", required: 0 },
        { name: "ton", head: "Tồn", visible: 1, type: "number", required: 1, editable: 0, width: "15%" },
        { name: "tonthuc", head: "Tồn thực", visible: 1, type: "number", required: 0, editable: 1, width: "20%" },
        { name: "lech", head: "Lệch", visible: 1, type: "number", required: 0, editable: 0, width: "15%" },
        { name: "gianhap", head: "Giá nhập", visible: 0, type: "number", required: 0, editable: 0 },
    ];
    var gridViewEx = new GridViewEx(ds_kiemkho, "gridViewEx");
    gridViewEx.page_source = "bc_kiemkho";
    gridViewEx.page_title = itxt("kiemkho");

    var m_invoice = null;
    var m_bShowOnlyStockTaked = false;
    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";
        setInnerById("idpageheader", gridViewEx.page_title.toUpperCase());
        UiControl.inputText("idgoodssearch", "sgoodsname", "(tên)", "showList");
        UiControl.inputText("idgoodssearchcode", "sgoodscode", "(mã)", "showList");
        UiControl.inputWithClearButtonSetup();

        //showGoodsCategoryInSelect(selectname,selectedid,showzero)
        showGoodsCategoryInSelect("idcategory", -1, true);
        showListStockTaking();
    }
    async function onChangeInput(input, field_name, id, goods_id, unit_id, tenhang, mahang, dvt, ton, tonthuc, lech, gianhap) {
        input.classList = "input_imagewait";
        var url = "?page=" + gridViewEx.page_source + "&pagesub=save&stocktaking_id=" + m_invoice.id + "&goods_id=" + goods_id + "&unit_id=" + unit_id + "&stock=" + ton + "&stockreal=" + input.value + "&import_price=" + gianhap;
        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 = "input_imageerror";
            return;
        }
        m_invoice.cost = getDataOk(data);
        showHeader();
        idrow.style.fontWeight = "bold";
        idrow.style.color = "#0000FF";
        input.classList = "input_imageok";
    }
    function showList(pageno) {
        if (isEmpty(m_invoice)) {
            setInnerById("idcontent", "");
            eleShowHide("idformstocktaking");
            return;
        }
        if (isEmpty(pageno)) pageno = 0;
        var sgoodsname = getValById("sgoodsname");
        var sgoodscode = getValById("sgoodscode");
        var categoryid = getSelectVal("idcategory");

        var url = "?page=" + gridViewEx.page_source + "&pagesub=list&stocktaking_id=" + m_invoice.id + "&pageno=" + pageno + "&categoryid=" + categoryid + "&goodsname=" + encodeURI(sgoodsname) + "&goodscode=" + encodeURI(sgoodscode) + "&showtaked=" + strBool(m_bShowOnlyStockTaked);

        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                gridViewEx.showGridUpdateable(data, "idcontent", "onChangeInput");
                eleShowHide("idformstocktaking", 1);
            },
            error: function () {
                showMsg(itxt("loi"));
                hideModal();
            }
        });
    }
    function saveKiemKho(f) {

        //co phieu xuat roi thi khong duoc phep
        if (!isEmpty(m_invoice.eno)) return false;
        if (isEmpty(m_invoice)) return;

        setValById("stocktaking_id", m_invoice.id);
        var form = $(f);
        var url = form.attr('action');
        var dataString = form.serialize();
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "POST",
            success: function (data) {
                if (isDataOk(data)) {
                    m_invoice.cost = getDataOk(data);

                    showMsg(itxt("thanhcong"), itxt("kiemkho"), 1000);
                    showHeader();
                }
                else
                    showMsg(itxt("thatbai"), itxt("kiemkho"), 1000);
                return false;
            },
            error: function () {
                showMsg(itxt("thatbai"), itxt("kiemkho"));
            }
        });
        return false;
    }
    function showRefreshCurrent() {
        showWaitModal(1);
        var url = "?page=" + gridViewEx.page_source + "&pagesub=invoicelist&stocktaking_id=" + m_invoice.id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)], itxt("kiemkho"), 1500);
                    return;
                }
                var vals = getDataOk(data).split(g_split_val);
                //m_invoice={id:id,no:invoiceno,date:date_create,datef:date_finish,realname:user_create,cost:totalcost,eno:export_invoice_no,edate:export_invoice_date};
                m_invoice.totalcost = vals[5];
                m_invoice.eno = vals[6];
                m_invoice.edate = vals[7];
                if (!isEmpty(m_invoice.eno)) {
                    ds_kiemkho[7].editable = 0;
                    eleShowHide("idformbuttons", false);
                } else {
                    ds_kiemkho[7].editable = 1;
                    eleShowHide("idformbuttons", true);
                }

                showHeader();
                showList();
                hideModalBlock();
            },
            error: function () {
                showMsg(itxt("loi"));
                hideModalBlock();
            }
        });
    }
    function showHeader() {
        if (isEmpty(m_invoice)) {
            setInnerById("idstocktakinginvoice", "");
            return;
        }
        var value = "<a href='javascript:void(0)' onclick='showRefreshCurrent()'><b>" + itxt("sophieu") + ": " + m_invoice.no + "</b></a> " + itxt("taoboi").toLowerCase() + " <b>" + m_invoice.realname + "</b><br>";
        value += "  <div class='subinfo' style='padding-top:4px'>" + itxt("ngaytao") + ": " + m_invoice.date + " | <span style='font-weight:bold;color:#0000FF'>" + itxt("lech") + ": " + m_invoice.cost + "</span>";
        if (!isEmpty(m_invoice.eno))
            value += "<br'><div style='padding-top:4px;color:#FF0000'>" + itxt("phieuxuatcanso") + ": <b>" + m_invoice.eno + "</b> - " + m_invoice.edate + "</div>";

        value += "</div>";
        setInnerById("idstocktakinginvoice", value);

    }
    function showListStockTakingDone(id, invoiceno, date_create, date_finish, user_create, totalcost, export_invoice_no, export_invoice_date) {
        m_invoice = { id: id, no: invoiceno, date: date_create, datef: date_finish, realname: user_create, cost: totalcost, eno: export_invoice_no, edate: export_invoice_date };
        if (!isEmpty(m_invoice.eno)) {
            ds_kiemkho[7].editable = 0;
            eleShowHide("idformbuttons");
        } else {
            ds_kiemkho[7].editable = 1;
            eleShowHide("idformbuttons", 1);
        }
        showHeader();
        showList(0);
    }
    async function showListStockTaking() {
        showWaitModal();
        var url = "?page=bc_kiemkho&pagesub=invoicelist";
        var data = await getSync(url);
        if (!isDataOk(data)) {
            showMsg([itxt("loi"), getDataFail(data)], "", 2000);
            return;
        }
        data = getDataOk(data);
        if (data.length < 1) {
            hideModal();
            dlgConfirm(itxt("chuacophieukiemkhonaobancomuontaomoi?"), itxt("kiemkho"), "newStocktaking");
            return;
        }
        var menu = "<div class='menu_popup_group'>";
        var rows = data.split(g_split_row);
        for (var i = 0; i < rows.length; i++) {
            var vals = rows[i].split(g_split_val);
            var value = "<b>" + itxt("sophieu") + ": " + vals[1] + "</b> " + itxt("taoboi").toLowerCase() + " <b>" + vals[4] + "</b><br>";
            value += "  <div class='subinfo' style='padding-top:4px'>" + itxt("ngaytao") + ": " + vals[2] + " | <span style='font-weight:bold;color:#0000FF'>" + itxt("lech") + ": " + vals[5] + "</span>";
            if (vals[6].length > 0)
                value += "<br'><div style='padding-top:4px;color:#FF0000'>" + itxt("phieuxuatcanso") + ": <b>" + vals[6] + "</b> - " + vals[7] + "</div>";
            value += "</div>";
            menu += "<div class='list_item' style='width:100%;padding:8px 4px;cursor:pointer' href=\"javascript:void(0)\" ";
            menu += " onclick=\"hideModal();showListStockTakingDone(" + vals[0] + ",'" + escapeJS(vals[1]) + "','" + escapeJS(vals[2]) + "','" + escapeJS(vals[3]) + "','" + escapeJS(vals[4]) + "','" + escapeJS(vals[5]) + "','" + escapeJS(vals[6]) + "','" + escapeJS(vals[7]) + "')\">" + value + "</div>";
        }
        menu += "</div>";
        showModal(menu, itxt("chonphieukiemkho"));
    }
    async function newStocktaking() {
        showWaitModal(1);
        var url = "?page=bc_kiemkho&pagesub=new";
        var data = await getSync(url);
        if (!isDataOk(data)) {
            showMsg([itxt("loi"), getDataFail(data)], "", 2000);
            hideModalBlock();
            return;
        }
        var vals = getDataOk(data).split(g_split_val);
        m_invoice = { id: vals[0], no: vals[1], date: vals[2], datef: vals[3], realname: vals[4], cost: 0 };
        showHeader();
        hideModalBlock();
    }
    function onClickShowOnlyTaked() {
        var idchk = document.getElementById("idcheckshowonlytaked");
        m_bShowOnlyStockTaked = (idchk.checked);
        showList();
    }
    function removeStocktaking(bconfirmyes) {
        if (isEmpty(bconfirmyes)) {
            dlgConfirm(itxt("banchacchanmuonxoaphieukiemkho?"), itxt("xoaphieukiemkho"), "removeStocktaking");
            return;
        }
        else {
            if (bconfirmyes != true) return;
        }
        showWaitModal(1);
        var url = "?page=" + gridViewEx.page_source + "&pagesub=removestocktaking&stocktaking_id=" + m_invoice.id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                hideModalBlock();
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)], itxt("kiemkho"), 1500);
                    return;
                }

                m_invoice = null;
                showMsg(itxt("daxoaphieukiemkho"), itxt("kiemkho"), 1500);
                showHeader();
                showList();
                setTimeout(showListStockTaking, 2000);
            },
            error: function () {
                showMsg(itxt("loi"));
                hideModalBlock();
            }
        });

    }
    function removeExportInvoice(bconfirmyes) {
        if (isEmpty(bconfirmyes)) {
            dlgConfirm(itxt("banchacchanmuonxoaphieuxuatcanso?"), itxt("xoaphieuxuatcanso"), "removeExportInvoice");
            return;
        }
        else {
            if (bconfirmyes != true) return;
        }
        showWaitModal(1);
        var url = "?page=" + gridViewEx.page_source + "&pagesub=removeexportinvoice&stocktaking_id=" + m_invoice.id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                hideModalBlock();
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)], itxt("kiemkho"), 1500);
                    return;
                }
                m_invoice = null;
                showHeader();
                showList();
                showMsg(itxt("daxoaphieuxuatcanso"), itxt("kiemkho"), 1500);
                setTimeout(showListStockTaking, 2000);
            },
            error: function () {
                showMsg(itxt("loi"));
                hideModalBlock();
            }
        });
    }
    function onClickMore() {
        var menu = "";
        menu += "<div class='menu_popup_group'>";
        menu += "<a class='menu_popup_item' href=\"javascript:void(0)\" onclick=\"hideModal();showListStockTaking()\">" + itxt("chonphieukiemkho") + "</a>";
        menu += "<div class='menu_popup_item'>";
        menu += "<label class=\"checkbox_container\">Chỉ hiển thị hàng đã kiểm" +
            "<input type=\"checkbox\"" + strChecked(m_bShowOnlyStockTaked) + " id=\"idcheckshowonlytaked\" onclick=\"hideModal();onClickShowOnlyTaked();\">" +
            "<span class=\"checkbox_checkmark\"></span>" +
            "</label>";
        menu += "</div>";
        menu += "<a class='menu_popup_item' style='width:50%' href=\"javascript:void(0)\" onclick=\"hideModal();newStocktaking()\">" + itxt("themphieukiemkho") + "</a>";
        menu += "<a class='menu_popup_item' style='width:50%' href=\"javascript:void(0)\" onclick=\"hideModal();showPrint()\">" + itxt("btinphieu") + "</a>";
        if (!isEmpty(m_invoice)) {
            menu += "<a class='menu_popup_item remove' style='width:100%' href=\"javascript:void(0)\" onclick=\"hideModal();removeStocktaking()\">" + itxt("xoaphieukiemkho") + "</a>";
            if (!isEmpty(m_invoice.eno))
                menu += "<a class='menu_popup_item remove' style='width:100%' href=\"javascript:void(0)\" onclick=\"hideModal();removeExportInvoice()\">" + itxt("xoaphieuxuatcanso") + "</a>";

        }


        menu += "</div>";
        showModal(menu, itxt("kiemkho"));
    }
    function saveBalance() {
        showWaitModal(1);
        var url = "?page=" + gridViewEx.page_source + "&pagesub=savebalance&stocktaking_id=" + m_invoice.id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)], itxt("kiemkho"), 1500);
                    return;
                }

                showMsg(itxt("dataophieuxuatdieuchinhtonkhothucte"), itxt("kiemkho"), 1500);
                showRefreshCurrent();
            },
            error: function () {
                showMsg(itxt("loi"));
                hideModal();
            }
        });
    }
</script>

<div style="width: 100%;padding: 4px 0px;overflow:auto;display: flex;align-items: center;background-color: azure;">
    <div style="float: left;flex: 100;" id="idstocktakinginvoice">
        (chọn/tạo mới phiếu kiểm kho)
    </div>
    <div style="float: right;text-align: right;">
        <button class="btn_mainheader circle more" style="float: right;" onclick="onClickMore()"></button>
    </div>
</div>

<form method="POST" action="?page=bc_kiemkho" onsubmit="return saveKiemKho(this)" id="idformstocktaking"
    style="display: none;">
    <input type="hidden" name="stocktaking_id" id="stocktaking_id" value="" />
    <div style="width: 100%;display: flex;">
        <div id="idgoodssearch" class="inputex" style="width:20%;"></div>
        <div id="idgoodssearchcode" class="inputex" style="width:20%;"></div>
        <select size="1" name="idcategory" id="idcategory" style="float:right;width:60%;" onchange="return showList(0)">
        </select>
    </div>
    <div id="idcontent"></div>
    <p>
    <div style="width: 100%;display: flex;" id="idformbuttons">
        <input type="button" class="btndlg" value="Xuất cân sổ" onClick="return saveBalance()" name="B2"
            style="width:50%;float:left;">
        <input type="submit" class="btndlg save" value="Ghi" name="B1" style="width:50%;float:right;flex:100">
    </div>
    </p>
</form>
<input type="hidden" id="page_initflag" value="">