<script>
    var data_struct = [
        { name: "id", head: "", visible: 0 },
        { name: "account", head: "Tài khoản", visible: 1, type: "text", required: 1, width: "40%" },
        { name: "amount", head: "Số dư", visible: 1, type: "number", round: 1, required: 0, width: "15%" },
        { name: "dauky", head: "Đầu kỳ", visible: 1, type: "number", round: 1, required: 0, width: "15%" },
        { name: "thu", head: "Thu", visible: 1, type: "number", round: 1, required: 0, width: "15%" },
        { name: "chi", head: "Chi", visible: 1, type: "number", round: 1, required: 0, width: "15%" },
    ];
    var data_struct_details = [
        { name: "id", head: "", visible: 0 },
        { name: "type", head: "Loại", visible: 1, type: "text", required: 1, width: "15%" },
        { name: "no", head: "Số phiếu", visible: 1, type: "text", required: 1, width: "15%", subinfo: [3] },
        { name: "date", head: "Ngày", visible: 0, type: "text", required: 1, subinfobreak: "<br>", class: "bb" },
        { name: "money", head: "Số tiền", visible: 1, type: "number", required: 1, width: "15%" },
        { name: "contact", head: "Đối tác", visible: 1, type: "text", required: 1, width: "55%" },

    ]
    var gridViewEx = new GridViewEx(data_struct, "gridViewEx");
    gridViewEx.page_source = "bc_quitienmat";
    gridViewEx.page_title = itxt("quitienmat");

    var gridViewExDetails = new GridViewEx(data_struct_details, "gridViewExDetails");

    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());
        document.getElementById("iddtpduration").selectedIndex = 1;
        showList(0);
    }
    function viewDetails(pageno, type, id) {
        showWaitModal();
        if (isEmpty(type)) type = "5";
        var iddtpfrom = document.getElementById("iddtpfrom");
        var iddtpto = document.getElementById("iddtpto");
        var url = "?page=" + gridViewEx.page_source + "&pagesub=details&type=" + type + "&id=" + id + "&from=" + iddtpfrom.value + "&to=" + iddtpto.value + "&pageno=" + pageno;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataFail(data)) {
                    showModalBlock(getDataFail(data));
                    return;
                }
                data = getDataOk(data);
                //showGrid(data, idContent, fnCmd, fnCmdTitle, fnCmdParams, idRowPrefix, fnViewOtherPage, fnViewOtherPageParams)
                var html = gridViewExDetails.showGrid(data, "", "", "", "", null, "viewDetails", [type, id]);
                showModal(html);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function menuPopupItem(id, pageno) {
        var menu;
        menu = "<a href='javascript:void(0)' onclick='hideModal();javascript:viewDetails(0,5," + id + "," + pageno + ")' class='menu_popup_item'>Chi tiết" + "</a>";
        //menu = "<a href='javascript:void(0)' onclick='hideModal();javascript:viewDetails(\"X\"," + id + "," + pageno + ")' class='menu_popup_item'>Chi tiết xuất" + "</a>";
        //menu += "<a href='javascript:void(0)' onclick='hideModal();javascript:viewDetails(\"T\"," + id + "," + pageno + ")' class='menu_popup_item'>Chi tiết thu" + "</a>";
        //menu = "<a href='javascript:void(0)' onclick='hideModal();javascript:viewDetails(\"N\"," + id + "," + pageno + ")' class='menu_popup_item'>Chi tiết nhập" + "</a>";
        //menu += "<a href='javascript:void(0)' onclick='hideModal();javascript:viewDetails(\"C\"," + id + "," + pageno + ")' class='menu_popup_item'>Chi tiết chi" + "</a>";
        showModal(menu, "MENU");
    }

    function showList(pageno) {
        showWaitModal(null, 500);
        var iddtpfrom = document.getElementById("iddtpfrom");
        var iddtpto = document.getElementById("iddtpto");
        var url = "?page=" + gridViewEx.page_source + "&pagesub=list&from=" + iddtpfrom.value + "&to=" + iddtpto.value + "&pageno=" + pageno;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataFail(data)) {
                    showModalBlock(getDataFail(data));
                    return;
                }
                data = getDataOk(data);
                gridViewEx.showGrid(data, "idcontentlist", "menuPopupItem");
                hideModal();
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function dtpOnChange() {

        showList(0);
    }
</script>

<div class="filter_area">
    {_DTPDURATION_}
    <input type="button" name="xem" value="Xem" onclick="showList(0)" style="float: right; width:44px">
</div>
<div id="idcontentlist">
    {_CONTENT_}
</div>
<div style="float: right;padding: 5px 3px;width: 100%;text-align: right;font-weight: bold;font-style: italic;">(Số dư =
    đầu kỳ + thu - chi)</div>
<input type="hidden" id="page_initflag" value="">