<script>
    _SCRIPT_
    g_pageobj['{_UID_}'].initGlobalDataMap();
    function onContactSelect(vals) {
        //id, name, address, phone
        if (Array.isArray(vals)) {
            if (vals.length == 4) {
                name = vals[1];
                address = vals[2];
                phone = vals[3];
                id = vals[0];
            }
            else {
                showMsg(itx("thongtinloi", itxt("loi")));
                return;
            }
        }
        g_pageobj['{_UID_}'].invoiceGoodsRemove(-1);
    }

    function onInvoiceNoChange(invoice_no) {
        if (invoice_no.length < 1) return;
        showWaitModal();
        var url = "?page=phieunhaptralai&pagesub=invoice_load_no&invoice_no=" + invoice_no;
        jQuery.ajax({
            url: url,
            data: "",
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)], "", 500);
                    return;
                }
                data = getDataOk(data);
                var rows = data.split(g_split_row);
                if (rows.length < 4) return;
                var goods;
                //contact_id,contact_name,contact_address,phone
                goods = rows[2].split(g_split_val);
                if (goods.length == 4) {
                    uicontactsearchSelect(goods);
                    g_pageobj['{_UID_}'].setContactId(goods[0]);
                }

                for (var k = 4; k < rows.length; k++) {
                    goods = rows[k].split(g_split_val);
                    //goods_id,unit_id,unit,goods_name,unit_price,quantity,serial,warranty,discount,id_exim_invoice_details,color_name,template_id
                    if (goods.length >= 13) {
                        //trong 1 phieu co the 1 mat hang + 1 dvt xuat hien nhieu lan
                        var keyid = goods[0] + gIdCombineChar + goods[1];
                        for (var i = 0; i < g_pageobj['{_UID_}'].m_invoice_prd.length; i++) {
                            if (g_pageobj['{_UID_}'].m_invoice_prd[i].id == keyid) {
                                keyid = keyid + "1";
                            }
                        }
                        var id_mixmain = goods[12];
                        var parent_id = "";
                        var pii = null;
                        //hang nguyen lieu, tim parent
                        if (id_mixmain > 0) {
                            for (var i = 0; i < g_pageobj['{_UID_}'].m_invoice_prd.length; i++) {
                                if (g_pageobj['{_UID_}'].m_invoice_prd[i].extra_id == id_mixmain) {
                                    pii = g_pageobj['{_UID_}'].m_invoice_prd[i];
                                    parent_id = pii.id;
                                    break;
                                }
                            }
                            if (pii == null) {
                                showMsg(itxt("khongtimthaythanhphamcuanguyenlieu"));
                                return;
                            }
                        }

                        var ii = new Object();
                        ii.id = keyid;
                        ii.goods_id = goods[0];
                        ii.unit_id = goods[1];
                        ii.name = goods[3];
                        ii.code = "";
                        ii.unit_name = goods[2];
                        ii.price = goods[4];
                        ii.quantity = goods[5];
                        ii.discount = goods[8];
                        ii.serial = goods[6];
                        ii.warranty = goods[7];
                        ii.color_name = goods[10];
                        ii.template_id = goods[11];
                        ii.parent_id = parent_id;
                        ii.extra_id = goods[9];
                        ii.quantity_max = 0;
                        ii.materials = null;

                        if (pii == null)
                            g_pageobj['{_UID_}'].m_invoice_prd[g_pageobj['{_UID_}'].m_invoice_prd.length] = ii;
                        else {
                            if (isEmpty(pii.materials)) pii.materials = new Array();
                            pii.materials[pii.materials.length] = ii;
                        }
                    }
                }
                g_pageobj['{_UID_}'].invoiceShow();
            },
            error: function () {
                showMsg(itxt("loi") + "/error.");
            }
        });
    }

    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";
        gridViewEx.m_arExtraButtons = [{ caption: "", function: "g_pageobj['{_UID_}'].invoiceGoodsRemoveById", class: "gridcell cmd_remove" }];
        g_pageobj['{_UID_}'].invoiceNew('phieunhaptralai');
        gridViewEx.showGrid([], "idinvoicegoodslistex");

        showStoreInSelect("select_store_id");
        initEveryTime();
    }
    function initEveryTime() {
        g_pageobj['{_UID_}'].invoiceShow();
    }
    var gridViewEx = new GridViewEx(ds_goods_exim, "gridViewEx");
    gridViewEx.page_source = g_pageobj['{_UID_}'].m_invoice_type;
    gridViewEx.page_title = itxt("phieunhaptralai");

    UiControl.inputWithClearButtonSetup();
    uicontactsearch.fnOnChangeCB = "onContactSelect";

    setValById("buttonnew", itxt("cmd_phieumoi"));
    setValById("buttonprint", itxt("cmd_in"));
    setValById("buttonsave", itxt("cmd_ghi"));

    gLayout(true);
    initOneTime();
</script>

<div class="pane_main">
    <div style="float:left;width: 100%;display: none;">
        <input type="text" name="txtgoodscode" id="txtgoodscode" placeholder="chọn mã hàng" style="width:90px">
        <input type="button" value="Chọn" style="width:50px;"
            onclick="return g_pageobj['{_UID_}'].invoiceGoodsAddByCode(getValById('txtgoodscode'))">
        <div id="div_goodslist" style="width:100%;height:60px;overflow: auto;"></div>
    </div>

    <div id="idgoodssearch" class="inputex" style="width: 100%"></div>
    <div style="clear:both;width:100%;margin:6px 0px;-moz-box-sizing:border-box;box-sizing:border-box;"></div>

    <div id="idinvoicegoodslistex" class="invoice_goodslist"></div>

</div>
<div class="pane_sub">
    <table class="downgap" style="width: 100%;border-collapse: collapse;" cellpadding="0" cellspacing="0" border="0px">
        <tr>
            <td colspan="2">
                <input type="text" placeholder="Số phiếu xuất" onchange="onInvoiceNoChange(this.value)"
                    name="invoice_no" id="invoice_no" class="input_invoice" style="width:100%;"
                    onfocus="this.select()" />

            </td>
        </tr>
        <tr>
            <td colspan="2">
                <div
                    style="clear:both;width: 100%;background-color: #FFC;-moz-box-sizing:border-box;box-sizing:border-box;">
                    <div id="idcontact" class="inputex" style="width: 100%;"></div>
                </div>
            </td>
        </tr>
        <tr>
            <td style="width: 50%;">
                <input class="date input_invoice" id="invoice_date" name="invoice_date" type="text"
                    style="width: 100%;font-weight: bold;" onclick="javascript:NewCssCal('invoice_date')"
                    value="{_DATE_}">

            </td>
            <td style="width: 50%;">
                <select size="1" name="" id="select_store_id" class="input_invoice" style="width:100%;"
                    onchange="return g_pageobj['{_UID_}'].invoiceGoodsRemove(-1);">
                    {_STORE_}
                </select>

            </td>
        </tr>
        <tr>
            <td style="padding-right: 8px;">
                <input type="text" placeholder="VAT %" onkeyup="return fi_doFormat(this)"
                    onchange="return g_pageobj['{_UID_}'].invoiceCalc()" name="invoice_vat" id="invoice_vat"
                    class="input_invoice" style="width:100%;text-align:right;margin-bottom:4px;"
                    onfocus="this.select()" />

            </td>
            <td>
                <input type="text" placeholder="Cộng tiền" name="invoice_sum" id="invoice_sum" class="input_invoice"
                    style="width:100%;color:#0000FF;
                float:right;background:#FFC;text-align:right;margin-bottom:4px" readonly />

            </td>
        </tr>
        <tr>
            <td style="padding-right: 8px;">
                <input type="text" placeholder="Bớt" onkeyup="return fi_doFormat(this)"
                    onchange="return g_pageobj['{_UID_}'].invoiceCalc()" name="invoice_discount" id="invoice_discount"
                    class="input_invoice" style="width:100%;text-align:right;;margin-bottom:4px;"
                    onfocus="this.select()" />

            </td>
            <td>
                <input type="text" placeholder="Phải thu" name="invoice_sumreal" id="invoice_sumreal"
                    onkeyup="return fi_doFormat(this)" class="input_invoice" style="width:100%;color:#0000FF;background:#FFC;font-weight:bold;font-size:11pt;float:right;
                text-align:right;margin-bottom:4px" readonly />

            </td>
        </tr>
        <tr>
            <td style="padding-right: 8px;">
                <input type="text" placeholder="Trả ngay*" onkeyup="return fi_doFormat(this)" name="invoice_pay"
                    id="invoice_pay" onchange="return g_pageobj['{_UID_}'].invoiceCalcPayDebt(1)" class="input_invoice"
                    style="width:100%; text-align:right;;margin-bottom:4px;" onfocus="this.select()" />

            </td>
            <td>
                <input type="text" placeholder="Nợ lại" onkeyup="return fi_doFormat(this)" name="invoice_debit"
                    id="invoice_debit" onchange="return g_pageobj['{_UID_}'].invoiceCalcPayDebt(0)"
                    class="input_invoice" style="width:100%;color:red;text-align:right;float: right;margin-bottom:4px"
                    onfocus="this.select()" />

            </td>
        </tr>
        <tr>
            <td colspan="2">
                <textarea name="invoice_comment" placeholder="Ghi chú" id="invoice_comment" rows="3"
                    class="input_invoice" style="width:100%;height:100%;;margin-bottom:0px"></textarea>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <div id="idsaleman" class="inputex" style="width: 100%;"></div>
            </td>
        </tr>
    </table>
</div>
<div class="pane_bottom_gap"></div>
<div class="pane_bottom">
    <input type="button" class="buttonbig new" value="cmd_phieumoi" name="buttonnew" id="buttonnew" disabled
        style="width: 30%;float:left" onclick="return g_pageobj['{_UID_}'].invoiceNew();" disabled>

    <input type="button" class="buttonbig print" value="cmd_print" id="buttonprint" style="width: 35%;float:left"
        onclick="return g_pageobj['{_UID_}'].invoicePrint()">
    <input type="button" class="buttonbig save" value="cmd_save" id="buttonsave" style="width: 35%;float:right;flex:100"
        onclick="return g_pageobj['{_UID_}'].invoiceSave()">

</div>
<input type="hidden" id="page_initflag" value="">