<script>
    var data_struct = [
        { name: "id", head: "", visible: 0 },
        { name: "obj", head: "Bàn phòng", visible: 1, type: "text", required: 1, width: "45%" },
        { name: "tofrom", head: "Đến/từ", visible: 1, type: "text", required: 0, width: "30%" },
        { name: "thanhtien", head: "Thành tiền", visible: 1, type: "text", required: 0, width: "25%" },
    ];
    var gridViewEx = new GridViewEx(data_struct, "gridViewEx");
    gridViewEx.page_source = "bc_danhsachphien.ls";
    gridViewEx.page_title = "DANH SÁCH PHIÊN";

    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";
        showSum();
        showList(0);
    }
    function viewDetails(id, pageno) {
        hideModal();
        var iddtpfrom = document.getElementById("iddtpfrom");
        var iddtpto = document.getElementById("iddtpto");
        var url = "?page=" + gridViewEx.page_source + "&invoice_id=" + 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);
                DlgSelect.showSimple(data);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function menuPopupItem(id, pageno) {
        var menu = "";
        menu += "<a href='javascript:void(0)' onclick='javascript:viewDetails(" + id + ",0)' class='menu_popup_item'>" + itxt("xemchitiet") + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:shareInvoice(" + id + ",0)' class='menu_popup_item'>" + itxt("chiase..") + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:printInvoice(true," + id + ",80)' class='menu_popup_item'>In k58/80" + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:printInvoice(true," + id + ")' class='menu_popup_item'>In A4/A5" + "</a>";
        showModal(menu, "MENU");
    }

    function showList(pageno) {
        var iddtpfrom = document.getElementById("iddtpfrom");
        var iddtpto = document.getElementById("iddtpto");
        var url = "?page=" + gridViewEx.page_source + "&pagesub=list&from=" + iddtpfrom.value + "&to=" + iddtpto.value + "&obj_id=0&pageno=" + pageno;
        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);
                gridViewEx.showGrid(data, "idcontentlist", "menuPopupItem");
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function showSum() {
        var iddtpfrom = document.getElementById("iddtpfrom");
        var iddtpto = document.getElementById("iddtpto");
        var url = "?page=" + gridViewEx.page_source + "&pagesub=sum&from=" + iddtpfrom.value + "&to=" + iddtpto.value + "&obj_id=0&pageno=";

        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);
                var vals = data.split(g_split_val);

                if (vals.length == 5) {
                    setInnerById("rpdsp_doanhthu", (vals[0]));
                    setInnerById("rpdsp_giam", (vals[1]));
                    setInnerById("rpdsp_ghino", (vals[2]));
                    setInnerById("rpdsp_sophien", (vals[3]));
                    setInnerById("rpdsp_thucthu", (vals[4]));
                    setInnerById("idsuminhead", vals[4]);
                }
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    function dtp_changeduration_onchanged() {
        showSum();
        showList(0);
    }
</script>

<div class="filter_area">
    {_DTPDURATION_}
    <input type="button" value=">>" style="float:right;width:40px" onclick="dtp_changeduration_onchanged()">
</div>
<div class="collapsibleheader sub"
    style="font-weight: bold;background-color: aliceblue;border: 1px dotted #acec93;display: block;"
    onclick="divToggleNext(this)">
    Tổng tiền<span class="number" id="idsuminhead" style="float: right;width: 50%;text-align: right;"></span></div>
<div class="collapsiblecontent">
    <table class="filter_area">
        <tr>
            <td>Số phiên:</td>
            <td align="right"><span id="rpdsp_sophien">{_SOPHIEN_}</span></td>
        </tr>

        <tr>
            <td>Doanh thu:</td>
            <td align="right"><span id="rpdsp_doanhthu"></span></td>
        </tr>
        <tr>
            <td>Giảm:</td>
            <td align="right"><span id="rpdsp_giam"></span></td>
        </tr>
        <tr>
            <td>Nợ:</td>
            <td align="right"><span id="rpdsp_ghino"></span></td>
        </tr>
        <tr>
            <td>Thực thu</td>
            <td align="right"><span id="rpdsp_thucthu"></span></td>
        </tr>

    </table>
</div>


<div id="idcontentlist">
    {_CONTENT_}
</div>
<input type="hidden" id="page_initflag" value="">