<script>
    var m_invoice_id = "{_INVOICEID_}";
    var m_invoice_type = "{_INVOICETYPE_}";
    var m_uid = "{_UID_}";

    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";
        m_invoice_id = parseNumberVn(m_invoice_id);
        if (m_invoice_id > 0) {
            invoiceLoad();
        } else {
            invoiceNew();
        }
        initEveryTime();
    }
    function initEveryTime() {
        if (m_invoice_id > 0) {
            eleEnable("idbuttonnew", false);
        }
    }

    function invoiceGetMoneyRate() {
        var invoice_moneyrate = document.getElementById("invoice_moneyrate");
        if (invoice_moneyrate === null) invoice_moneyrate = "1"; else invoice_moneyrate = invoice_moneyrate.value;
        invoice_moneyrate = parseNumberVn(invoice_moneyrate);
        if (invoice_moneyrate == 0) invoice_moneyrate = 1;
        return invoice_moneyrate;
    }
    function invoiceCalc() {
        var form = document.getElementById("goform");
        var tag = "", prfquantity = "goquantity", prfprice = "goprice";
        var total = 0, totalquantity = 0;
        for (i = 0; i < document.all.length; i++) {
            tag = document.all[i].name;
            if (!isEmpty(tag)) {
                if (tag.indexOf(prfquantity) >= 0) {
                    var goodsid = tag.substr(prfquantity.length, tag.length - prfquantity.length);
                    var idprice = prfprice + goodsid;
                    var quantity = parseNumberVn(form.elements.namedItem(tag).value);
                    var price = parseNumberVn(form.elements.namedItem(idprice).value);
                    //var idspan = document.getElementById("gosubtotal" + goodsid);
                    //idspan.innerHTML = quantity * price;
                    total += (quantity * price);
                    totalquantity += quantity;
                }
            }
        }

        var invoice_sum = document.getElementById("invoice_sum");
        setInnerById("idinvoicesumnorate", total);
        setInnerById("idinvoicesumquantity", totalquantity);
        invoice_sum.value = formatNumber(total * invoiceGetMoneyRate());
    }
    function invoiceClear(f) {
        f.elements.namedItem("receiveddate").value = "";
        f.elements.namedItem("order_no").value = "";
        f.elements.namedItem("contact_id").value = "";
        f.elements.namedItem("order_id").value = "";
        f.elements.namedItem("invoice_prepaid").value = "";
        f.elements.namedItem("invoice_sum").value = "";
        setInnerById("idinvoicesumnorate", "");
        setInnerById("idinvoicesumquantity", "");
        f.elements.namedItem("invoice_comment").value = "";
        var idinvoicegoodslistex = document.getElementById("idinvoicegoodslistex");
        idinvoicegoodslistex.innerHTML = "";
    }
    function invoiceCheckValid(f) {
        var contact_id = document.getElementById("contact_id");
        var order_id = document.getElementById("order_id");
        /*
        if((isEmpty(contact_id.value))||(contact_id.value==0))
        {
            showMsg("Chưa chọn Nhà cung cấp hàng");
            return false;
        }
        */
        //
        var tag = "", tags = "";
        for (i = 0; i < document.all.length; i++) {
            tag = document.all[i].name;
            if (!isEmpty(tag)) {
                if (tag.indexOf("goquantity") >= 0)
                    break;
            }
            else
                tag = "";
        }

        if (tag.length < 1) {
            showMsg("Chưa có hàng");
            return false;
        }
        return true;
    }
    function invoiceShare() {
        if (m_invoice_id == 0) {
            showMsg(itxt("khongcophieu"));
            return;
        }
        //dh_nhapsophieu:243
        //dh_nhapphieu:244
        var src = "dh_nhapsophieu";
        if (m_invoice_type == "dh_phieuxuat") src = "dh_xuatsophieu";
        printReport(src, m_invoice_id, 2);
    }
    function invoicePrint() {
        m_invoice_id = parseNumberVn(m_invoice_id);
        if (m_invoice_id == 0) {
            showMsg(itxt("khongcophieu"));
            return;
        }
        printReport(m_invoice_type, m_invoice_id, 2);
    }
    function invoiceLoad() {
        var url = "?page=" + m_invoice_type + "&pagesub=invoiceload&invoice_id=" + m_invoice_id;
        jQuery.ajax({
            url: url,
            data: "",
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                data = getDataOk(data);
                if (data.length < 1) return;
                var rows = data.split(g_split_row);
                if (rows.length < 1) return;
                //order-no,contact_supply_id,contact_supply,contact_id,contact,order_date,delivery_date,total_cost,prepaid,money_rate,user_id,user_realname,comment
                var vals = rows[0].split(g_split_val);

                if (vals.length != 13) {
                    showMsg(itxt("dulieuloi"), itxt("loi"), 1000);
                    return;
                }

                setValById("order_no", vals[0]);
                UiControl.inputTextSetValue("idorder", vals[2], "order_id", vals[1]);
                UiControl.inputTextSetValue("idcontact", vals[4], "contact_id", vals[3]);
                setValById("idreceiveddate", vals[6]);
                setValById("idinvoicedate", vals[5]);
                setValById("invoice_sum", vals[7]);
                setValById("invoice_prepaid", vals[8]);
                setValById("invoice_moneyrate", vals[9]);
                //user_id
                setValById("invoice_comment", vals[12]);

                //load goods_list
                for (var i = 1; i < rows.length; i++) {
                    vals = rows[i].split(g_split_val);
                    //id,goods_id,unit_id,goods_name,unit,quantity,unit_price,color_id,color_name,comment
                    goodsAdd("", vals[0], vals[1], vals[2], vals[3], vals[4], vals[5], vals[6], vals[8], vals[9]);
                }
            },
            error: function () {
                hideModal();
                showMsg(itxt("thatbai"), "THÊM SỬA KHOẢN THU");
            }
        });
        return false;
    }
    function invoiceNew() {
        invoiceClear(document.getElementById("goform"));
        eleEnable("idbuttondeclare", true);
        eleEnable("idbuttonnew", false);
        eleEnable("idbuttonshare", false);
        eleEnable("idbuttonsave", true);

    }
    function invoiceSave() {
        var f = document.getElementById("goform");

        if (!invoiceCheckValid(f))
            return false;
        var form = $(f);
        //var url = form.attr('action');
        var url = "?page=" + m_invoice_type;
        var dataString = form.serialize();
        var idinvoicegoodslistex = document.getElementById("idinvoicegoodslistex");

        jQuery.ajax({
            url: url,
            data: dataString,
            type: "POST",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                m_invoice_id = getDataOk(data);
                showMsg("Đã ghi phiếu");
                eleEnable("idbuttondeclare", false);
                eleEnable("idbuttonnew", true);
                eleEnable("idbuttonshare", true);
                eleEnable("idbuttonsave", false);
            },
            error: function () {
                hideModal();
                showMsg(itxt("thatbai"), "THÊM SỬA KHOẢN THU");
            }
        });
        return false;
    }

    function contactShowInSelect(idselect, data) {
        idselect.innerHTML = "";
        var prds = data.split(g_split_row);
        var rcount = prds.length;
        if (rcount < 2)
            return;
        var pageinfo = prds[0].split(g_split_val);
        if (pageinfo.length != 2)
            return;
        var pageno = parseInt(pageinfo[0]);
        var pagecount = parseInt(pageinfo[1]);

        var strOut = "";
        for (i = 1; i < rcount; i++) {
            var vals = prds[i].split(g_split_val);
            if (vals.length != 4)
                return;
            strOut += "<option value=\"" + vals[0] + "\">" + vals[1] + " (" + vals[2] + ") (" + vals[3] + ")</option>";
        }
        idselect.innerHTML = strOut;
        idselect.selectedIndex = 0;
    }
    function contactGetList(idcontactname, idselect) {
        showModal("DANH SÁCH..");
        var url = "/?page=list&pagesub=contact";
        var dataString = "contactname=" + idcontactname.value;
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                contactShowInSelect(idselect, getDataOk(data));
            },
            error: function () {
                showMsg(itxt("thatbai"), "");
            }
        });
        hideModal();
        return false;
    }
    function goodRemove(idbase) {
        var idrow = "idrow" + idbase;

        idrow = document.getElementById(idrow);

        if (!isEmpty(idrow)) {
            idrow.outerHTML = "";
        }
        invoiceCalc();
    }

    function goodsAdd(param, iddetails, goods_id, unit_id, goods_name, unit_name, quantity, export_price, color_name, comment) {
        if (isEmpty(comment)) comment = "";
        var item = "";
        var id = "";
        if (isEmpty(iddetails)) iddetails = 0;
        iddetails = parseNumberVn(iddetails);
        var idbase = goods_id + gIdCombineChar + unit_id + gIdCombineChar + iddetails;
        ///////////////////////////////
        item += "<div id=\"idrow" + idbase + "\" style=\"width:100%;border-bottom: 1px dotted #6C0; background:#FFF;padding:5px 0px;\">";

        item += "<table style='width:100%;border-collapse: collapse' border='0' cellspacing='4' cellpadding='4'>";

        item += "<tr>";

        item += "<td style='width:55%;text-align:left;'>";
        item += "<a href=\"javascript:void(0)\" onclick=\"goodRemove('" + idbase + "')\">" +
            "<span class='goods_cmdremove'>×</span></a>" + goods_name;
        item += "</td>";

        item += "<td style='width:15%'>";
        id = "goquantity" + idbase;
        item += "<input type='text' placeholder='số lượng' class='input_invoice' style='text-align:right;width:100%' value='" + quantity + "' id='" + id + "' name='" + id + "'";
        item += " onchange='invoiceCalc()'";
        item += "onfocus='this.select()'>";
        item += "</td>";

        item += "<td  style='width:15%'>";
        id = "goprice" + idbase;
        item += "<input type='text' placeholder='đơn giá' class='input_invoice' style='text-align:right;;width:100%' value=\"" + export_price + "\" id=\"" + id + "\" name=\"" + id + "\"";
        item += " onchange=\"invoiceCalc()\" ";
        item += "onfocus=\"this.select()\">";
        item += "</td>";

        item += "<td  style='width:15%'>";
        id = "gocolor" + idbase;
        item += "<input type='text' placeholder='màu sắc' class='input_invoice' style='text-align:right;;width:100%' value=\"" + color_name + "\" id=\"" + id + "\" name=\"" + id + "\"";
        item += " onchange=\"invoiceCalc()\" ";
        item += "onfocus=\"this.select()\">";
        item += "</td>";
        item += "</tr>";

        id = "gocomment" + idbase;
        item += "<tr><td colspan='4'  style='width:100%'>";
        item += "<input type='text' class='input_invoice' style='width:100%' placeholder='ghi chú, link,..' value='" + comment + "' id=\"" + id + "\" name=\"" + id + "\"";
        item += "onfocus=\"this.select()\">";
        item += "</td></tr>";

        item += "</table>";
        ///////////////////////////////////
        item += "</div>";

        //var idinvoicegoodslistex = document.getElementById("idinvoicegoodslistex");
        //var curstate = window_formToString($(idinvoicegoodslistex));
        idinvoicegoodslistex.innerHTML = idinvoicegoodslistex.innerHTML + item;
        //window_stringToForm(curstate, $(idinvoicegoodslistex));
        invoiceCalc();
    }
    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");
    }

    var m_this_idinputcontact = null;
    function onContactSelect(id, name, address, phone) {
        hideModalBlock();
        var fname = name;
        if (address.length > 0)
            fname += " (" + address + ")";
        if (phone.length > 0)
            fname += " [" + phone + "]";
        if (m_this_idinputcontact == 'idsupplierinput') {
            //setValById('idsupplierinput', fname);
            //setValById('contact_id', id);
            UiControl.inputWithClearButtonOnInput("idsupplierinput");
        }
        else {
            //setValById('idorderinput', fname);
            //setValById('order_id', id);
            UiControl.inputWithClearButtonOnInput("idorderinput");
        }
    }

    //data:ds_goods
    function onNewGoods(data) {
        var vals;
        if (!Array.isArray(data))
            vals = data.split(g_split_val);
        else
            vals = data;
        goodsAdd('', '', vals[0], vals[1], vals[3], vals[5], 1, parseNumberVn(vals[8]));
        hideModalBlock();
    }

    //UiControl.selectInputGoods("idgoodssearch", '', "addGoods", "addGoods2");

    UiControl.selectInputContact("idcontact", "contact_id", (m_invoice_type == "dh_nhapphieu") ? itxt("nhacungcap") : itxt("khachhang"), 'onContactSelect');
    UiControl.selectInputContact("idorder", "order_id", "(vận chuyển - ký gửi)", 'onContactSelect');
    UiControl.inputWithClearButtonSetup();

    /*GOODS_SEARCH***************/
    //id,goods_id,unit_id,tenhang,mahang,dvt,ton,dongia,mausac,mausacid,kichthuoc,anh
    var uigoodssearch = new UIListBoxEx("uigoodssearch", ds_goods_exim);

    uigoodssearch.label_place_holder = "(nhập tên hàng)";
    uigoodssearch.onGetData = "uigoodssearchGetData";
    uigoodssearch.onCmd = "uigoodssearchCmd";
    uigoodssearch.onSelect = "uigoodssearchSelect";
    uigoodssearch.onSelectM = "";
    uigoodssearch.label_cmd = "..";
    uigoodssearch.show("idgoodssearch");
    function uigoodssearchGetData(idinput) {
        //neu nhan chon lua
        var search_key = uriEncode(getValById(idinput));
        var url = "?page=list&pagesub=goods&invoice_type=phieunhapmua&goods_name=" + search_key + "&contact_id=" + getValById("order_id") + "&store_id=0";
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                data = getDataOk(data);
                var rows = data.split(g_split_row);
                var dataset = [];
                for (i = 0; i < rows.length; i++) {
                    if (rows[i].substr(0, g_sign_columnconfig.length) == g_sign_columnconfig)
                        continue;
                    if (rows[i].substr(0, g_sign_pageconfig.length) == g_sign_pageconfig)
                        continue;
                    dataset[dataset.length] = rows[i];
                }

                uigoodssearch.showList(dataset);
                showWaitStatus();
            },
            error: function () {
                showMsg(itxt("loi"));
                showWaitStatus();
            }
        });
    }

    function uigoodssearchCmd() {
        DlgSelect.showGoods(1, 'uigoodssearchCmd_Done');
    }
    function uigoodssearchCmd_Done(id, goods_id, unit_id, tenhang, mahang, dvt, ton, dongia, mausac, mausacid, kichthuoc, anh) {
        if (isEmpty(dvt)) dvt = "";

        goodsAdd('', '', goods_id, parseNumberVn(unit_id), tenhang, dvt, 1, parseNumberVn(dongia), mausac);

        setModalHeading("Đã thêm: " + tenhang);
    }
    function uigoodssearchSelect(vals) {
        //vals:id,goods_id,unit_id,tenhang,mahang,dvt,ton,dongia,mausac,mausacid,kichthuoc,anh
        if (vals.length < 12) return;
        var id = vals[0], goods_id = vals[1], unit_id = parseNumberVn(vals[2]), tenhang = vals[3];
        var dvt = vals[5], ton = parseNumberVn(vals[6]), dongia = parseNumberVn(vals[7], mausac = vals[8]);
        if (isEmpty(dvt)) dvt = "";

        goodsAdd('', '', goods_id, parseNumberVn(unit_id), tenhang, dvt, 1, parseNumberVn(dongia), mausac);

        setModalHeading("Đã thêm: " + tenhang);
    }

    /*END_GOODS_SEARCH***************/
    gLayout(true);
    initOneTime();
</script>

<form method="POST" action="?page=" onsubmit="return false" id="goform" accept-charset="UTF-16">
    <input type="hidden" name="invoice_id" value="{_INVOICEID_}">
    <div>
        <input type="hidden" name="ncontactname" id="ncontactname">
        <input type="hidden" name="ncontactaddress" id="ncontactaddress">
        <input type="hidden" name="ncontactphone" id="ncontactphone">
        <input type="hidden" name="ncontactcomment" id="ncontactcomment">
    </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>
                    <!--contact order-->
                    <div id="idcontact" class="inputex" style="width: 100%;"> </div>
                    <div style="height: 3px;clear: both;width: 100%;"></div>
                    <!--contact supplier-->
                    <div id="idorder" class="inputex" style="width: 100%;"></div>
                </td>
            </tr>
            <tr>
                <td style="padding-top:8px;padding-bottom:4px">
                    <div style="float:left;width:45%">
                        <span style="font-weight:bold;float:left;top:50%">Ngày đặt*</span>
                        <input style="float: left;width: 100%;" class="date input_invoice" id="idinvoicedate"
                            name="invoicedate" type="text" onclick="javascript:NewCssCal('idinvoicedate')"
                            value="{_INVOICE_DATE_}">
                    </div>
                    <div style="float:right;width:50%;display: block;">
                        <span style="font-weight:bold;float:left;top:50%">Ngày giao*</span>
                        <input style="float:left;width: 100%;" class="date input_invoice" id="idreceiveddate"
                            name="receiveddate" type="text" size="10" onclick="javascript:NewCssCal('idreceiveddate')"
                            value="{_RECEIVED_DATE_}" placeholder="ngày giao">
                    </div>
                </td>
            </tr>
            <tr>
                <td style="">
                    <div style="float:right;width:100%;margin-bottom:5px;">
                        <input type="text" name="invoice_moneyrate" id="invoice_moneyrate" class="input_invoice"
                            style="width:45%;float:left;" placeholder="tỉ giá" onkeyup="return fi_doFormat(this)"
                            onchange="return invoiceCalc()" />
                        <input type="text" name="invoice_sum" id="invoice_sum" placeholder="cộng tiền hàng"
                            class="input_invoice" style="width:50%;float:right;background:#FFC;text-align:right"
                            readonly>
                    </div>
                    <div style="float:right;width:100%">
                        <input type="text" placeholder="Mã đặt" size="8" name="order_no" id="order_no" value=""
                            onfocus="this.select()" class="input_invoice" style="width:45%">
                        <input type="text" name="invoice_prepaid" id="invoice_prepaid" class="input_invoice"
                            style="width:50%;float:right;text-align: right;" placeholder="tiền đặt"
                            onkeyup="return fi_doFormat(this)">
                    </div>
                    <div style="width:100%;float:left;text-align:left;padding-top:5px"><textarea name="invoice_comment"
                            placeholder="ghi chú" id="invoice_comment" cols="" rows="5" style="width:100%"></textarea>
                    </div>
    </div>
    </td>
    </tr>
    </table>
    </div>
    <div class="pane_bottom_gap"></div>
    <div class="pane_bottom">
        <input class="buttonbig declare" type="button" id="idbuttondeclare" value="+" name="B1" style="width: 10%;"
            onclick="return menuPopupDeclare()">
        <input class="buttonbig new" type="button" id="idbuttonnew" value="Mới" name="B1" style="width: 30%;"
            onclick="return invoiceNew();" disabled>
        <input class="buttonbig share" type="button" id="idbuttonshare" value="Chia sẻ" name="B1" style="width: 30%;"
            onclick="return invoiceShare();" disabled>
        <input class="buttonbig save" type="button" id="idbuttonsave" value="Ghi" name="B1" style="width: 30%;"
            onclick="return invoiceSave()">
    </div>
</form>
<input type="hidden" id="page_initflag" value="">