<link rel="stylesheet" type="text/css" href="ls/style_ls.css" />
<script>
    { _RES_SCRIPT_ }
    var ds_mix = [
        { name: "id", head: "", visible: 0 },
        { name: "obj_name", head: "Bàn/phòng", visible: 1, type: "text", required: 1, width: "35%" },
        { name: "invoice_date_end", head: "Kết thúc", visible: 1, type: "text", required: 0, width: "40%" },
        { name: "totalcost", head: "Thành tiền", visible: 1, type: "number", required: 0, width: "25%" },
    ];
    var gridMix = new GridViewEx(ds_mix, "gridMix");
    gridMix.page_source = "phien_quanlytinhtien.ls";


    async function initOneTime() {
        //check xem da khoi tao chua
        var page_initflag = document.getElementById("page_initflag");
        if (page_initflag.value.length > 0) {
            initEveryTime();
            return;
        }
        page_initflag.value = "1";
        await sessionLoadParams();

        await getSyncListResInvoiceSource();
        getListEmployee();
        getListGoodsCategory();
        getListObjGroup("showListObj_Group", "idobjlistgroup");
        g_event_param = { type: "phien", fn: "eventPhienHandle" };

        if (isEmpty(g_phien_invoice)) {
            g_phien_invoice = g_phien_invoices.get("phien");
            if (isEmpty(g_phien_invoice)) {
                g_phien_invoice = new CInvoiceLS("XB", 0, "g_phien_invoice", "phien");
                g_phien_invoice.page_source = m_pagethis;
                g_phien_invoice.viewmode_goodsselectcategory = g_phien_viewmode_selectgoodscategory;
                g_phien_invoice.fnCallbackOnCartChange = "onChangeCart";
                g_phien_invoice.fnCallbackOnInvoiceChange = "onChangeInvoice";
                g_phien_invoices.set("phien", g_phien_invoice);
            }
        }
        initEveryTime();
    }
    function initEveryTime() {
        //cho do dien thoai khong hien thi danh sach goi hang
        if (!g_viewmode) {
            var idmaincallgoods = document.getElementById("idmaincallgoods");
            idmaincallgoods.style.display = "none";
        }
        setInnerById("idinvoicelist", g_phien_invoices.size - 1);
        //sync
        if (g_phien_viewmode == "obj") {
            if (!isEmpty(g_phien_obj)) {
                show("obj");
                showObj(g_phien_obj.id);
            } else {
                show("list");
                lsGSOrderLoad(null, "lsGSOrderShow");
            }
        }
        else if (g_phien_viewmode == "invoice") {
            if (isEmpty(g_phien_invoice))
                g_phien_invoice = g_phien_invoices.get("phien");

            //    g_phien_invoice=g_phien_invoices.get(g_phien_invoice.key);
            if (!isEmpty(g_phien_invoice)) show("invoice");
        } else { //g_phien_viewmode=="list" & other
            show("list");
            lsGSOrderLoad(null, "lsGSOrderShow");
        }
        //load bank account
        showBankAccountInSelect(null, 0);
        //ui
        setInnerById("idvlangtongphaithu", itxt("tongphaithu"));
        setInnerById("idvlanggopthanhtoan", itxt("gopthanhtoan"));
        //setup event

    }
    gLayout(true);
    initOneTime();
</script>
<div class="pane_main">
    <div id="idviewheader" class="session_header">
        <div id="idviewheader_list" style="float: left;width: 70%;display: none;">
            <a href="javascript:void(0)" onclick="menuPopupObjs();" style="margin-left: 2px;"
                class="btn_mainheader circle objmoretask" title="Tác vụ mở rộng">
            </a>
            <a href="javascript:void(0)" id="idcmdlist_filter" class="btn_mainheader circle objallfilter"
                title="Lọc trạng thái (dùng, trống..) - loại hình (nhà hàng, karaoke..)" onclick="menuPopupFilter()">
            </a>

            <div class="aes-search-container" style="float:left;margin-left:8px;;" id="idcmdlist_searchobj">
                <input class="aes-input aes-expandright" id="aes-searchright" onfocus="this.select();" type="search"
                    name="q" placeholder="tên bàn/phòng"
                    oninput="return showListObj(-1,getValById('aes-searchright'),-1,'idobjlist')">
                <label class="aes-button aes-searchbutton" for="aes-searchright"></label>
            </div>

        </div>
        <div id="idviewheader_obj" style="float: left;width: 70%;display: none;">
            <a onclick="show('list');" href="javascript:void(0)" class="btn_mainheader circle home"></a>
            <div class="session_name" onclick="show('obj')" id="idobjname">{_OBJ_NAME_}</div>
        </div>

        <div id="idviewheader_goods" style="float: left;width: 70%;display: none;">
            <a onclick="show('list');" href="javascript:void(0)" class="btn_mainheader circle home"></a>
            <div id="idviewheader_goods_invoice" class="session_name"></div>
        </div>

        <div id="idviewheader_invoice" style="float: left;width: 70%;display: none;">
            <a href="javascript:void(0)" class="btn_mainheader circle home" onclick="show('list')"></a>
            <div id="idviewheader_invoice_caption" onclick="invoiceShowListPopup();" class="session_name"></div>

        </div>
        <div id="idvieheader_search" style="float: left;width: 30%;display: block;justify-content: right;">
            <div style="border: 1px dotted darkgray;width: 100%;display: flex;">
                <input onfocus="if(!isVisiable('idgoodslistselect'))show('goods');this.select();"
                    oninput="g_phien_invoice.showSelect_Goods(0,getValById('idgoodslistselect_name'),'idgoodslistselect');"
                    type="search" id="idgoodslistselect_name" placeholder="tên món"
                    style="height:36px;width: 100%;float:right;margin-right:0px;padding-left:4px;border:0px solid #d5f5d5" />
            </div>
        </div>
    </div>

    <div id="idgoodslistselect" class="session_goodsselect"></div>

    <div id="idcart" class="session_goodsselect"></div>

    <div id="idviewlist" class="session_body">
        <div style="width: 100%;background-color: #e3f7e3;overflow: auto;">
            <div class="session_invoicecmd" onclick="invoiceShowListPopup();">(<span id="idinvoicecount">0</span>) đơn
            </div>
            <div class="session_invoicecmd" onclick="invoiceNew()">Đơn mới</div>
        </div>
        <div id="idmainobjlist" class="widget">
            <div id="idobjlist" style="background-color: #e3f7e3;overflow: auto;"></div>
        </div>
    </div>

    <div id="idviewobj" class="session_body">
        <div id="idobjservicelistwrap" style="display: none;background-color: #d5f5d5;margin-bottom: 8px;">
            <div class="phien_head">
                <div style="float: left;width: 70%;">
                    <span
                        style="border-radius:4px;padding:2px 8px; cursor: pointer;background-color: green;color: white;"
                        onclick="showSelect_Service(g_phien_obj.id)">+DỊCH VỤ
                    </span>
                </div>
                <div id="idsumservice" style="float: right;width: 30%;text-align: right;"></div>
            </div>
            <div id="idobjservicelist"></div>
        </div>
        <div id="idobjgoodslistwrap" style="display: none;">
            <div class="phien_head">
                <div style="float: left;width: 50%;">MÓN ĐÃ DÙNG</div>
                <div id="idsumgoods" style="float: right;width: 50%;text-align: right;"></div>
            </div>
            <div id="idobjgoodslist"></div>
        </div>
        <div id="idobjmixlistwrap" style="display: none;">
            <div class="collapsibleheader sub" id="idobjmixlistwrapheader"
                style="font-weight: bold;background-color: #00ccff49;margin-bottom:0px;border: 1px;"
                onclick="divToggleNext(this,showObjMix('idobjmixlist'))">
                <span id="idvlanggopthanhtoan"></span>
                <div id="idsummix" style="float: right;width: 50%;text-align: right;"></div>
            </div>
            <div class="collapsiblecontent" id="idobjmixlist"
                style="margin: 0px;background-color: #0CF;border: 4px solid #0CF;padding:0px">

            </div>
        </div>

        <div id="idmodedetailsobj" style="display:block;">
            <div class="phien_contact customer" id="idmodedetailscontact" onclick="return onSelectContact();">
                <span class="subinfo">(khách hàng)</span>
            </div>
            <div class="phien_contact delivery" id="idmodedetailscontactdelivery" onclick="onSelectDelivery();">
                <span class="subinfo">(đối tác giao hàng)</span>
            </div>
            <div class="phien_contact tradeuser" id="idmodedetailstradeuserid" onclick="onSelectTradeUser();">
                <span class="subinfo">(nhân viên hưởng hoa hồng)</span>
            </div>


            <div style="margin:0px 0px;width: 100%;">
                <div class="collapsibleheader sub" id="idmodedetailsobjpayment"
                    style="font-weight: bold;background-color: aliceblue;margin-top:4px;border: 1px dotted #acec93;display: none;"
                    onclick="divToggleNext(this)">
                    <span id="idvlangtongphaithu"></span>
                    <div id="idmodedetailsobjpayment_val" style="float: right;width: 50%;text-align: right;color:red">
                    </div>
                </div>
                <div class="collapsiblecontent">
                    <div style="width: 35%;float: left;">
                        <div class="row">
                            <span style="width:70%;">%CK hàng</span>
                            <input style="text-align:right;width: 30%;float: right;" onchange="callUpdateInvoice()"
                                onfocus="this.select()" name="iddiscountgoods" id="iddiscountgoods" value=""
                                placeholder="">
                        </div>
                        <div class="row">
                            <span style="width:70%;">%CK D.vụ</span>
                            <input onchange="callUpdateInvoice()" style="text-align:right;width: 30%;float: right;"
                                onfocus="this.select()" name="iddiscountservice" id="iddiscountservice" value=""
                                placeholder="">
                        </div>
                        <div class="row">
                            <span style="width:70%;">%CK phiếu</span>
                            <input onchange="callUpdateInvoice()" style="text-align:right;width: 30%;float: right;"
                                onfocus="this.select()" name="idinvoicediscount" id="idinvoicediscount" value=""
                                placeholder="">
                        </div>
                        <div class="row">
                            <span style="width:70%;">% Phí p.vụ</span>
                            <input onchange="callUpdateInvoice()" style="text-align:right;width: 30%;float: right;"
                                onfocus="this.select()" name="idobjservicecharge" id="idobjservicecharge" value=""
                                placeholder="">
                        </div>
                        <div class="row">
                            <span style="width:70%;">% VAT</span>
                            <input onchange="callUpdateInvoice()" style="text-align:right;width: 30%;float: right;"
                                onfocus="this.select()" name="idobjvat" id="idobjvat" value="" placeholder="">
                        </div>
                    </div>
                    <div style="width: 65%;float:right;text-align: right;">
                        <div class="row">
                            <span style="width:70%;margin-right: 4px;">Tổng cộng</span>
                            <div class="phienresultdiv" style="text-align:right;width: 60%;float: right;"
                                name="idobjsum" id="idobjsum" placeholder=""> </div>
                        </div>
                        <div class="row">
                            <span style="width:70%;margin-right: 4px;">Bớt tiền</span>
                            <input onchange="callUpdateInvoice()" style="text-align:right;width: 60%;float: right;"
                                onfocus="this.select()" name="idobjinvoicemoneydiscount" id="idobjinvoicemoneydiscount"
                                value="" onkeyup="return fi_doFormat(this)" placeholder="">
                        </div>
                        <div class="row">
                            <span style="width:70%;margin-right: 4px;">Gộp</span>
                            <div class="phienresultdiv" style="text-align:right;width: 60%;float: right;"
                                name="idmixcost" id="idmixcost" placeholder=""></div>
                        </div>
                        <div class="row">
                            <span style="width:70%;margin-right: 4px;">Phải thu</span>
                            <div class="phienresultdivtotalcost" style="text-align:right;width: 60%;float: right;"
                                name="idobjmustrec" id="idobjmustrec" placeholder=""></div>
                        </div>
                        <div class="row">
                            <span style="width:70%;margin-right: 4px;">Ghi nợ</span>
                            <input style="text-align:right;width: 60%;float: right;" onfocus="this.select()"
                                onkeyup="return fi_doFormat(this)" name="iddebit" id="iddebit" value="" placeholder="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="pane_sub">
    <div id="idmaincallgoods" class="card">
        <div class="card_head">
            <a href="javascript:void(0)" onclick="lsGSOrderShow()">MÓN CHỜ XÁC NHẬN/PHỤC VỤ</a>
        </div>
        <div class="card_content" id="idgoodscallqueue">
        </div>
    </div>
</div>
<div class="pane_bottom_gap"></div>
<div class="pane_bottom" id="idviewgoods_bottombar" style="display: none;">
    <div class="buttonbig cart1s" style='width: 35%;float:left;' onclick='return onClickCart()'><span
            style="float: left;text-align: left;font-weight: bold;margin-right: 8px;"
            id="idcartcount"></span><span>Xem</span></div>
    <input type='button' class="buttonbig" style='width: 25%;float:left;'
        onclick='g_phien_invoice.cartRemoveAll();g_phien_invoice.showSelect_Goods(0,getValById("idgoodslistselect_name"),"idgoodslistselect");'
        value='Xóa'>
    <input type='button' class="buttonbig" style='width: 40%;float:right;' onclick='onClickCartSubmit()'
        id="idcartsubmit" value='Submit'>
</div>

<div class="pane_bottom" id="idviewinvoice_bottombar" style="display: none;">
    <input type='button' class="buttonbig new" id="idbuttoninvoicenew" style='width: 35%;float:left;'
        onclick='return invoiceNew()' value='Mới'>
    <input type='button' class="buttonbig print" id="idbuttoninvoiceprint" disabled style='width: 30%;float:left;'
        onclick='invoicePrint()' value='In'>
    <input type='button' class="buttonbig save" id="idbuttoninvoicesave" style='width: 35%;float:right;flex:100'
        onclick='callPayment()' value='Thanh toán'>
</div>
<div class="pane_bottom" id="idviewobj_bottombar" style="display: none;">
    <input type='button' class="buttonbig" style='width: 20%;float:left;' onclick='return menuPopupObj()' value='::'>
    <input type='button' class="buttonbig" style='width: 25%;float:left;'
        onclick='return callPrintInvoiceGoodsLabel(null)' value='In nhãn'>
    <input type='button' class="buttonbig print" style='width: 25%;float:left;' onclick='return invoicePrint(null,1)'
        value='In tạm tính'>
    <input type='button' class="buttonbig" style='width: 30%;float:right;flex:100' onclick='callPayment()'
        value='Thanh toán'>
</div>
<input type="hidden" id="page_initflag" value="">