<link rel="stylesheet" type="text/css" href="ls/style_ls.css" />
<script>
    var m_this_reason = "{_REASON_}";
    var m_this_invoiceid = "{_INVOICE_ID_}";
    var m_this_invoicedate = "{_INVOICE_DATE_}";
    var m_invoicels;
    initOneTime();
    initOnEachLoad();
    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";

        if (m_this_reason != "xb") m_this_reason = "nm";
        m_this_invoiceid = parseNumberVn(m_this_invoiceid);
        var key = m_this_reason + m_this_invoiceid;
        m_invoicels = g_map_invoices.get(key);

        if (isEmpty(m_invoicels)) {
            m_invoicels = new CInvoiceLS(m_this_reason, m_this_invoiceid, "m_invoicels");
            m_invoicels.page_source = m_pagethis;
            g_map_invoices.set(key, m_invoicels);
        }
        else {
            if (m_invoicels.invoiceid > 0) m_this_invoiceid = m_invoicels.invoiceid;
        }
        m_invoicels.fnCallbackOnInvoiceChange = "onChangeInvoice";
        m_invoicels.fnCallbackOnCartChange = "onChangeCart";
        m_invoicels.iddivshow_goods_list = "id_session_goodslist";

        m_invoicels.iddvishow_invoice_contactname = "idmodedetailscontact";
        m_invoicels.iddivshow_invoice_header = "id_session_name";

        eleShowHide("idmodedetailscontact", 1);
        eleShowHide("idmodedetailsobjpayment", 1);
        eleShowHide("idmodedetailstradeuserid", 1);
        eleShowHide("idmodedetailscontactdelivery", 1);

        setInnerById("idmodedetailscontact", (m_this_reason == "xb") ? itxt("khachhang") : itxt("nhacungcap"));
        setInnerById("idmodedetailstradeuserid", itxt("nhanvienkinhdoanh"));
        setInnerById("idmodedetailscontactdelivery", itxt("shipper"));

    }
    function initOnEachLoad() {

        var subinfo = "<div class='subinfo'>" + m_this_invoicedate + "</div>";
        setInnerById("id_session_subinfo", subinfo);

        show_HeaderCaption();
        showGoodsList();
        show_ContactTradeUser();
        show_Param();

        eleEnable("idbuttoninvoicenew", (m_invoicels.invoiceid > 0));
        eleEnable("idbuttoninvoiceprint", (m_invoicels.invoiceid > 0));

        eleEnable("idbuttoninvoicepopup", m_invoicels.canedit);
        eleEnable("idbuttoninvoicesave", m_invoicels.canedit);
        g_phien_viewmode = "invoice";
    }
    function invoiceNew() {
        onChangeCart();
        m_invoicels.invoiceNew();
    }
    function invoiceSave() {
        m_invoicels.invoiceSave();
    }
    function show_HeaderCaption() {
        if (isEmpty(m_invoicels.invoiceno)) m_invoicels.invoiceno = "(" + itxt("donmoi") + ")";
        if (isEmpty(m_invoicels.invoicedate)) m_invoicels.invoicedate = getCurDateTime();
        if (isEmpty(m_invoicels.totalcost)) m_invoicels.totalcost = 0;

        var html = "";
        var totalcost = m_invoicels.cart_sum;

        if (m_invoicels.invoiceid > 0) totalcost = m_invoicels.totalcost;
        totalcost = totalcost - parseNumberVn(m_invoicels.invoicemoneydiscount);

        html += m_invoicels.invoiceno;
        html += "<div class='subinfo'>" + m_invoicels.invoicedate + " - " + formatNumber(totalcost) + "</div>";
        setInnerById("idviewheader_invoice_caption", html);
        setInnerById("idcartcount", m_invoicels.cart_count);
        setInnerById("idinvoicelist", g_map_invoices.size - 1);

        var ttcshow = formatNumber(totalcost);
        if (isEmpty(ttcshow) || (ttcshow == "0") || ttcshow == 0) ttcshow = "";

        setInnerById("idobjmustrec", ttcshow);
        setInnerById("idmodedetailsobjpayment_val", ttcshow);
        setInnerById("idobjsum", ttcshow);
        setInnerById("idmixcost", "");
    }

    function showGoodsList() {
        if (m_invoicels.cart_count > 0)
            m_invoicels.cartShow(m_invoicels.iddivshow_goods_list, 1);
        else
            setInnerById(m_invoicels.iddivshow_goods_list, "");
    }
    function menuPopup() {

    }
    function onChangeCart() {
        //invoice goods list
        show_HeaderCaption();
        showGoodsList();
    }
    function onChangeInvoice() {
        show_HeaderCaption();
        show_ContactTradeUser();
        if (m_invoicels.invoiceid > 0) {
            eleEnable("idbuttoninvoicenew", true);
            eleEnable("idbuttoninvoiceprint", true);
            eleEnable("idbuttoninvoicesave");

        } else {
            eleEnable("idbuttoninvoicenew");
            eleEnable("idbuttoninvoiceprint");
            eleEnable("idbuttoninvoicesave", true);

        }
        if (!m_invoicels.canedit) {
            setInnerById("idcartcount", "");
            if (m_invoicels.invoiceid > 0) g_map_invoices.delete(m_invoicels.key);
        }
        setInnerById("idinvoicecount", g_map_invoices.size);
    }
    function show_Param() {
        setValById("idinvoicediscount", m_invoicels.invoicediscount);
        setValById("idobjvat", m_invoicels.vat);
        setValById("idobjinvoicemoneydiscount", m_invoicels.invoicemoneydiscount);
        setValById("iddiscountgoods", m_invoicels.discountgoods);
        setValById("iddiscountservice", m_invoicels.discountservice);
        setValById("idobjservicecharge", m_invoicels.extracharge);
        setValById("iddebit", m_invoicels.debit);
    }
    function show_ContactTradeUser() {
        var s = "";
        if (!isEmpty(m_invoicels.contactname)) {
            s = m_invoicels.contactname;
            if (!isEmpty(m_invoicels.contactaddress)) s += "<br>" + m_invoicels.contactaddress;
            if (!isEmpty(m_invoicels.phone)) s += "<br>" + m_invoicels.phone;
        }
        setInnerById("idmodedetailscontact", s);

        s = "";
        if (!isEmpty(m_invoicels.tradeusername)) {
            s = m_invoicels.tradeusername;
            if (!isEmpty(m_invoicels.tradeusermobile)) s += "<br>" + m_invoicels.tradeusermobile;
        }
        setInnerById("idmodedetailstradeuserid", s);

        s = "";
        if (!isEmpty(m_invoicels.contactname_delivery)) {
            s = m_invoicels.contactname_delivery;
            if (!isEmpty(m_invoicels.phone_delivery)) s += "<br>" + m_invoicels.phone_delivery;
        }
        setInnerById("idmodedetailscontactdelivery", s);

        //m_invoicels.contactid_delivery=id;
        //    m_invoicels.contactname_delivery=name;
        //    m_invoicels.contactaddress_delivery=address;
        //    m_invoicels.phone_delivery=phone;

    }

    function onSelectContact(id, name, address, phone) {
        if (!m_invoicels.canedit) return;

        if (isEmpty(id)) {
            DlgSelect.showContact(0, 'onSelectContact');
        }
        else {
            m_invoicels.contactid = id;
            m_invoicels.contactname = name;
            m_invoicels.contactaddress = address;
            m_invoicels.phone = phone;
        }
        show_ContactTradeUser();
        hideModal();
    }
    function onUpdateInvoiceParam() {
        m_invoicels.invoicediscount = getValById("idinvoicediscount");
        m_invoicels.vat = getValById("idobjvat");
        m_invoicels.invoicemoneydiscount = getValById("idobjinvoicemoneydiscount");
        m_invoicels.discountgoods = getValById("iddiscountgoods");
        m_invoicels.discountservice = getValById("iddiscountservice");
        m_invoicels.extracharge = getValById("idobjservicecharge");
        m_invoicels.debit = getValById("iddebit");
    }

    function onSelectTradeUser(id, name, mobile, comment) {
        if (!m_invoicels.canedit) return;

        //s_TradeUserIdAdd
        if (isEmpty(id)) {
            DlgSelect.showUser(0, 'onSelectTradeUser');
        } else {
            m_invoicels.tradeuserid = id;
            m_invoicels.tradeusername = name;
            m_invoicels.tradeusermobile = mobile;
            show_ContactTradeUser();
            hideModal();
        }
    }

    function onSelectDelivery(id, name, address, phone) {
        if (!m_invoicels.canedit) return;

        if (isEmpty(id)) {
            DlgSelect.showContact(0, 'onSelectDelivery');
        } else {
            m_invoicels.contactid_delivery = id;
            m_invoicels.contactname_delivery = name;
            m_invoicels.contactaddress_delivery = address;
            m_invoicels.phone_delivery = phone;
            show_ContactTradeUser();
            hideModal();
        }
    }
    gLayout(true);
</script>
<div class="pane_main">
    <div class="widget">
        <div class="widget_head">
            <div style="width: 65%;float: left;margin:0px;padding:0px;">
                <div class="session_name" onclick="invoiceShowListPopup();" style="width: 100%;">
                    <span id="idviewheader_invoice_caption">XB</span>
                </div>
            </div>
            <div style="width: 35%;float: right;;margin:0px;padding:0px">
                <div style="border: 1px dotted rgb(202, 204, 204);overflow: auto;width: auto;float: right;">
                    <a href="javascript:void(0)" class="cart" style="width: 42px" onclick="showGoodsList();">
                        <span style="float: left;text-align: center;font-weight: bold;margin-top: 0px;"
                            id="idcartcount"></span>
                    </a>
                    <input
                        onfocus="if(!isVisiable('id_session_goodsselect'))m_invoicels.showSelect_Goods(0,'','id_session_goodsselect');"
                        oninput="m_invoicels.showSelect_Goods(0,getValById('id_goodsname'),'id_session_goodsselect');"
                        type="search" id="id_goodsname"
                        style="height:36px;width:calc(100% - 44px);float:right;margin-right:2px;padding:0px;border:0px solid #acec93" />
                </div>
            </div>
        </div>
    </div>
    <div id="id_session_goodsselect" class="session_goodsselect"></div>
    <div id="id_session_goodslist_wrap" style="display: block;">
        <div class="phien_head">
            <div style="float: left;width: 50%;">DANH SÁCH HÀNG</div>
            <div id="idsumgoods" style="float: right;width: 50%;text-align: right;">(0)</div>
        </div>
        <div id="id_session_goodslist"></div>
    </div>
</div>
<div class="pane_sub">
    <div id="idmodedetailsobj" style="display:block;padding-left:4px;padding-right:4px">
        <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"></span>
        </div>

        <div style="margin:0px 0px;width: 100%;">
            <div class="collapsibleheader active" id="idmodedetailsobjpayment"
                style="font-weight: bold;background-color: aliceblue;margin-top:4px;border: 1px dotted #acec93;display: none;"
                onclick="divToggleNext(this)">
                <span id="idvlangtongphaithu">Tổng tiền</span>
                <div id="id_session_totalcost" style="float: right;width: 50%;text-align: right;color:red"></div>
            </div>
            <div class="collapsiblecontentexpand">
                <div style="width: 35%;float: left;">
                    <table>
                        <tr>
                            <td>
                                %CK hàng
                                <input style="text-align:right;width: 30%;float: right;" onfocus="this.select()"
                                    name="iddiscountgoods" id="iddiscountgoods" onchange="onUpdateInvoiceParam();"
                                    value="" placeholder="">

                            </td>
                        </tr>
                        <tr>
                            <td>
                                %CK D.vụ
                                <input style="text-align:right;width: 30%;float: right;" onfocus="this.select()"
                                    name="iddiscountservice" id="iddiscountservice" onchange="onUpdateInvoiceParam();"
                                    value="" placeholder="">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                %CK phiếu
                                <input style="text-align:right;width: 30%;float: right;" onfocus="this.select()"
                                    name="idinvoicediscount" id="idinvoicediscount" onchange="onUpdateInvoiceParam();"
                                    value="" placeholder="">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                % Phí p.vụ
                                <input style="text-align:right;width: 30%;float: right;" onfocus="this.select()"
                                    name="idobjservicecharge" id="idobjservicecharge" onchange="onUpdateInvoiceParam();"
                                    value="" placeholder="">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                % VAT
                                <input style="text-align:right;width: 30%;float: right;" onfocus="this.select()"
                                    name="idobjvat" id="idobjvat" onchange="onUpdateInvoiceParam();" value=""
                                    placeholder="">
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="width: 65%;float:right;text-align: right;">
                    <table style="width: 100%;">
                        <tr>
                            <td>
                                <span style="margin-right: 5px;">Tổng cộng</span>
                                <div class="phienresultdiv" style="text-align:right;width: 60%;float: right;"
                                    name="idobjsum" id="idobjsum" placeholder=""> </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span style="margin-right: 5px;">Bớt tiền</span><input
                                    style="text-align:right;width: 60%;float: right;" onfocus="this.select()"
                                    name="idobjinvoicemoneydiscount" id="idobjinvoicemoneydiscount"
                                    onchange="onUpdateInvoiceParam();" value="" onkeyup="return fi_doFormat(this)"
                                    placeholder="">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span style="margin-right: 5px;">Gộp</span>
                                <div class="phienresultdiv" style="text-align:right;width: 60%;float: right;"
                                    name="idmixcost" id="idmixcost" placeholder=""></div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span style="margin-right: 5px;">Phải thu</span>
                                <div class="phienresultdivtotalcost" style="text-align:right;width: 60%;float: right;"
                                    name="idobjmustrec" id="idobjmustrec" placeholder=""></div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span style="margin-right: 5px;">Ghi nợ</span><input
                                    style="text-align:right;width: 60%;float: right;" onfocus="this.select()"
                                    onkeyup="return fi_doFormat(this)" name="iddebit" id="iddebit"
                                    onchange="onUpdateInvoiceParam();" value="" placeholder="">
                            </td>
                        </tr>
                    </table>

                </div>
            </div>
        </div>
        <div style="width: 100%;padding: 0px;-moz-box-sizing:border-box;box-sizing:border-box;">
        </div>
    </div>
</div>
<div class="pane_bottom_gap"></div>
<div class="pane_bottom">
    <input type='button' id="idbuttoninvoicepopup" class="buttonbig" style='width: 0%;float:left;display: none;'
        onclick='return menuPopup()' value='::'>
    <input type='button' id="idbuttoninvoicenew" class="buttonbig new" disabled style='width: 35%;float:left;'
        onclick='invoiceNew();' value='Phiếu mới'>
    <input type='button' id="idbuttoninvoiceprint" class="buttonbig print" disabled style='width: 30%;float:right;'
        onclick='invoicePrint(m_invoicels.invoiceid,0,m_this_reason)' value='In phiếu'>
    <input type='button' id="idbuttoninvoicesave" class="buttonbig save" style='width: 35%;float:right;flex:100'
        onclick='invoiceSave();' value='Ghi phiếu'>
</div>
<input type="hidden" id="page_initflag" value="">