<script language="javascript">
    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 menuPopupInvoice(...args) {
        var id = args[0];
        var id_attr = args[8];
        var menu = "";
        if (isEmpty(id_attr))
            menu += "<a href='javascript:void(0)' onclick='javascript:createInvoice(" + id + ",\"" + id_attr + "\")' class='menu_popup_item tax'>Tạo hóa đơn thuế điện tử" + "</a>";
        else {
            menu += "<a href='javascript:void(0)' onclick='javascript:lookupInvoice(" + id + ",\"" + id_attr + "\")' class='menu_popup_item lookup'>Tra cứu hóa đơn" + "</a>";
            menu += "<a href='javascript:void(0)' onclick='javascript:updateInvoice(" + id + ",\"" + id_attr + "\")' class='menu_popup_item edit'>Cập nhật hóa đơn" + "</a>";
            menu += "<a href='javascript:void(0)' onclick='javascript:cancelInvoice(" + id + ",\"" + id_attr + "\")' class='menu_popup_item cancel '>Hủy hóa đơn" + "</a>";
            menu += "<a href='javascript:void(0)' onclick='javascript:deleteInvoice(" + id + ",\"" + id_attr + "\")' class='menu_popup_item remove ' >Xóa hóa đơn (mới khởi tạo)" + "</a>";
            menu += "<a href='javascript:void(0)' onclick='hideModal();javascript:resetInvoice(" + id + ")' class='menu_popup_item reset'>Hóa đơn đã bị hủy thực tế" + "</a>";

        }

        showModal(menu, itxt("hoadonthuedientu"), null, "450px");
    }
    //export_invoice_list
    function showList(pageno, quitemode = false) {
        if (!quitemode) showWaitModal();
        m_pageno = pageno;
        var url = "?page=eiv_sophieuxuat&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;
                }
                data = getDataOk(data);
                setInnerById("idcontent", data);
                //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 colspan="2">
                    {_DTPDURATION_}
                    <input type="submit" value=">>" style="float:right;width:44px;height:32px"
                        onclick="return showList(0)" class="input_invoice">

                </td>
            </tr>
        </table>
    </div>

    <div id="idcontent"></div>
</div>

</div>
<input type="hidden" id="page_initflag" value="">