<script>
    _SCRIPT_
    var m_print_sessionendauto = "{_PRINT_SESSIONEND_AUTO_}";
    g_pageobj['{_UID_}'].initGlobalDataMap();

    var gridViewEx = new GridViewEx(ds_goods_exim, "gridViewEx");
    gridViewEx.page_source = g_pageobj['{_UID_}'].m_invoice_type;
    gridViewEx.page_title = itxt(gridViewEx.page_source);
    gridViewEx.m_arExtraButtons = [{ caption: "", function: "g_pageobj['{_UID_}'].invoiceGoodsRemoveById", class: "gridcell cmd_remove" }];
    if (g_viewmode == 0) gridViewEx.rowheading_visible = 2;
    //gridViewEx.bItemMultiRow = true;
    function initOneTime() {
        //check xem da khoi tao chua
        var page_initflag = document.getElementById("page_initflag");
        if (page_initflag.value.length > 0) {
            initEveryTime();
            return;
        }
        showStoreInSelect("select_store_id", 0);
        page_initflag.value = "1";

        //*
        if (g_pageobj['{_UID_}'].m_invoice_id == 0) {
            g_pageobj['{_UID_}'].invoiceNew();
        }
        gridViewEx.showGrid([], "idinvoicegoodslistex");

        gridViewExDepMan.showList([], "iddeploymentman");
        initEveryTime();
    }
    function initEveryTime() {
        g_pageobj['{_UID_}'].invoiceShow();
    }
    function showGoodsForEximSelect() {

        DlgSelect.iddivshow = document.getElementById("iddivgoodsselectlist");
        DlgSelect.pagesize = 10;
        DlgSelect.showGoods(1, 'fcGoodsSelect', '', itxt("chonhang"), 0, getSelectVal("select_store_id"), 0, '', g_pageobj['{_UID_}'].m_invoice_type);
    }
    function fcGoodsSelect(param, id, goods_id, unit_id, goods_name, goods_code, unit_name, stock, export_price, color_name) {
        if (isEmpty(unit_name)) unit_name = "";
        g_pageobj['{_UID_}'].invoiceGoodsAdd(goods_id, parseNumberVn(unit_id), goods_name, unit_name, parseNumberVn(export_price), color_name);
        //hideModalBlock();	
        setModalHeading("Đã thêm: " + goods_name);
    }

    function menuPopupDeclare() {
        var menu = "";
        menu += "<a href='javascript:void(0)' onclick=\"kbThemHang('onNewGoods')\" class='menu_popup_item'>" + itxt("cmd_themhang") + "</a>";
        menu += "<a href='javascript:void(0)' onclick=\"kbThemNhomHang('onNewGoods')\" class='menu_popup_item'>" + itxt("cmd_themnhomhang") + "</a>";
        menu += "<a href='javascript:void(0)' onclick=\"kbThemDoiTac('onNewContact')\" class='menu_popup_item'>" + itxt("cmd_themdoitac") + "</a>";
        showModal(menu, "MENU HÀNG");
    }

    //data:ds_goods
    //goods_id,unit_id,category_id,tenhang,mahang,dvt,giale,giabuon,gianhap,nguyenlieu,thanhpham,ghichu
    function onNewGoods(data) {
        var vals;
        if (!Array.isArray(data))
            vals = data.split(g_split_val);
        else
            vals = data;

        var price = vals[6];
        if (g_pageobj['{_UID_}'].m_invoice_type.indexOf("phieuxuatbuon") >= 0)
            price = vals[7];
        price = parseNumberVn(price);

        //invoiceGoodsAdd: function (goods_id, unit_id, quantity, goods_name, unit_name, export_price, color_name, template_id, parent_id, optional_extra_id, optional_quantity_max) 

        g_pageobj['{_UID_}'].invoiceGoodsAdd(vals[0], vals[1], 1, vals[3], vals[5], price);
        hideModalBlock();
    }
    //data:ds_contact
    function onNewContact(data) {
        var vals;
        if (!Array.isArray(data))
            vals = data.split(g_split_val);
        else
            vals = data;
        uicontactsearchSelect(vals);
    }
    function showDeploymentMan() {
        //gridViewExDepMan.onClickItem = "onDeploymentManRemove";
        if (isEmpty(g_pageobj['{_UID_}'].m_deploymentmans)) return;
        gridViewExDepMan.showList(g_pageobj['{_UID_}'].m_deploymentmans, "iddeploymentman");
    }
    function onDeploymentManRemove(id) {
        if (!g_pageobj['{_UID_}'].deploymentManRemove(id)) return;
        showDeploymentMan();
    }
    function onDeploymentManAdd(id, name, phone) {
        if (isEmpty(id)) return;
        if (!g_pageobj['{_UID_}'].deploymentManAdd(id, name, phone)) return;
        showDeploymentMan();
    }

    //DEPLOYEMENT MAN iddeploymentman
    var gridViewExDepMan = new GridViewEx(ds_employee_c, "gridViewExDepMan");
    gridViewExDepMan.grid_caption = "(Nhân viên triển khai)";
    gridViewExDepMan.m_arExtraButtons = [{ caption: "", function: "onDeploymentManRemove", class: "gridcell cmd_remove" }];
    ////////////////////////

    setValById("buttondelivery", (g_viewmode == 0) ? itxt("cmd_giao") : itxt("cmd_giaohang"));
    setValById("buttonnew", (g_viewmode == 0) ? itxt("cmd_moi") : itxt("cmd_phieumoi"));
    setValById("buttonprint", itxt("cmd_in"));
    setValById("buttonsave", itxt("cmd_ghi"));
    setValById("buttondo", itxt("cmd_do") + "..");
    gLayout(true);
    initOneTime();
</script>

<div class="pageheader" id="idpageheaderlocal">
    <span style="display: none;" id="pageheader{_UID_}"></span>
</div>
<div class="pane_main">
    <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 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%;">
                </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="padding-right: 8px;">
                <input type="text" placeholder="Giảm %" onkeyup="return fi_doFormat(this)"
                    onchange="return g_pageobj['{_UID_}'].invoiceCalc()" name="invoice_discount" id="invoice_discount"
                    class="input_invoice" style="width:45%;text-align:left;;margin-bottom:4px;"
                    onfocus="this.select()" />

                <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:45%;text-align:right;margin-bottom:4px;float: right;"
                    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 số tiền" onkeyup="return fi_doFormat(this)"
                    onchange="return g_pageobj['{_UID_}'].invoiceCalc()" name="invoice_money_discount"
                    id="invoice_money_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;" 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;font-weight: bold;color: darkgreen;" 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;font-weight: bold;"
                    onfocus="this.select()" />
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <select name="invoice_bankaccount" id="invoice_bankaccount" class="input_invoice" style="width:100%;">
                    <option value="0">(tiền mặt/không xác định)</option>
                    {_BANKACCOUNTLIST_}
                </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>
        <tr>
            <td colspan="2">
                <div id="iddeploymentman" class="listbox" style="width: 100%;"
                    onclick="DlgSelect.showUser(0,'onDeploymentManAdd')"></div>
            </td>
        </tr>
    </table>
</div>
<div class="pane_bottom_gap"></div>
<div class="pane_bottom">
    <input type="button" class="buttonbig declare" value="+" name="buttondeclare" id="buttondeclare"
        style="width: 10%;float:left" onclick="return menuPopupDeclare()">
    <input type="button" class="buttonbig new" value="cmd_phieumoi" name="buttonnew" id="buttonnew" disabled
        style="width: 23%;float:left" onclick="return g_pageobj['{_UID_}'].invoiceNew();" disabled>
    <input type="button" class="buttonbig ship" value="cmd_giaohang" name="buttondelivery" disabled id="buttondelivery"
        style="width: 22%;float:left" onclick="return shPhieuGiaoHang(g_pageobj['{_UID_}'].m_invoice_id);">
    <input type="button" class="buttonbig print" value="cmd_in" name="buttonprint" id="buttonprint" disabled
        style="width: 22%;float:left" onclick="return g_pageobj['{_UID_}'].invoicePrint()">
    <input type="button" class="buttonbig save" value="cmd_ghi" name="buttonsave" id="buttonsave"
        style="width: 23%;float:right;flex:100;" onclick="return g_pageobj['{_UID_}'].invoiceSave()">
</div>
<input type="hidden" id="page_initflag" value="">