<script language="javascript">
    var m_mtt = "1";
    var m_pageno = 0;
    var gridViewEx = new GridViewEx(ds_invoice_eiv, "gridViewEx");
    gridViewEx.page_source = "eiv_xuathoadon";
    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);
    }
    function showDetails(iddivshow, invoice_id) {
        showInvoiceDetails(iddivshow, invoice_id, true);
    }
    function updateInvoice(invoice_id, id_attr) {
        showWaitModal();
        var url = "?page=eiv_xuathoadon&action=update&invoice_id=" + invoice_id + "&id_attr=" + id_attr + "&mtt=" + m_mtt;
        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);
                showMsg([itxt("dacapnhathoadon"), data]);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function syncInvoiceAll() {
        for (var i = 0; i < gridViewEx.data_rows.length; i++) {
            var vals = gridViewEx.data_rows[i];
            if (vals.length == ds_invoice_eiv.length) {
                var lookup_code = vals[9];

                if (lookup_code.length < 5) continue;

                var no = vals[12];
                var status = parseInt(vals[13]);
                if (no.length < 1 || status < 3) {
                    console.log("syncInvoice: " + vals[0] + ":" + vals[8]);
                    syncInvoice(vals[0], vals[8], true);
                }
            }
        }
    }
    function syncInvoice(invoice_id, id_attr, bquitemode = false) {
        if (!bquitemode) showWaitModal();
        var url = "?page=eiv_xuathoadon&action=sync&invoice_id=" + invoice_id + "&mtt=" + m_mtt;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    if (!bquitemode) showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                data = getDataOk(data);
                data_vals = data.split(g_split_val);
                var idrowmain = gridViewEx.getRowIdMainCollapsiable(data_vals[0]);
                var row = gridViewEx.showGridCollapsible_GenRow(data_vals, true);
                setOuterById(idrowmain, row);
                console.log("syncInvoice - done: " + invoice_id + ":" + id_attr);
                if (!bquitemode) hideModal();
            },
            error: function () {
                if (!bquitemode) showMsg(itxt("loi"));
            }
        });
    }
    function lookupInvoice(invoice_id) {
        showWaitModal();
        var url = "?page=eiv_xuathoadon&action=lookup&invoice_id=" + invoice_id + "&mtt=" + m_mtt;
        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);
                showMsg(data);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function deleteInvoice(invoice_id, id_attr) {
        showWaitModal();
        var url = "?page=eiv_xuathoadon&action=delete&invoice_id=" + invoice_id + "&id_attr=" + id_attr + "&mtt=" + m_mtt;
        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);
                showMsg([itxt("daxoahoadon"), data]);
                showList(m_pageno, true);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function cancelInvoice(invoice_id, id_attr) {
        showWaitModal();
        var url = "?page=eiv_xuathoadon&action=cancel&invoice_id=" + invoice_id + "&id_attr=" + id_attr + "&mtt=" + m_mtt;
        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);
                showMsg([itxt("dahuyhoadon"), id_attr]);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function createInvoice(invoice_id, id_attr) {
        showWaitModal();
        var url = "?page=eiv_xuathoadon&action=create&invoice_id=" + invoice_id + "&mtt=" + m_mtt;
        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);
                showMsg([itxt("dataohoadondientu"), data]);
                showList(m_pageno, true);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function resetInvoice(invoice_id, bconfirm) {
        if (isEmpty(bconfirm)) {
            dlgConfirm(itxt("banchacchanhoadonnaydibihuytrongthucte"), itxt("hoadondientu"), "resetInvoice", [invoice_id]);
            return;
        }
        var url = "?page=eiv_xuathoadon&action=reset&invoice_id=" + invoice_id;
        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);
                showMsg([itxt("dahuybothongtinluutruhoadontaicho"), data]);
                showList(m_pageno, true);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function getInfoRegisterInvoice(invoice_id, id_attr) {
        showWaitModal();
        var url = "?page=eiv_xuathoadon&action=getinforegister&invoice_id=" + invoice_id;
        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);
                showMsg(data);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function replaceInvoice(invoice_id) {
        DlgGetText("Nhập vào Mã Tra Cứu của hóa đơn cần thay thế - hóa đơn này phải được cấp mã từ CQT rồi", "replaceInvoiceDo", [invoice_id]);
    }
    function replaceInvoiceDo(input_val, invoice_id) {
        if (input_val.length < 5) return;
        showWaitModal();
        var url = "?page=eiv_xuathoadon&action=replace&invoice_id=" + invoice_id + "&lookup_code=" + input_val + "&mtt=" + m_mtt;

        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);
                showMsg(data);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function menuPopupInvoice(...args) {
        var id = args[0];
        var id_attr = args[8];
        var menu = "";
        var title = "";
        var no = args[12];
        var statusInv = parseNumber(args[13]);
        if (isEmpty(id_attr)) {
            title = itxt("menu_taohoadonthuedientu"); if (m_mtt == "1") title += " MTT";
            menu += "<a href='javascript:void(0)' onclick='javascript:createInvoice(" + id + ",\"" + id_attr + "\")' class='menu_popup_item tax'>" + title + "</a>";
            menu += "<hr>";
            title = itxt("menu_thaythehoadon"); if (m_mtt == "1") title += " MTT";
            menu += "<a href='javascript:void(0)' onclick='hideModal();javascript:replaceInvoice(" + id + ")' class='menu_popup_item replace'>" + title + "</a>";

        } else {
            title = itxt("menu_tracuuhoadon"); if (m_mtt == "1") title += " MTT";
            menu += "<a href='javascript:void(0)' onclick='javascript:syncInvoice(" + id + ",\"" + id_attr + "\")' class='menu_popup_item lookup'>" + title + "</a>";
            if (statusInv == 0) {
                title = itxt("menu_capnhathoadon"); if (m_mtt == "1") title += " MTT";
                menu += "<a href='javascript:void(0)' onclick='javascript:updateInvoice(" + id + ",\"" + id_attr + "\")' class='menu_popup_item edit'>" + title + "</a>";
            }
            if (no == "" || no == "0") {
                title = itxt("menu_xoahoadonmoikhoitao"); if (m_mtt == "1") title += " MTT";
                menu += "<a href='javascript:void(0)' onclick='javascript:deleteInvoice(" + id + ",\"" + id_attr + "\")' class='menu_popup_item remove' >" + title + "</a>";
            }

            title = itxt("menu_hoadondabihuythucte"); if (m_mtt == "1") title += " MTT";
            menu += "<a href='javascript:void(0)' onclick='hideModal();javascript:resetInvoice(" + id + ")' class='menu_popup_item reset'>" + title + "</a>";

            menu += "<hr>";
            title = itxt("menu_thaythehoadon"); if (m_mtt == "1") title += " MTT";
            menu += "<a href='javascript:void(0)' onclick='hideModal();javascript:replaceInvoice(" + id + ")' class='menu_popup_item replace'>" + title + "</a>";
            menu += "<hr>";

            title = itxt("menu_laythongtintokhai"); if (m_mtt == "1") title += " MTT";
            menu += "<a href='javascript:void(0)' onclick='javascript:getInfoRegisterInvoice(" + id + ",\"" + id_attr + "\")' class='menu_popup_item info w50'>" + title + "</a>";
            title = itxt("menu_lookup"); if (m_mtt == "1") title += " MTT";
            menu += "<a href='javascript:void(0)' onclick='javascript:lookupInvoice(" + id + ",\"" + id_attr + "\")' class='menu_popup_item w50'>" + title + "</a>";
        }

        showModal(menu, itxt("hoadonthuedientu"), null, "450px");
    }
    //export_invoice_list
    function showList(pageno, quitemode = false) {
        if (!quitemode) showWaitModal();
        m_pageno = pageno;
        var url = "?page=" + gridViewEx.page_source + "&action=list&store_id=" + getSelectVal("idstore") +
            "&pageno=" + pageno + "&from=" + iddtpfrom.value + "&to=" + iddtpto.value +
            "&invoice_no=" + getValById("invoice_no") + "&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: "menuPopupInvoice", class: "", promt: "quản lý hóa đơn điện tử" }]
                gridViewEx.showGridCollapsible(getDataOk(data), "idcontent", "showDetails");
                if (!quitemode) hideModal();
            },
            error: function () {
                showMsg(itxt("loi"));
                hideModal();
            }
        });
    }
    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";
        }
    }

    gLayout(true);
</script>
<div class="pane_main100">
    <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 id="idcontent"></div>
</div>

</div>
<input type="hidden" id="page_initflag" value="">