<script language="javascript">
    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";

        showStoreInSelect("select_store_id");
        var iddate = document.getElementById("iddate");
        iddate.value = getCurDate().toString();
        showSummary();
    }
    function showSummaryDetails(iddiv, view, store_id) {
        var iddate = document.getElementById("iddate");
        var divview = document.getElementById(iddiv);
        if (divview.innerHTML.length > 1)
            return;

        showWaitModal();
        var url = "?page=bc_tonghoptrongngay&store_id=" + store_id + "&view=" + view + "&date=" + iddate.value;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                divview.innerHTML = data;
                hideModal();
            },
            error: function () {
                hideModal();

            }
        });
    }
    function showSummary() {
        var date_view = getValById("iddate");
        if (isEmpty(date_view)) date_view = getCurDate().toString();
        var store_id = getValById("select_store_id");
        if (isEmpty(store_id)) store_id = 0;
        setInnerById("idcontent", "");

        var url = "?page=bc_tonghoptrongngay&date=" + date_view + "&view=sum&store_id=" + store_id;

        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            async: false,
            type: "GET",
            success: function (data) {

                var arstore = data.split(g_split_row);
                var contents = "";
                var dSExport = 0, dSExportDebit = 0, dSExportDiscount = 0, dSImport = 0, dSImportDebit = 0, dSImportDiscount = 0, dCash = 0, dLost = 0;
                for (i = 1; i < arstore.length; i++) {
                    var stores = arstore[i].split(g_split_val);
                    if (stores.length == 9) {

                        dSExport += (stores[2]); dSExportDebit += (stores[3]); dSExportDiscount += (stores[4]);
                        dSImport += (stores[5]); dSImportDebit += (stores[6]); dSImportDiscount += (stores[7]);
                        dLost += (stores[8]);
                        var idxuat = "idxuat" + stores[0]; var idnhap = "idnhap" + stores[0];
                        contents += "<div class='collapsibleheader active' onclick='divToggleNext(this)'><b>" + stores[1] + "</b></div>";
                        contents += "<div class='collapsiblecontentexpand'>";
                        contents += "<div class='collapsibleheader sub' onclick='divToggleNext(this,showSummaryDetails(\"" + idxuat + "\",\"export\",\"" + (stores[0]) + "\"));'>";
                        contents += "<span style='display: inline-block;width:80px'>Xuất</span><span  style='display: inline-block;width:80px'>" + formatNumberZS(stores[2]) + "</span><span  style='display: inline-block;width:80px'>" + formatNumberZS(stores[3]) + "</span><span  style='display: inline-block;width:80px'>" + formatNumberZS(stores[4]) + "</span>";
                        contents += "</div>";
                        contents += "<div class='collapsiblecontent' id='" + idxuat + "'>";
                        contents += "</div>";
                        contents += "<div style='width:100%;height:1px'></div>";

                        contents += "<div class='collapsibleheader sub' onclick='divToggleNext(this,showSummaryDetails(\"" + idnhap + "\", \"import\",\"" + stores[0] + "\"))'>";
                        contents += "<span style='display: inline-block;width:80px'>Nhập</span><span  style='display: inline-block;width:80px'>" + formatNumberZS(stores[5]) + "</span><span  style='display: inline-block;width:80px'>" + formatNumberZS(stores[6]) + "</span><span  style='display: inline-block;width:80px'>" + formatNumberZS(stores[7]) + "</span>";
                        contents += "</div>";
                        contents += "<div class='collapsiblecontent' id='" + idnhap + "'>";
                        contents += "</div>";
                        contents += "</div>";
                        contents += "<div style='width:100%;height:1px'></div>";
                    }
                }

                var stores = arstore[0].split(g_split_val);
                dCash = dSExport - dSExportDebit - dSImport + dSImportDebit + (stores[0]) - (stores[1]);

                setInnerById("idsumexport", formatNumberZS(dSExport, true));
                setInnerById("idsumexport_debit", formatNumberZS(dSExportDebit, true));
                setInnerById("idsumexport_discount", formatNumberZS(dSExportDiscount, true));

                setInnerById("idsumimport", formatNumberZS(dSImport, true));
                setInnerById("idsumimport_debit", formatNumberZS(dSImportDebit, true));
                setInnerById("idsumimport_discount", formatNumberZS(dSImportDiscount, true));

                setInnerById("idsumreceipt", formatNumberZS(stores[0]));
                setInnerById("idsumpay", formatNumberZS(stores[1]));

                setInnerById("idsumcash", formatNumberZS(dCash));
                setInnerById("idsumlost", formatNumberZS(dLost));

                var idcontent = document.getElementById("idcontent");
                idcontent.innerHTML = contents;
                hideModal();
            },
            error: function () {
                showMsg(itxt("thatbai"), "DANH SÁCH KHO");
            }
        });
    }
    gLayout(true);
</script>
<div class="pane_sub">
    <div style="width: 100%;height: auto;">
        <select size="1" class="input_invoice" name="select_store_id" id="select_store_id" style="width:35%;"
            onchange="showSummary()"></select>
        <input class="date input_invoice" id="iddate" name="iddate" type="text" size="9"
            onclick="javascript:NewCssCal('iddate')" value="" onchange="showSummary()">
        <input type="button" class="input_invoice" value=">>" name="B1" style="width:44px;float:right;" onclick="xem()">

    </div>
    <div style="width: 100%;height: auto;">
        <div class="wrapper w50" style="padding-right: 4px;">
            <div class=" wrapper-content">
                <b>Tổng bán</b><br>
                <div class="wrapper-content-hightlight" id="idsumexport" style="text-align: center;color:blue"></div>
                <div class="" style="margin-bottom: 4px;">Nợ: <span id="idsumexport_debit" style="float: right;"></span>
                </div>
                <div class="">Giảm: <span id="idsumexport_discount" style="float: right;"></span></div>
            </div>
        </div>
        <div class="wrapper w50">
            <div class="wrapper-content">
                <b>Tổng mua</b><br>
                <div class="wrapper-content-hightlight" id="idsumimport" style="text-align: center;color:brown"></div>
                <div class="" style="margin-bottom: 4px;">Nợ: <span id="idsumimport_debit" style="float: right;"></span>
                </div>
                <div class="">Giảm: <span id="idsumimport_discount" style="float: right;"></span></div>
            </div>
        </div>
        <div class="wrapper w50" style="padding-right: 4px;">
            <div class="wrapper-content">
                <div class="wrapper-content-popup" onclick="showSummaryDetails('idsumreceipt','receipt')">Thu: <span
                        id="idsumreceipt" style="float: right;"></span></div>
            </div>
        </div>
        <div class="wrapper w50">
            <div class="wrapper-content">
                <div class="wrapper-content-popup" onclick="showSummaryDetails('idsumpay','pay')">Chi: <span
                        id="idsumpay" style="float: right;"></span></div>
            </div>
        </div>

        <div class="wrapper w50" style="padding-right: 4px;">
            <div class="wrapper-content">
                <b>Tiền mặt</b><br>
                <div class="wrapper-content-hightlight" id="idsumcash" style="text-align: center;color: darkgreen;">
                </div>
            </div>
        </div>
        <div class="wrapper w50">
            <div class="wrapper-content">
                <b>Thiếu hụt hàng</b><br>
                <div class="wrapper-content-hightlight" id="idsumlost" style="text-align: center;color:red">0</div>
            </div>
        </div>
    </div>
</div>
<div class="pane_main">
    <div id="idcontent"></div>
</div>
<div class="pane_bottom_gap"></div>
<div class="pane_bottom">
</div>
<input type="hidden" id="page_initflag" value="">