<script language="javascript">
    var data_struct = [
        { name: "invoice_id", head: "", visible: 0 },
        { name: "invoice_no", head: "Số phiếu", visible: 1, width: ["30%", "20%"], subinfo: [2, 3], subinfoclass: "subinfo", maininfoclass: "bb" },
        { name: "invoice_date", head: "Ngày", visible: 0 },
        { name: "totalcost", head: "Thành tiền", visible: 0, type: "number", class: "br" },
        { name: "contact_name", head: "Đối tác", visible: 1, type: "text", visiblecollaps: 1, width: ["70%", "40%"], subinfo: [5, 6], maininfoclass: "bp", subinfoclass: "subinfo", },
        { name: "contact_address", head: "Địa chỉ", visible: 0, type: "text", visiblecollaps: 1 },
        { name: "phone", head: "", visible: 0, type: "text", visiblecollaps: 1 },
        { name: "comment", head: "Ghi chú", visible: [0, 1], type: "text", width: "20%" },
        { name: "realname", head: "Kinh doanh", visible: 0, width: "0%", type: "text" },
        { name: "invoice_discount", head: "CK/Bớt/VAT", visible: [0, 1], type: "number", subfix: "%", width: "20%", subinfo: [10, 12], class: "br" },
        { name: "invoice_money_discount", head: "", visible: 0, type: "number", class: "br" },
        { name: "deduction", head: "", visible: 0, type: "number" },
        { name: "vat", head: "", visible: 0, type: "number", subfix: "%", class: "bg" },
        { name: "money_debit", head: "", visible: 0, type: "number" },
        { name: "reason", head: "", visible: 0, type: "text" },
        { name: "reason_other", head: "", visible: 0, type: "text" },
        { name: "function_list", head: "", visible: 0, type: "text" },
    ];
    var ds_details = [
        { name: "id", head: "", visible: 0 },
        { name: "goods_name", head: "Tên hàng", visible: 1, type: "text", width: "40%" },
        { name: "unit", head: "ĐVT", visible: 1, type: "text" },
        { name: "unit_price", head: "Đơn giá", visible: 1, type: "text" },
        { name: "quantity", head: "Số lượng", visible: 1, type: "number" },
        { name: "discount", head: "Chiết khấu", visible: 1, type: "number" },
        { name: "serial", head: "Serial", visible: 1, type: "text" },
        { name: "subtotal", head: "Thành tiền", visible: 1, type: "number" },
        { name: "color_name", head: "", visible: 0, type: "text" },
        { name: "template_id", head: "", visible: 0, type: "number" },
        { name: "id_mixmain", head: "", visible: 0, type: "number" },
        { name: "function_list", head: "", visible: 0, type: "text" },
    ];
    var gridViewEx = new GridViewEx(data_struct, "gridViewEx");
    gridViewEx.page_source = "{_PAGESOURCE_}";
    gridViewEx.page_title = "{_PAGETITLE_}";

    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";
        showList(0);
        showFilter();
    }
    function isExportInvoice() {
        if (gridViewEx.page_source == 'sophieunhap')
            return 0;
        else
            return 1;
    }
    function getDetailsRowId(details_id, goods_id, unit_id) {
        return "id_details" + details_id + "_" + goods_id + "_" + unit_id;
    }
    //invoice_id, iddivshow
    function showDetails(iddivshow, invoice_id) {
        if (isEmpty(iddivshow) || isEmpty(invoice_id)) {
            showMsg(itxt("loi"));
            return;
        }
        //neu da hien thi khong hien thi lai
        //alert(gridViewEx.getRowIdSubCollapsiable(invoice_id)+'\r\n'+iddivshow);
        iddivshow = document.getElementById(iddivshow);
        if (iddivshow == null) return;
        if (iddivshow.innerHTML.length > 0) return;
        var url = "?page=" + gridViewEx.page_source + "&action=details&invoice_id=" + invoice_id;

        var dataString = "";
        var strReason = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataFail(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                var strOut = "";
                var strInvoiceSum;
                strInvoiceSum = "<div style='width:100%;'>";
                //contact-name
                strInvoiceSum += "<span style='float:left;width:35%;line-height:150%'>";
                strInvoiceSum += itxt("hd_giam") + ": " + gridViewEx.getDataFromIdAndColumnName(invoice_id, "invoice_discount") + "<br>";
                strInvoiceSum += itxt("hd_bot") + ": " + gridViewEx.getDataFromIdAndColumnName(invoice_id, "invoice_money_discount");
                strInvoiceSum += "</span>";
                strInvoiceSum += "<span style='float:left;width:30%;line-height:150%''>";
                strInvoiceSum += itxt("hd_vat") + ": " + gridViewEx.getDataFromIdAndColumnName(invoice_id, "vat") + "<br>";
                strInvoiceSum += itxt("hd_kethem") + ": " + gridViewEx.getDataFromIdAndColumnName(invoice_id, "deduction");
                strInvoiceSum += "</span>";

                strInvoiceSum += "<span style='float:right;width:35%;text-align:right;line-height:150%''>";
                strInvoiceSum += itxt("hd_tong") + ": <b>" + gridViewEx.getDataFromIdAndColumnName(invoice_id, "totalcost") + "</b><br>";
                strInvoiceSum += "<span style='color:red'>" + itxt("hd_no") + ": " + formatNumber(gridViewEx.getDataFromIdAndColumnName(invoice_id, "money_debit")) + "</span>";
                strInvoiceSum += "</span>";
                strInvoiceSum += "</div>";

                var rows = getDataOk(data).split(g_split_row);

                strOut += "<div class=\"divtable\">";
                for (var i = 0; i < rows.length; i++) {
                    var vals = rows[i].split(g_split_val);
                    if (vals.length < 11) continue;
                    var rowClass = "divrow";
                    var rowId = getDetailsRowId(vals[0], vals[12], vals[13]);
                    if (vals[9] > 0) rowClass += " mixed";
                    if (vals[10] > 0) rowClass += " material";

                    strOut += "<div id='" + rowId + "' class='" + rowClass + "' onclick=\"event.stopPropagation();javascript:menuGoods('" + vals[11] + "'," + vals[0] + "," + vals[12] + "," + vals[13] + "," + invoice_id + ")\">";
                    strOut += "<div class='divcell click' style='width:100%;border-right:0px'>" + vals[1];
                    strOut += " <span class='goods_color' id='" + vals[0] + "goodscolor'>" + vals[8] + "</span>";
                    if (vals[6] != "")
                        strOut += " [" + vals[6] + "]";
                    strOut += "<br>";
                    strOut += "<span class='subinfo' style='float:right'>"
                    if (((strReason != "NC") && (strReason != "XC"))) {
                        strOut += formatNumberZS(vals[3]) + "/" + formatNumberZS(vals[2]) + " * <b><span id='" + vals[0] + "quantity'>" + vals[4] + "</span></b> ";
                        if (vals[5] != 0) {
                            strOut += " - ";
                            strOut += vals[5] + "% ";
                        }
                        strOut += " = " + formatNumberZS(vals[7]);
                    }
                    strOut += "</span>";
                    strOut += "</div>";
                    //tren phieu xuat/nhap da loc hoa don do chinh nguoi dung nay
                    strOut += "</div>";
                }
                strOut += "</div>";
                //strContactInfo
                strOut = strOut + "<br>" + strInvoiceSum;
                iddivshow.innerHTML = strOut;
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function showListSummary(date_from, date_to) {
        var url = "?page=" + gridViewEx.page_source + "&action=summary&store_id=" + getSelectVal("idstore") +
            "&reason=" + getSelectVal("reason") + "&from=" + date_from + "&to=" + date_to +
            "&trade_user_id=" + getValById("trade_user_id") + "&contact_id=" + getValById("contact_id");
        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) {

                    setInnerById("idmoneycash", formatNumber(Number(vals[0]) - Number(vals[1])));
                    setInnerById("idmoneydebit", formatNumber(vals[1]));
                    setInnerById("idmoneysum", formatNumber(vals[0]));
                }
            },
            error: function () {
                showMsg(itxt("loi"));
                hideModal(iddtpfrom.value, iddtpto.value);
            }
        });
    }
    function showList(pageno) {
        setInnerById("idmoneycash", "(tiền mặt)");
        setInnerById("idmoneydebit", "(nợ)");
        setInnerById("idmoneysum", "(tổng)");
        var iddtpfrom = document.getElementById("iddtpfrom");
        var iddtpto = document.getElementById("iddtpto");

        var url = "?page=" + gridViewEx.page_source + "&action=list&store_id=" + getSelectVal("idstore") +
            "&reason=" + getSelectVal("reason") + "&pageno=" + pageno + "&from=" + iddtpfrom.value + "&to=" + iddtpto.value +
            "&invoice_no=" + getValById("invoice_no") + "&goods_serial=" + getValById("goods_serial") +
            "&trade_user_id=" + getValById("trade_user_id") + "&contact_id=" + getValById("contact_id");
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                gridViewEx.m_arExtraButtons = [{ caption: "::", function: "menuInvoice", class: "" }]
                gridViewEx.showGridCollapsible(getDataOk(data), "idcontent", "showDetails");
                showListSummary(iddtpfrom.value, iddtpto.value);
            },
            error: function () {
                showMsg(itxt("loi"));
                hideModal();
            }
        });
    }
    function menuInvoice(invoice_id) {
        var function_list = gridViewEx.getDataFromIdAndColumnName(invoice_id, "function_list");
        var reason = '', reason_other = '';
        var menu = "";
        if (function_list.indexOf('inPhieu') >= 0) {
            menu += "<a href='javascript:void(0)' onclick=\"javascript:printInvoice(" + isExportInvoice() + "," + invoice_id + ")\" class='menu_popup_item w50'>" + itxt("cmd_inphieu") + "</a>";
            menu += "<a href='javascript:void(0)' onclick=\"javascript:printInvoice(" + isExportInvoice() + "," + invoice_id + ",'58')\" class='menu_popup_item w50'>" + itxt("cmd_inandroid5880") + "</a>";
            menu += "<a href='javascript:void(0)' onclick=\"javascript:printInvoice(" + isExportInvoice() + "," + invoice_id + ",'a4',1)\" class='menu_popup_item w50'>" + itxt("cmd_copyhinhanhclipboard") + "</a>";
            menu += "<a href='javascript:void(0)' onclick=\"javascript:printInvoice(" + isExportInvoice() + "," + invoice_id + ",'58',2)\" class='menu_popup_item w50'>" + itxt("cmd_chiasehinhanh") + "</a>";
        }
        if (function_list.indexOf('suaGuiHang') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"shPhieuGiaoHang(" + invoice_id + ")\" class='menu_popup_item w50'>" + itxt("cmd_thongtingiaohang") + "</a>";
        if (function_list.indexOf('inNhanGuiHang') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:printReport('nhanguihang'," + invoice_id + ")\" class='menu_popup_item w50'>" + itxt("cmd_innhanguihang") + "</a>";
        if (function_list.indexOf('suaPhieu') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].suaPhieu(" + invoice_id + ",'" + reason + "','" + reason_other + "')\" class='menu_popup_item w50'>" + itxt("cmd_sua") + "</a>";
        if (function_list.indexOf('doikhoPhieu') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].doikhoPhieu(" + invoice_id + ")\" class='menu_popup_item w50'>" + itxt("cmd_doikhohang") + "</a>";
        if (function_list.indexOf('doiKinhDoanh') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].doiKinhDoanh(" + invoice_id + ")\" class='menu_popup_item w50'>" + itxt("cmd_doikinhdoanh") + "</a>";
        if (function_list.indexOf('chiKhac') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].chiKhac(" + invoice_id + ")\" class='menu_popup_item w50'>" + itxt("cmd_chikhac") + "</a>";
        if (function_list.indexOf('giamTongTien') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].giamTongTien(" + invoice_id + ")\" class='menu_popup_item w50'>" + itxt("cmd_giamtongtien") + "</a>";
        if (function_list.indexOf('saoChep') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].saoChepPhieu(" + invoice_id + ")\" class='menu_popup_item w50'>" + itxt("cmd_saochepraphieumoi") + "</a>";
        menu += "<a href='javascript:void(0)' onclick=\"return printReport('nhanguihang'," + invoice_id + ")\" class='menu_popup_item w50'>" + itxt("cmd_innhanhang") + "</a>";
        if (function_list.indexOf('xoaPhieu') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].xoaPhieu(" + invoice_id + ")\" class='menu_popup_item remove w50'>" + itxt("cmd_xoa") + "</a>";

        showModal(menu, "MENU SỔ PHIẾU");
    }
    g_pageobj['{_UID_}'] =
    {
        m_active_invoice_id: 0,
        ajaxOnReturn: function () {
            if (req.readyState != 4)
                return;
            if (req.status != 200)
                return;
            var param = req.dataExtra, value = req.responseText;
            var bok = isDataOk(value), bfail = isDataFail(value);

            ///////////////////////////////////////////////////////////////////////////////////////
            if ((param == "phieuxuatnhapchitiet") || (param == "suaphieunhap") || (param == "suaphieuxuat"))
                showModal(value);
            else if (param == "giamtongtien" || param == "suaphieuxuatlinhkien" ||
                param == "suaphieuxuatserial" || param == "suaphieunhapserial" ||
                param == "suaphieunhapmausac" || param == "suaphieuxuatmausac" ||
                param == "suaphieuxuatgia" || param == "suaphieunhapgia" ||
                param == "suaphieuxuatsoluong" || param == "suaphieunhapsoluong" ||
                param == "phieunhapchikhac" || param == "phieuxuatchikhac") {
                if (bok)
                    showMsg(itxt("dacapnhat"), "", 500);
                else
                    showMsg([itxt("thatbai"), getDataFail(value)]);

            }
            else if (param == "xem") {
                var idcontent = document.getElementById("idcontent");
                idcontent.innerHTML = value;
                hideModal();
            }
            else if (param == "remove") {
                if (bok) {
                    invoiceid = parseInt(value.substr(2, value.length));
                    var iditem = document.getElementById("idrow" + invoiceid);
                    if (iditem != null)
                        iditem.outerHTML = "";
                    return;
                }
                else
                    showMsg(value);
            }
        },
        xoaPhieu: function (invoice_id, pageno) {
            var iddtpfrom = document.getElementById("iddtpfrom");
            var iddtpto = document.getElementById("iddtpto");
            var store_id = document.getElementById("idstore");
            var url = '?page=' + gridViewEx.page_source + '&action=remove&invoice_id=' + invoice_id + '&store_id=' + store_id.value + '&from=' + iddtpfrom.value + '&to=' + iddtpto.value + '&pageno=' + pageno;
            var dataString = "";
            jQuery.ajax({
                url: url,
                data: dataString,
                type: "GET",
                success: function (data) {
                    if (isDataFail(data)) {
                        showMsg([itxt("loi"), getDataFail(data)]);
                        return;
                    } else {
                        gridViewEx.removeRowView(invoice_id);
                        showMsg(itxt("daxoaphieu"));
                    }

                },
                error: function () {
                    showMsg(itxt("loi"));
                }
            });

        },
        saoChepPhieuDo: function (contact_id) {
            var url = "?page=" + gridViewEx.page_source + "&pagesub=saochepphieu&invoice_id=" + g_pageobj['{_UID_}'].m_active_invoice_id + "&contact_id=" + contact_id;
            var dataString = "";
            jQuery.ajax({
                url: url,
                data: dataString,
                type: "GET",
                success: function (data) {
                    if (isDataFail(data))
                        showMsg([itxt("loi"), getDataFail(data)]);
                    else
                        showMsg([itxt("dasaochep"), getDataOk(data)]);
                },
                error: function () {
                    showModal(itxt("loi"));
                }
            });
        },
        saoChepPhieu: function (invoice_id) {
            var reason = gridViewEx.getDataFromIdAndColumnName(invoice_id, "reason");
            var reason_other = gridViewEx.getDataFromIdAndColumnName(invoice_id, "reason_other");
            g_pageobj['{_UID_}'].m_active_invoice_id = invoice_id;
            DlgSelect.showContact(0, "g_pageobj['{_UID_}'].saoChepPhieuDo");
        },
        doiKinhDoanhDo(invoice_id, trade_user_id) {
            var url = "?page=" + gridViewEx.page_source + "&pagesub=doikinhdoanh&invoice_id=" + invoice_id + "&trade_user=" + trade_user_id;

            var dataString = "";
            jQuery.ajax({
                url: url,
                data: dataString,
                type: "GET",
                success: function (data) {
                    if (isDataFail(data))
                        showMsg([itxt("loi"), getDataFail(data)]);
                    else
                        showMsg(itxt("dadoikinhdoanh"), "", 500)
                },
                error: function () {
                    showModal(itxt("loi"));
                }
            });
        },
        doiKinhDoanh: function (invoice_id) {
            DlgSelect.showUser(0, "g_pageobj['{_UID_}'].doiKinhDoanhDo", [invoice_id]);
        },
        suaPhieu: function (invoice_id) {
            hideModal();
            var reason = gridViewEx.getDataFromIdAndColumnName(invoice_id, "reason");
            var reason_other = gridViewEx.getDataFromIdAndColumnName(invoice_id, "reason_other")
            var page = "";
            if (reason == 'XB') {
                if (reason_other == 'BB')
                    page = "phieuxuatbuon";
                else (reason_other == 'BL')
                page = "phieuxuatle";
            } else if (reason == 'XK') {
                page = "phieuxuatkhac";
            }
            if (reason == 'NM') {
                page = "phieunhapmua";
            }
            if (page.length < 1) {
                showMsg("Không xác định/không hỗ trợ");
                return;
            }
            window_newtab(page, "invoice_id=" + invoice_id);
        },

        giaoHang: function (invoice_id) {
            var url = "?page=" + gridViewEx.page_source + "&pagesub=giaohang&invoice_id=" + invoice_id;
            var dataString = "";
            jQuery.ajax({
                url: url,
                data: dataString,
                type: "GET",
                success: function (data) {

                    if (isDataFail(data)) {
                        showMsg([itxt("loi"), getDataFail(data)]);
                        return;
                    } else {


                    }

                },
                error: function () {
                    showMsg(itxt("loi"));
                }
            });
        },
        doikhoPhieu: function (invoice_id, new_store_id) {
            hideModal();
            if (isEmpty(new_store_id)) {
                DlgSelect.showStore(0, "g_pageobj['{_UID_}'].doikhoPhieu", [invoice_id]);
                return;
            }
            if ((parseInt(invoice_id) <= 0) || (parseInt(new_store_id) < 0))
                return;
            var url = "?page=" + gridViewEx.page_source + "&pagesub=doikho&invoice_id=" + invoice_id + "&new_store_id=" + new_store_id;
            var dataString = "";
            jQuery.ajax({
                url: url,
                data: dataString,
                type: "GET",
                success: function (data) {
                    if (isDataFail(data)) {
                        showMsg([itxt("loi"), getDataFail(data)]);
                        return;
                    } else {
                        gridViewEx.removeRowView(invoice_id);
                        showMsg(itxt("dadoikho"), "", 500);
                    }
                },
                error: function () {
                    showMsg(itxt("loi"));
                }
            });

        },
        hangCapnhatSerialDo: function (id) {
            var serial = getValById("g_inputdialog_text");
            hideModalBlock();
            if (serial != null) {
                const arserial = serial.split(",");
                if (arserial.length > 0) {
                    showWaitModal();
                    if (gridViewEx.page_source == 'sophieunhap')
                        ajaxGetURL("/?page=phieunhapmua&pagesub=suaphieunhapserial&id=" + id + '&serial=' + serial, "suaphieunhapserial", g_pageobj['{_UID_}'].ajaxOnReturn);
                    else
                        ajaxGetURL("/?page=phieuxuatle&pagesub=suaphieuxuatserial&id=" + id + '&serial=' + serial, "suaphieuxuatserial", g_pageobj['{_UID_}'].ajaxOnReturn);
                }
            }
        },
        hangCapnhatSerial: function (id) {
            var html = "<div style='width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px;line-height:150%'>";
            html += "Nhập vào serial của hàng, các serial phân cách bởi dấy phẩy (,), số lượng serial bằng số lượng hàng<br>";
            html += "<input type=\"text\" id=\"g_inputdialog_text\" prompt=\"\" style=\"width:100%;margin-bottom:5px\"><br>";
            html += "</div>";
            html += "<input type=\"button\" class=\"btndlg cancel\" style=\"width:50%\" value=\"Bỏ qua\" onclick=\"hideModalBlock(false)\">";
            html += "<input type=\"button\" class=\"btndlg ok\" style=\"width:50%\" value=\"Đồng ý\" onclick=\"return g_pageobj['{_UID_}'].hangCapnhatSerialDo(" + id + ")\">";

            showModalBlock(html, 'Cập nhật Serial', "g_inputdialog_text");
        },
        hangXoakhoiphieu: function (id, goods_id, unit_id, invoice_id) {
            //detect collapse main goods
            var idrow = document.getElementById(getDetailsRowId(id, goods_id, unit_id));
            if (isEmpty(idrow)) {
                showMsg(itxt("khongtimthayhang"));
                return;
            }
            var idrowsub = gridViewEx.getRowIdSubCollapsiable(invoice_id);

            var val = getValById("g_inputdialog_text");
            hideModalBlock();
            showWaitModal();
            var url = '/?page=' + gridViewEx.page_source + '&pagesub=xoahang&id=' + id + '&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 className = idrow.className;
                    if (!isEmpty(className)) {
                        if (className.search("mixed") >= 0) {
                            setInnerById(idrowsub, "");
                            showDetails(idrowsub, invoice_id);
                        } else {
                            idrow.outerHTML = "";
                        }
                    } else {
                        idrow.outerHTML = "";
                    }

                    hideModalBlock();
                },
                error: function () {
                    showMsg(itxt("loi"));
                }
            });
        },
        hangThaydoisoluongDo: function (id) {
            var val = getValById("g_inputdialog_text");
            hideModalBlock();
            showWaitModal();
            var url = '';
            if (gridViewEx.page_source == 'sophieunhap')
                url = '/?page=phieunhapmua&pagesub=suaphieunhapsoluong&id=' + id + '&value=' + val;
            else
                url = '/?page=phieuxuatle&pagesub=suaphieuxuatsoluong&id=' + id + '&value=' + val;
            var dataString = "";
            jQuery.ajax({
                url: url,
                data: dataString,
                type: "GET",
                success: function (data) {
                    if (isDataFail(data)) {
                        showMsg([itxt("loi"), getDataFail(data)]);
                        return;
                    } else {
                        var idquantity = document.getElementById(id + 'quantity');
                        if (!isEmpty(idquantity)) {
                            idquantity.innerHTML = val;
                        }
                        showMsg(itxt("dathaydoi"), gridViewEx.page_title, 1000);
                    }
                },
                error: function () {
                    showMsg(itxt("loi"));
                }
            });
        },
        hangThaydoisoluong: function (id) {
            var html = "<div style='width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px;line-height:200%'>";
            html += "Nhập vào số lượng mới<br>";
            html += "<input type=\"text\" onkeyup=\"return fi_doFormat(this)\" id=\"g_inputdialog_text\" prompt=\"\" style=\"width:100%;margin-bottom:5px\"><br>";
            html += "</div>";
            html += "<input type=\"button\" class=\"btndlg cancel\" style=\"width:50%\" value=\"Bỏ qua\" onclick=\"hideModalBlock(false)\">";
            html += "<input type=\"button\" class=\"btndlg ok\" style=\"width:50%\" value=\"Đồng ý\" onclick=\"return g_pageobj['{_UID_}'].hangThaydoisoluongDo(" + id + ")\">";

            showModalBlock(html, 'Thay đổi số lượng', "g_inputdialog_text");

        },
        hangDoiMauSacDo(id, color_id, color_name, short_name) {
            var url = '';
            if (gridViewEx.page_source == 'sophieunhap')
                url = "?page=phieunhapmua&pagesub=suaphieunhapmausac&id=" + id + '&color_id=' + color_id;
            else
                url = "?page=phieuxuatle&pagesub=suaphieuxuatmausac&id=" + id + '&color_id=' + color_id;
            var dataString = "";
            jQuery.ajax({
                url: url,
                data: dataString,
                type: "GET",
                success: function (data) {
                    if (isDataFail(data)) {
                        showMsg([itxt("loi"), getDataFail(data)]);
                        return;
                    } else {
                        var idcolor = document.getElementById(id + "goodscolor");
                        if (!isEmpty(idcolor)) idcolor.innerHTML = color_name;
                    }
                },
                error: function () {
                    showMsg(itxt("loi"));
                }
            });
            /*
            if (parseNumberVn(id) > 0) {
                showWaitModal();
                if (gridViewEx.page_source == 'sophieunhap')
                    ajaxGetURL("/?page=phieunhapmua&pagesub=suaphieunhapmausac&id=" + id + '&color_id=' + color_id, "suaphieunhapmausac", g_pageobj['{_UID_}'].ajaxOnReturn);
                else
                    ajaxGetURL("/?page=phieuxuatle&pagesub=suaphieuxuatmausac&id=" + id + '&color_id=' + color_id, "suaphieuxuatmausac", g_pageobj['{_UID_}'].ajaxOnReturn);
            }*/
        },
        hangDoiMauSac: function (id_details) {
            DlgSelect.showGoodsColor("g_pageobj['{_UID_}'].hangDoiMauSacDo", [id_details]);
        },
        hangThaydoigiaDo: function (id) {
            var val = getValById("g_inputdialog_text");
            hideModalBlock();
            showWaitModal();
            if (gridViewEx.page_source == 'sophieunhap')
                ajaxGetURL("/?page=phieunhapmua&pagesub=suaphieunhapgia&id=" + id + '&value=' + val, "suaphieunhapgia", g_pageobj['{_UID_}'].ajaxOnReturn);
            else
                ajaxGetURL("/?page=phieuxuatle&pagesub=suaphieuxuatgia&id=" + id + '&value=' + val, "suaphieuxuatgia", g_pageobj['{_UID_}'].ajaxOnReturn);

        },
        hangThaydoigia: function (id) {
            var html = "<div style='width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px;line-height:200%'>";
            html += "Nhập vào giá mới<br>";
            html += "<input type=\"text\" onkeyup=\"return fi_doFormat(this)\" id=\"g_inputdialog_text\" prompt=\"\" style=\"width:100%;margin-bottom:5px\"><br>";
            html += "</div>";
            html += "<input type=\"button\" class=\"btndlg cancel\" style=\"width:50%\" value=\"Bỏ qua\" onclick=\"hideModalBlock(false)\">";
            html += "<input type=\"button\" class=\"btndlg ok\" style=\"width:50%\" value=\"Đồng ý\" onclick=\"return g_pageobj['{_UID_}'].hangThaydoigiaDo(" + id + ")\">";

            showModalBlock(html, 'Thay đổi giá', "g_inputdialog_text");
        },
        hangInSerial: function (id) {

        },
        hangXuatlinhkien: function (id) {
            if (gridViewEx.page_source == 'sophieunhap') {
                showMsg("Không phải phiếu xuất");
                return;
            }
            showWaitModal();
            var url = '?page=phieuxuatle&pagesub=suaphieuxuatlinhkien&id=' + id;
            ajaxGetURL(url, 'suaphieuxuatlinhkien', this.ajaxOnReturn);
        },
        chiKhacDo: function (invoice_id) {
            var money = getValById("g_inputdialog_text");
            hideModalBlock();
            if (money != null) {

                if (gridViewEx.page_source == 'sophieunhap') {
                    showWaitModal();
                    ajaxGetURL("/?page=" + gridViewEx.page_source + "&pagesub=thukhac&invoice_id=" + invoice_id + '&val=' + money, "phieunhapchikhac", g_pageobj['{_UID_}'].ajaxOnReturn);
                } else {
                    showWaitModal();
                    ajaxGetURL("/?page=" + gridViewEx.page_source + "&pagesub=chikhac&invoice_id=" + invoice_id + '&val=' + money, "phieuxuatchikhac", g_pageobj['{_UID_}'].ajaxOnReturn);
                }
            }
        },
        chiKhac: function (id) {
            var html = "<div style='width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px;line-height:200%'>";
            html += "Nhập vào số tiền chi khác<br>";
            html += "<input type=\"text\" onkeyup=\"return fi_doFormat(this)\" id=\"g_inputdialog_text\" prompt=\"\" style=\"width:100%;margin-bottom:5px\"><br>";
            html += "</div>";
            html += "<input type=\"button\" class=\"btndlg cancel\" style=\"width:50%\" value=\"Bỏ qua\" onclick=\"hideModalBlock(false)\">";
            html += "<input type=\"button\" class=\"btndlg ok\" style=\"width:50%\" value=\"Đồng ý\" onclick=\"return g_pageobj['{_UID_}'].chiKhacDo(" + id + ")\">";

            showModalBlock(html, 'Chi khác', "g_inputdialog_text");
        },
        giamTongTienDo: function (invoice_id) {
            var money = getValById("g_inputdialog_text");
            hideModalBlock();
            if (money != null) {

                if (gridViewEx.page_source == 'sophieunhap') {
                    showWaitModal();
                    ajaxGetURL("/?page=" + gridViewEx.page_source + "&pagesub=giamtongtien&invoice_id=" + invoice_id + '&val=' + money, "giamtongtien", g_pageobj['{_UID_}'].ajaxOnReturn);
                } else {
                    showWaitModal();
                    ajaxGetURL("/?page=" + gridViewEx.page_source + "&pagesub=giamtongtien&invoice_id=" + invoice_id + '&val=' + money, "giamtongtien", g_pageobj['{_UID_}'].ajaxOnReturn);
                }
            }
        },
        giamTongTien: function (id) {
            var html = "<div style='width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px;line-height:200%'>";
            html += "Nhập vào số tiền giảm trừ (tiền ghi khống trong phiếu)<br>";
            html += "<input type=\"text\" onkeyup=\"return fi_doFormat(this)\" id=\"g_inputdialog_text\" prompt=\"\" style=\"width:100%;margin-bottom:5px\"><br>";
            html += "</div>";
            html += "<input type=\"button\" class=\"btndlg cancel\" style=\"width:50%\" value=\"Bỏ qua\" onclick=\"hideModalBlock(false)\">";
            html += "<input type=\"button\" class=\"btndlg ok\" style=\"width:50%\" value=\"Đồng ý\" onclick=\"return g_pageobj['{_UID_}'].giamTongTienDo(" + id + ")\">";

            showModalBlock(html, 'Chi khác', "g_inputdialog_text");
        }
    };


    function menuGoods(function_list, id, goods_id, unit_id, invoice_id) {
        var menu = "";
        var bAll = false;
        if (function_list == g_sessionid) bAll = true;
        if (bAll || function_list.indexOf('hangCapnhatSerial') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].hangCapnhatSerial(" + id + ")\" class='menu_popup_item w50'>Cập nhật Serial" + "</a>";
        if (bAll || function_list.indexOf('hangThaydoisoluong') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].hangThaydoisoluong(" + id + ")\" class='menu_popup_item w50'>Thay đổi số lượng" + "</a>";
        if (bAll || function_list.indexOf('hangThaydoigia') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].hangThaydoigia(" + id + ")\" class='menu_popup_item w50'>Thay đổi giá" + "</a>";
        if (bAll || function_list.indexOf('hangXuatlinhkien') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].hangXuatlinhkien(" + id + ")\" class='menu_popup_item w50'>Xuất linh kiện" + "</a>";
        if (bAll || function_list.indexOf('hangInSerial') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].hangInSerial(" + id + ")\" class='menu_popup_item w50'>In danh sách Serial" + "</a>";
        if (bAll || function_list.indexOf('hangDoiMau') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].hangDoiMauSac(" + id + ")\" class='menu_popup_item w50'>Đổi màu sắc" + "</a>";

        menu += "<a href='javascript:void(0)' onclick='javascript:mShowGoodsEximDetails(1," + getValById("idstore") + "," + goods_id + "," + unit_id + ",\"\")' class='menu_popup_item w50'>Xem nhập xuất" + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:mShowGoodsEximDetails(1," + getValById("idstore") + "," + goods_id + "," + unit_id + ",\"xb\")' class='menu_popup_item w50'>Xem xuất chi tiết" + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:mShowGoodsEximDetails(1," + getValById("idstore") + "," + goods_id + "," + unit_id + ",\"nm\")' class='menu_popup_item w50'>Xem nhập chi tiết" + "</a>";

        if (bAll || function_list.indexOf('hangXoakhoiphieu') >= 0)
            menu += "<a href='javascript:void(0)' onclick=\"javascript:g_pageobj['{_UID_}'].hangXoakhoiphieu(" + id + "," + goods_id + "," + unit_id + "," + invoice_id + ")\" class='menu_popup_item w50 remove'>Xóa hàng khỏi phiếu" + "</a>";
        showModal(menu, "MENU HÀNG");
    }
    function getInvoiceData() {
        return "This is out invoice data";
    }

    function dtp_changeduration_onchanged() {
        showList(0);
    }
    function fnOnSalemanChangeCB(vals) {
        showList(0);
    }
    function showFilter() {
        if (g_viewmode == 0) {
            var idfiltercontent = document.getElementById("idfiltercontent");
            if (idfiltercontent.style.display == "block") {
                setInnerById("idfiltersummary", "");
            } else {
                var store = getSelectText("idstore");
                var from = document.getElementById("iddtpfrom").value;
                var to = document.getElementById("iddtpto").value;
                setInnerById("idfiltersummary", "<b>" + store + "</b>" + g_charspace + "(" + from + " -> " + to + ")");
            }


        } else {
            var idfiltersummary = document.getElementById("idfiltersummary");
            var idfiltercontent = document.getElementById("idfiltercontent");
            idfiltersummary.style.display = "none";
            idfiltercontent.className = "collapsiblecontentexpand";
        }
    }
    //static selectInputContact(idcontainer, idval, strplaceholder, fnCallBackName)
    UiControl.selectInputContact("idcontact", "contact_id", "đối tác", "showList");
    UiControl.selectInputUsers("idtradeuser", "trade_user_id", "kinh doanh", "showList")

</script>
</head>
<div class="pane_sub">
    <div class="collapsibleheader" onclick="divToggleNext(this);showFilter();" id="idfiltersummary">Filter</div>
    <div class="collapsiblecontent" id="idfiltercontent">
        <table class="downgap" style="width: 100%;border-collapse: collapse;" cellpadding="0" cellspacing="0"
            border="0px">
            <tr>
                <td style="width: 50%;">
                    <select size="1" name="idstore" id="idstore" class="input_invoice" style="width:100%;"
                        onchange="return showList(0)">
                        {_STORE_}
                    </select>
                </td>
                <td style="width: 50%;">
                    <select size="1" name="reason" id="reason" style="width:100%;" class="input_invoice"
                        onchange="return showList(0)">
                        {_REASON_}
                    </select>

                </td>
            </tr>
            <tr>
                <td colspan="2">
                    {_DTPDURATION_}
                    <input type="submit" value=">>" style="float:right;width:44px;height:32px"
                        onclick="return showList(0)" class="input_invoice">

                </td>
            </tr>
            <tr>
                <td colspan="1">
                    <input class="input_invoice" name="invoice_no" id="invoice_no" onchange="showList(0)"
                        onkeydown="if (event.key == 'Enter'){showList(0)}" placeholder="Số phiếu" style="width: 100%;">
                </td>
                <td>
                    <input class="input_invoice" name="goods_serial" id="goods_serial" onchange="showList(0)"
                        placeholder="Serial hàng" onkeydown="if (event.key == 'Enter'){showList(0)}"
                        style="width: 100%;">

                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div id="idcontact" class="inputex" style="width: 100%;"></div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div id="idtradeuser" class="inputex" style="width: 100%;"></div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div id="idmoneycash" class="btn_mainheader"
                        style="width: 30%;float: left;margin-right: 4px;color: darkgreen;">(tiền mặt)</div>
                    <div id="idmoneydebit" class="btn_mainheader" style="width: 30%;float: left;color: red;">(nợ)</div>
                    <div id="idmoneysum" class="btn_mainheader" style="width: 35%;float: right;">(tổng)</div>
                </td>
            </tr>
        </table>
    </div>
</div>
<div class="pane_main">
    <div id="idcontent">{_INVOICELIST_}</div>
</div>

<div class="pane_bottom_gap"></div>
<div class="pane_bottom">
</div>
<input type="hidden" id="page_initflag" value="">