<?php
/* 	
 * Author   : Dhidhik / Tanggal : 13-11-2015	
 * note     : 
 * Revisi   : 
 */
//---------Untuk privellege Print and export excel ----------//
if (isset($group_user)) {
    if ($group_user->PrintPrivillage == 1) {
        $cek_autority_print = "";
    } else {
        $cek_autority_print = "disabled";
    }

    if ($group_user->ExcelPrivillage == 1) {
        $cek_autority_excel = "";
    } else {
        $cek_autority_excel = "disabled";
    }
    if ($group_user->EditPrivillage == 1) {
        $cek_autority_edit = "";
    } else {
        $cek_autority_edit = "disabled";
    }
} else {
    $cek_autority_print = "disabled";
    $cek_autority_excel = "disabled";
    $cek_autority_edit = "disabled";
}
//---------END Untuk privellege Print and export excel ----------//
?>
<!--<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/custom/css/treetable/bootstrap.css">-->
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/custom/css/treetable/jquery.treegrid.css">
<script type="text/javascript" src="<?= base_url() ?>assets/custom/js/treetable/jquery.treegrid.bootstrap3.js"></script>
<script type="text/javascript" src="<?= base_url() ?>assets/custom/js/treetable/jquery.treegrid.js"></script>
<style type="text/css">

    .margin-left5persen{
        margin-left:5%; 
    }
    .margin-right5persen{
        margin-right:5%; 
    }
    @media print {
        .noPrint { display: none; visibility: hidden; }
        .displayPrint{
            display: inline-block;
            left: 0px;
            position: fixed;
            background-color: white;
            width: 82%;
        }
        .layout-panel-west{display: none; visibility: hidden; }
        table{
            width: 100%;
        }       
    }
    /* style sheet for "A4" printing */
    @media print and (width: 21cm) and (height: 29.7cm) {
        @page {
            margin: 3cm;
        }
    }

    /* style sheet for "letter" printing */
    @media print and (width: 8.5in) and (height: 11in) {
        @page {
            margin: 1in;
        }
    }

    /* A4 Landscape*/
    @page {
        size: A4 landscape;
    }
</style>
<div id="cc" class="easyui-layout" data-options="fit:true, border:false">
    <div id="west-panel" data-options="region:'west',split:true,border:true" class="noPrint" title="Filter" style="width:190px;background-color:#CCCCFF;padding:5px;">
        <form class="form-filter noPrint" method="post" name="formFilterAmountItem" id="formFilterAmountItem" >
            <table width="100%" cellpadding="0" cellspacing="0">
                <!-------copy company dari sini------------------------------------------------------------------------>
                <tr>
                    <td align="left" style="padding-bottom:8px;">
                        <b>by Company</b>
                    </td>
                </tr>
                <tr>
                    <td align="left">                        
                        <select name="cmb_company" id="cmb_company" 
                                class="easyui-combobox" 
                                style="width:174px;"
                                data-options="
                                value:'<?php echo $this->session->userdata('company'); ?>',
                                valueField:'CompanyCode',
                                textField:'CompanyName',
                                url:'<?php echo base_url(); ?>custom/get_data/company_find_master',
                                onSelect: function(rec){
                                var url = '<?php echo base_url(); ?>custom/get_data/branch_by_company_new/'+rec.CompanyCode;
                                $('#cmb_branch').combobox('reload', url);
                                $('#cmb_branch').combobox('setValue', '');
                                }
                                "
                                editable="true">
                        </select>
                    </td>
                </tr>
                <!---end COMPANY select--------------------------------------------------------------------- -->

                <!--ini separator-------------------------------------------->
                <tr><td colspan="2"><div class="tr-divider"></div></td></tr>
                <!--end-------------------------------------------------------->

                <!-------copy branch dari sini------------------------------------------------------------------------>
                <tr>
                    <td align="left" style="padding-bottom:8px;">
                        <b>by Branch/Depo</b>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <select name="cmb_branch" id="cmb_branch" 
                                class="easyui-combobox" 
                                style="width:174px;"  
                                data-options="
                                value :'<?php echo $this->session->userdata('branch'); ?>',
                                valueField:'BranchCode', 
                                textField:'BranchName', 
                                url:'<?php echo base_url(); ?>custom/get_data/branch_by_company_new/<?php echo $this->session->userdata('company'); ?>'
                                " editable="true">
                        </select>

                    </td>
                </tr>
                <!------------end copy branch dari sini---------------------------------------------------------------->

                <!--ini separator-------------------------------------------->
                <tr><td colspan="2"><div class="tr-divider"></div></td></tr>
                <!--end-------------------------------------------------------->

                <!-----------------find by date------------------------------------------------------------------------>
                <tr>
                    <td style="padding-bottom:8px;">
                        <b>by Date</b>
                        <input type="checkbox" name="chk_ByDateNew" value="1" id="chk_ByDateNew" style="float:right;" checked disabled />
                    </td>
                </tr>
                <tr>
                    <td>
                        From
                        <span style="float:right;">
                            <input name="txt_DateFrom" id="txt_DateFrom" type="text" class="easyui-datebox " style="width:100px;height:22px;" editable="false" disabled />
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        To
                        <span style="float:right;">
                            <input name="txt_DateTo" id="txt_DateTo" type="text" class="easyui-datebox " style="width:100px;height:22px;" editable="false" disabled />
                        </span>
                    </td>
                </tr>
                <!----------------------------------------------end-------------------------------------------------------------->

                <!--ini separator-------------------------------------------->
                <tr><td colspan="2"><div class="tr-divider"></div></td></tr>
                <!--end-------------------------------------------------------->

                <!-------copy item dari sini------------------------------------------------------------------------>
                <tr>
                    <td align="left" style="padding-bottom:8px;">
                        <b>by Item</b>
                    </td>
                </tr>
                <tr>                    
                    <td align="left">
                        <input id="txt_item" name="txt_item" placeholder="< Item Name >" style="margin:2px 0px 3px;width:100%;height:18px;border:1px solid #CCC;">
                    </td>
                </tr>
                <!------------end copy item dari sini---------------------------------------------------------------->

                <!--ini separator-------------------------------------------->
                <tr><td colspan="2"><div class="tr-divider"></div></td></tr>
                <!--end-------------------------------------------------------->

                <!----------------------------------ini by item type---------------------------------------------------------->
<!--                <tr>
                    <td style="padding-bottom:8px;">
                        <div style="float:left;"><b>by Item Type</b></div>
                        <div style="float:right;">
                            <b><input type="checkbox" name="chk_allItemType" value="all" class="chk_allItemType"
                                      onkeyup="enterCheckedItemType(event,'key','chk_allItemType')" 
                                      onclick="enterCheckedItemType(event,'click','chk_allItemType')" style="margin-left:0px;" checked/> All</b>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="chk_itemType" value="0"  class="chk_itemType_inv"
                               onkeyup="enterCheckedItemType(event,'key','chk_itemType_inv')" style="margin-left:0px;"/> Inventory
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="chk_itemType" class="chk_itemType_exp" value="1" 
                               onkeyup="enterCheckedItemType(event,'key','chk_itemType_exp')" style="margin-left:0px;"/> Expense
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="chk_itemType" class="chk_itemType_adv" value="2" 
                               onkeyup="enterCheckedItemType(event,'key','chk_itemType_adv')" style="margin-left:0px;" /> Adv. Payment
                    </td>
                </tr>-->

                <!--item Type-->
                <tr class="divItemType">
                    <td></td>
                </tr>
                <!--end item Type-->
                <!--------------------------------- end by item type----------------------------------------------------------->
                <!--ini separator-------------------------------------------->
                <tr><td colspan="2"><div class="tr-divider"></div></td></tr>
                <!--end-------------------------------------------------------->

                <!-------copy branch dari sini------------------------------------------------------------------------>
                <tr>
                    <td align="left" style="padding-bottom:8px;">
                        <b>Data in </b>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <select name="cmb_collapse" id="cmb_collapse" 
                                class="easyui-combobox" 
                                style="width:174px;"  
                                editable="false">
                            <option value="collapseAll" selected > Collapse </option>
                            <option value="expandAll"> Expand </option>
                        </select>

                    </td>
                </tr>
                <!------------end copy branch dari sini---------------------------------------------------------------->

                <!--ini separator-------------------------------------------->
                <tr><td colspan="2"><div class="tr-divider"></div></td></tr>
                <!--end-------------------------------------------------------->

                <!----------------------------------ini by status---------------------------------------------------------->

<!--                <tr>
    <td style="padding-bottom:8px;">
        <div style="float:left;"><b>by Status Item</b></div>
        <div style="float:right;">
            <b><input type="checkbox" name="chk_allTranstatus" value="all" class="chk_allTranstatus"
                onkeyup="enterCheckedTranstatus_report(event,'key','chk_allTranstatus')" 
                onclick="enterCheckedTranstatus_report(event,'click','chk_allTranstatus')" style="margin-left:0px;"/> All</b>
        </div>
    </td>
</tr>
<tr>
    <td>
        <input type="checkbox" name="chk_TransStatus" value="1" style="margin-left:0px;" class="chk_Act"
                onkeyup="enterCheckedTranstatus_report(event,'key','chk_Act')" checked/> Active
    </td>
</tr>
<tr>
    <td>
        <input type="checkbox" name="chk_TransStatus" value="3" style="margin-left:0px;" class="chk_noAct"
                onkeyup="enterCheckedTranstatus_report(event,'key','chk_noAct')" /> Non Active
    </td>
</tr>
<tr>
    <td>
        <input type="checkbox" name="chk_TransStatus" value="4" style="margin-left:0px;" class="chk_appDir"
                onkeyup="enterCheckedTranstatus_report(event,'key','chk_appDir')" /> Need App. Dir
    </td>
</tr>-->
                <tr class="divTranstatus">
                    <td></td>
                </tr>
                <!--------------------------------- end by status----------------------------------------------------------->

                <!--copy dari sini untuk button reset dan search-->
                <tr>
                    <td height="38">
                        <div style="float:right;">
                            <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'" onClick="location.reload();" >Reset</a>
                            <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onClick="searching_data_purchase_amount_item('', '');" >Search</a>
                        </div>
                    </td>
                </tr>
                <!--end copy dari sini untuk button reset dan search-------------------------->

            </table>
        </form>
    </div>

    <div data-options="region:'center',border:false,iconCls:'icon-ok'">
        <div style="padding:2px" id="form-header">
            <a href="#" class="easyui-linkbutton noPrint" data-options="plain:true,iconCls:'icon-print'" onClick="window.print_detail()" <?= $cek_autority_print ?>>Print</a>
            &nbsp;&nbsp;           
            <a href="#" class="easyui-linkbutton noPrint" data-options="plain:true,iconCls:'icon-excel'" onclick="actionExcel()" <?= $cek_autority_excel ?>>Export File </a>
            &nbsp;&nbsp;           
            <a href="#" class="easyui-linkbutton noPrint" data-options="plain:true,iconCls:'icon-reload'" onclick="location.reload();">Refresh</a>
        </div><br />
        <div id="databox" class="displayPrint">

        </div>	
    </div>

</div>

<script type="text/javascript">
    var shortingText = "";
    var rstTypeShorting = "ASC";
    var pre_url = base_url + 'report/index_purchase/pre_ajax_reloadDataPurchaseAmountItem';
    var url = base_url + 'report/index_purchase/ajax_reloadDataPurchaseAmountItem';
    var dataSend = {};
    var noTree = 1;
    var noUrutItem = 1;
    var stringHTML = "";
    var pages = {limit: limitRowInPage(), pages: 1};
    var tempArSumm = [];
    function variableDefault() {
        shortingText = "";
        rstTypeShorting = "ASC";
        dataSend = {};
        noTree = 1;
        noUrutItem = 1;
        stringHTML = "";
        pages['pages'] = 1;
        tempArSumm = [];
    }

    function checkShorting(txtCheckShorting) {
        if (shortingText == txtCheckShorting) {
            rstTypeShorting == "DESC" ? rstTypeShorting = "ASC" : rstTypeShorting = "DESC";
        } else {
            rstTypeShorting = "ASC";
            shortingText = txtCheckShorting;
        }
        //alert("cek="+txtCheckShorting+"-"+rstTypeShorting);
        return rstTypeShorting;
    }
    function startLoad() {
        //========load tanggal=============//
        $('#txt_DateFrom').datebox('enable', true);
        $('#txt_DateTo').datebox('enable', true);

        if ($('#txt_DateFrom').datebox('getValue') == "" || $('#txt_DateFrom').datebox('getValue') == undefined) {
            $('#txt_DateFrom').datebox('setValue', '<?= date('01-m-Y') ?>');
            $('#txt_DateTo').datebox('setValue', 'today');
        }
        //========END load tanggal=============//        

        var searchParameter = {};

        if ($('#cmb_company').length > 0) {
            searchParameter['cmb_company'] = $('#cmb_company').combobox('getValue');
        }
        if ($('#cmb_branch').length > 0) {
            searchParameter['cmb_branch'] = $('#cmb_branch').combobox('getValue');
        }

        //=======end itemType ==============//
        searchParameter['chk_itemType'] = new Array();
        $.each($('input[name="chk_itemType"]:checked'), function () {
            searchParameter['chk_itemType'].push($(this).val());
        });
        //=======end itemType ==============//

        //=======end transtatus ==============//
        searchParameter['chk_TransStatus'] = new Array();
        $.each($('input[name="chk_TransStatus"]:checked'), function () {
            searchParameter['chk_TransStatus'].push($(this).val());
        });
        //=======end transtatus ==============//

        if ($('#txt_DateFrom').length > 0) {
            searchParameter['txt_DateFrom'] = $('#txt_DateFrom').datebox('getValue');
            searchParameter['txt_DateTo'] = $('#txt_DateTo').datebox('getValue');
        }

        return searchParameter;
    }
    $(document).ready(function () {
        //============= itemtype ========================//
        var listItemType = [
            {"status": "all", "checked": "checked"},
            {"status": "inv", "checked": "checked"},
            {"status": "exp", "checked": "checked"},
            {"status": "adv", "checked": "checked"}
        ];//daftar Transtatus yang dipakai, value parameter nya liat di custom js
        toHTMLItemTypeReport("divItemType", listItemType);//untuk memanggil html Transtatus        
        //============= end itemtype ========================//
        //============= transtatus ========================//
        var listTrans = [
            {"status": "all", "checked": ""},
            {"status": "master_active", "checked": "checked"},
            {"status": "master_nonactive", "checked": ""},
            {"status": "master_app_dir", "checked": ""}
        ];//daftar Transtatus yang dipakai, value parameter nya liat di custom js
        toHTMLTranstatusReport("divTranstatus", listTrans);//untuk memanggil html Transtatus        
        //============= end transtatus ========================//

        startLoad();//Load awal
        /*===chk_ByDateNew jangan lupa ganti ============*/
        $('#chk_ByDateNew').click(function () {
            if ($(this).is(':checked')) {
                $('#txt_DateFrom').datebox('enable', true);
                $('#txt_DateTo').datebox('enable', true);
                $('#txt_DateFrom').datebox('setValue', '<?= date('01-m-Y') ?>');
                $('#txt_DateTo').datebox('setValue', 'today');
            }
            else {
                $('#txt_DateFrom').datebox('disable', true);
                $('#txt_DateTo').datebox('disable', true);
                $('#txt_DateFrom').datebox('setValue', '');
                $('#txt_DateTo').datebox('setValue', '');
            }

        });
        /*==================end=========================*/

    });

    function searching_data_purchase_amount_item(txtTable, txtFieldShorting) {//(namaVariableTabelDiModel, namaField)
        variableDefault();
        var getValue = startLoad();
        var typeShorting = checkShorting(txtFieldShorting);
        var dataIn = $('#cmb_collapse').combobox('getValue');

        dataSend = {
            pages: pages,
            predata: [],
            cmb_company: getValue['cmb_company'] == undefined ? "" : getValue['cmb_company'],
            cmb_branch: getValue['cmb_branch'] == undefined ? "" : getValue['cmb_branch'],
            txt_item: document.formFilterAmountItem.txt_item.value,
            txt_DateFrom: getValue['txt_DateFrom'],
            txt_DateTo: getValue['txt_DateTo'],
            chk_TransStatus: getValue['chk_TransStatus'],
            chk_itemType: getValue['chk_itemType'],
            txtTable: txtTable,
            txtField: txtFieldShorting,
            typeShorting: typeShorting,
            dataIn: dataIn
        };
        if ($('#cmb_branch').combobox('getValue') == undefined) {
            $('#cmb_branch').combobox('clear');
			var strAlert = strMessageAlert_report('branchIsEmpty');
            messageAlertBiasa('Warning', strAlert, 'error');
        }
        else if ($('#cmb_company').combobox('getValue') == undefined) {
            $('#cmb_company').combobox('clear');
            var strAlert = strMessageAlert_report('companyIsEmpty');
            messageAlertBiasa('Warning', strAlert, 'error');
        }
        else if (strDateIndToEng(dataSend['txt_DateFrom']) > strDateIndToEng(dataSend['txt_DateTo'])) {
            var strAlert = strMessageAlert_report('dateFrom>dateTo');
            messageAlertBiasa('Warning', strAlert, 'error');
        } else {
            modal_open('Progress Bar', 'dlg_loading');            
            $.post(pre_url, dataSend).done(function (pre_result) {//preAjax
//                var stringHTML = "";   // untuk menyimpan yang akan ditampilkan ke layar
                var preResult = JSON.parse(pre_result);
                //Array Pre_result diambil code nya saja
                var dataTopHeader = {
                    CompanyName: preResult.company.CompanyName,
                    BranchName: preResult.company.BranchName == undefined || preResult.company.BranchName == "" ? "All Branch" : preResult.company.BranchName,
                    reportLabel: " Purchase Amount By Item ",
                    startdate: preResult.startdate,
                    enddate: preResult.enddate,
                    colspan: 12
                };
                stringHTML += tableHTMLTopHeaderReport(dataTopHeader);//topHeader   

                if (preResult.datas != 0) {//jika pre ajax data ada 
                    var pre_arData = [];
                    preResult.datas.forEach(function (pre_dtResults) {//untuk mempersiapkan pre Array utk search
                        var pre_code = pre_dtResults['code'];
                        pre_arData.push(pre_code);
                    });
                    dataSend['predata'] = pre_arData;//isi preArray dengan value baru

                    $.post(url, dataSend).done(function (result) {
                        var parseResult = JSON.parse(result);
                        var arTempDatas = []; 
                        
                        //=== JIKA DATA DITEMUKAN ========================================//
                        if (parseResult.datas != 0) {                            
                            arTempDatas = prepareReport(parseResult);
                            stringHTML += createReport(arTempDatas);
                            pages['pages'] = (pages['pages'] * 1) + 1;  
                        }//=== END JIKA DATA DITEMUKAN ===================================//
                        else {
                            stringHTML += tableHTMLNotFound();
                        }
                        //console.log("arTempDatas="+JSON.stringify(arTempDatas));
                        $("#databox").html(stringHTML);
                        modal_close('dlg_loading');
                    }, 'json');
                } else {
                    stringHTML += tableHTMLNotFound();
                    $("#databox").html(stringHTML);
                    modal_close('dlg_loading');
                }
            }, 'json');            
        }
    }

    function print_detail() {
        //var opt_print   = $("input[type='radio'][name='opt_print']:checked").val();
        var data_print = $("#databox").html();
        Popup(data_print);

    }
    function Popup(data) {
        var mywindow = window.open('', 'print-container', 'height=528,width=700');
        //var css = '<link rel="stylesheet" href="<?php echo base_url() ?>assets/custom/css/print.css" type="text/css" />';css
        var css = '<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/custom/css/treetable/jquery.treegrid.css">';
        var varCSS = "<style>table{width: 100%;"
                + "font-family: 'Times New Roman';"
                + "font-size: small;"
                + "}"
                + ".thead{border:1px solid #333333;} .margin-left5persen{margin-left:0px;} .margin-right5persen{margin-right:0px;}"
                + ".table-summary{width:auto;}</style>";
        mywindow.document.write('<html><head><title>Print Detail</title>');
        mywindow.document.write(css);
        mywindow.document.write(varCSS);
        mywindow.document.write('</head><body >');
        mywindow.document.write(data);
        mywindow.document.write('</body></html>');

        mywindow.document.close(); // necessary for IE >= 10
        mywindow.focus(); // necessary for IE >= 10

        mywindow.print();
        mywindow.close();

        return true;
    }
    function actionExcel() {
        var htmls = "";
        var delRow = "";
        htmls = $('#databox').html();
        htmls = htmls.replace(/<table border='0' /gi, "<table border='1' ");
        htmls = htmls.replace(/<table border="0" /gi, "<table border='1' ");
        htmls = htmls.replace(/border='0'/gi, " ");
        htmls = htmls.replace(/'s0 text-center'/gi, "'s0 text-center' style='font-size:7;text-align: center;font-weight: bold;' ");
        htmls = htmls.replace(/'s1 text-center'/gi, "'s1 text-center' style='font-size:9;text-align: center;font-weight: bold;' ");
        htmls = htmls.replace(/'s2'/gi, "'s2' style='text-align: center;font-weight: bold;' ");
        htmls = htmls.replace(/id='tableHeader'/gi, " style='-webkit-print-color-adjust:exact;background-color:#d5d5d5;' ");
        htmls = htmls.replace(/<script/gi, " ");
        delRow = ">$(document).ready(function () {    $('.tree-2').treegrid({        expanderExpandedClass: ' treegrid-expander-expanded ',        expanderCollapsedClass: 'treegrid-expander-collapsed'    });    $('.tree-2').treegrid('";
        htmls = htmls.replace(delRow, " ");
        delRow = "collapseAll');});</";
        htmls = htmls.replace(delRow, " ");
        delRow = "expandAll');});</";
        htmls = htmls.replace(delRow, " ");
        htmls = htmls.replace(/script>/gi, " ");
        delRow = '';
        htmls = htmls.replace(/display: none;/gi, " ");

//        delRow="<tr>"
//            +"<td class='s5' align='right' colspan='8'><hr></td>"
//            +"</tr>";
//        htmls = htmls.replace(delRow, " ");
        console.log("htmls = " + htmls);
        exportToExcel(htmls);
    }

    function prepareReport(parseResult) {
        var tempItemCode = "";
        var arTempDatas = [];
        // === LOOP PEMBACAAN DATA ===================================//
        parseResult.datas.forEach(function (dtResults) {
            if (tempItemCode == "") {//PEMBACAAN DATA PERTAMA KALI
                tempItemCode = dtResults.ItemCode;
                var dataJSONLevel1_2 = arJSONLevel1_2(dtResults);
                arTempDatas.push(dataJSONLevel1_2);
            }
            else {//PEMBACAAN DATA UNTUK DATA SETERUSNYA
                var indexItemCode = cekArraySummary(arTempDatas, "ItemCode", dtResults.ItemCode);//mendapatkan index array item
                if (indexItemCode > -1) {//jika item ditemukan data yg sama
                    var dataJSONLevel2 = arJSONLevel2(dtResults);
                    dtResults.CurrencyCode != "IDR" ? arTempDatas[indexItemCode]['TotalAmount'] = (arTempDatas[indexItemCode]['TotalAmount'] * 1) + ((dtResults.ItemAmount * 1) * dtResults.CurrencyRate * 1) : arTempDatas[indexItemCode]['TotalAmount'] = (arTempDatas[indexItemCode]['TotalAmount'] * 1) + (dtResults.ItemAmount * 1);
                    //arTempDatas[indexItemCode]['TotalAmount'] =(arTempDatas[indexItemCode]['TotalAmount']*1) +(dtResults.ItemAmount*1);
                    arTempDatas[indexItemCode]['TotalQty'] = (arTempDatas[indexItemCode]['TotalQty'] * 1) + (dtResults.ItemQty * 1);

                    arTempDatas[indexItemCode]['TotalReturnQty'] = (arTempDatas[indexItemCode]['TotalReturnQty'] * 1) + (dtResults.ReturnQty * 1);
                    //arTempDatas[indexItemCode]['TotalQtyBookReturn'] =(arTempDatas[indexItemCode]['TotalQtyBookReturn']*1) +(dtResults.QtyBookReturn*1);
                    arTempDatas[indexItemCode]['TotalAmountReturn'] = (arTempDatas[indexItemCode]['TotalAmountReturn'] * 1) + (dataJSONLevel2['subTotReturn'] * 1);
                    //arTempDatas[indexItemCode]['TotalAmountReturnNotApp'] =(arTempDatas[indexItemCode]['TotalAmountReturnNotApp']*1) +(dataJSONLevel2['subTotReturnNotApp']*1);
                    arTempDatas[indexItemCode]['data'].push(dataJSONLevel2);
                    //console.log('indexSICode='+indexSICode);
                } else {
                    var dataJSONLevel1_2 = arJSONLevel1_2(dtResults);
                    arTempDatas.push(dataJSONLevel1_2);
                }
            }//END PEMBACAAN DATA UNTUK DATA SETERUSNYA
        });
        // === END LOOP PEMBACAAN DATA ============================/    
        return arTempDatas;
    }
    function createReport(arTempDatas) {
        var tempStringHtml = "";
        tempStringHtml += createRowReport(arTempDatas);
        tempStringHtml += tableHTMLBlankForNext();
        tempStringHtml += "</table><script>"
                + "$(document).ready(function () {"
                + "    $('.tree-2').treegrid({"
                + "        expanderExpandedClass: ' treegrid-expander-expanded ',"
                + "        expanderCollapsedClass: 'treegrid-expander-collapsed'"
                + "    });"
                + "    $('.tree-2').treegrid('" + dataSend['dataIn'] + "');"
                + "});"
                + "</script" + ">";

//        tempStringHtml += summaryHTMLAll(" ALL ITEM ", "left", tempArSumm);
        tempStringHtml += stringLegend();
        return tempStringHtml;
    }
    function createRowReport(arTempDatas) {
        var tempStringHtml = ""; 
        if(tempArSumm['footer']==undefined ||tempArSumm['footer']!='yes'){            
            tempArSumm = {
                footer:"yes",
                tempTotalQ: 0,
                tempTotalQR: 0,
                tempTotalAR: 0,
                tempTotalAmount: 0
            };
        }        
        //MULAI LOOP
        arTempDatas.forEach(function (arData) {//MULAI LOOP UNTUK DAPAT NAMA CUSTOMER
            noUrutItem == 1 ? tempStringHtml += tableHTMLHeader() : "";//membuat tabel header
//            tempStringHtml += tableHTMLHeader();
            var noUrutSI = 1;
            var parentItem = noTree;
            tempStringHtml += tableHTMLContentFirst(noTree, noUrutItem, arData);
            noTree++;
            //===sumarry total per customer=====================//
            tempArSumm['tempTotalQ'] = (tempArSumm['tempTotalQ'] * 1) + (arData.TotalQty * 1);
            tempArSumm['tempTotalQR'] = (tempArSumm['tempTotalQR'] * 1) + (arData.TotalReturnQty * 1);
            tempArSumm['tempTotalAR'] = (tempArSumm['tempTotalAR'] * 1) + (arData.TotalAmountReturn * 1);
            tempArSumm['tempTotalAmount'] = (tempArSumm['tempTotalAmount'] * 1) + (arData.TotalAmount * 1);
            //===end sumarry total per customer================//
            arData['data'].forEach(function (arDataSI) {//MULAI LOOP UNTUK DAPAT NAMA SALES INVOICE  
//                tempStringHtml += tableHTMLContentOther(noTree, parentItem, noUrutSI, arDataSI);
                tempStringHtml += tableHTMLContentOther(noTree, parentItem, noUrutSI, arDataSI);
                noTree++;
                noUrutSI++;
            });//END MULAI LOOP UNTUK DAPAT NAMA SALES INVOICE
            noUrutItem++;
        });
        //END MULAI LOOP        
        tempStringHtml +=""+ tableHTMLFooterSummary(tempArSumm);//MEMBUAT FOOTER SUMARY
        return tempStringHtml;
    }
    function seeMore() {
        modal_open('Progress Bar', 'dlg_loading');
        $.post(pre_url, dataSend).done(function (pre_result) {//preAjax
            var preResult = JSON.parse(pre_result);
//            dataSend['predata'] = preResult.datas;
            if (preResult.datas != 0) {//jika pre ajax data ada                 
                //Array Pre_result diambil code nya saja
                var pre_arData = [];
                preResult.datas.forEach(function (pre_dtResults) {
                    var pre_code = pre_dtResults['code'];
                    pre_arData.push(pre_code);
                });
                dataSend['predata'] = pre_arData;//isi preArray dengan value baru
                //End Array Pre_result diambil code nya saja

                var prearTempDatas = [];
                var pre_stringHTML = "";
                $.post(url, dataSend).done(function (result) {//loadAjax
                    var parseResult = JSON.parse(result);
                    if (parseResult.datas != 0) {
                        //console.log("arTempDatas="+JSON.stringify(arTempDatas)); 
                        $("#footerSumAll_hr").replaceWith("");
                        $("#footerSumAll_row").replaceWith("");     
                        prearTempDatas = prepareReport(parseResult);
                        pre_stringHTML += createRowReport(prearTempDatas);
                        pre_stringHTML += tableHTMLBlankForNext();
                        pages['pages'] = (pages['pages'] * 1) + 1;       
                        
                        $("#tr-see-more").replaceWith("");//clear row button 
                        $("#rowBlankForNext").replaceWith(pre_stringHTML);//mengganti row blank dengan ros data page baru
//                        $("#tableSumAll").replaceWith(summaryHTMLAll(" ALL ITEM ", "left", tempArSumm));
                        var htmlDataBox = $("#databox").html();//mengambil html pada div #databox yg data sudah baru
                        $("#databox").html(htmlDataBox);//mengisi kembali div #databox agar Tree-nya dapat work                      
                    } else {
                        $("#btn-see-more").prop("disabled", true);
                        $("#btn-see-more").val("Data Completed");
                    }
                    modal_close('dlg_loading');
                }, 'json');
            } else {
                $("#btn-see-more").prop("disabled", true);
                $("#btn-see-more").val("Data Completed");
                modal_close('dlg_loading');
            }
        }, 'json');
    }
    function tableHTMLNotFound() {
        var strHeader = "<tr><td colspan='12' class='s3' align='left'><b><u>_____</u></b></td></tr>"
                + "<tr id='tableHeader'>"//baris heading table
                + "<td width='' class='s4 text-left'><span class='small_bold' >No</span></td>"
                + "<td width='' class='s4 text-center'><span class='small_bold'>Code</span></td>"
                + "<td width='' class='s4 text-left'><span class='small_bold'>Date</span></td>"
                + "<td width='' class='s4 text-center'><span class='small_bold'>No.Transaction</span></td>"
                + "<td width='' class='s4 text-left'><span class='small_bold'>Rate</span></td>"
                + "<td width='' class='s4 text-left'><span class='small_bold'>Price</span></td>"
                + "<td width='' class='s4 text-left'><span class='small_bold'>Qty</span></td>"
                + "<td width='' class='s4 text-left'><span class='small_bold'>Unit</span></td>"
                + "<td width='' class='s4 text-left'><span class='small_bold'>Qty Return<br>App</span></td>"
//                + "<td width='' class='s4 text-left'><span class='small_bold'>Return<br>Not App</span></td>"
                + "<td width='' class='s4 text-left'><span class='small_bold'>Amount<br>Return</span></td>"
//                + "<td width='' class='s4 text-left'><span class='small_bold'>Amount<br>Return<br>Not App(Rp)</span></td>"
                + "<td width='' class='s4 text-right'><span class='small_bold' >Amount</span></td>"
                + "<td width='' class='s4 text-left'><span class='small_bold' >Status</span></td>"
                + "</tr>"
                + "<tr>"
                + "<td width='' class='s5 text-center' colspan='12' align='center'><span class='small_bold' >Data Not Found</span></td>"
                + "</tr></table>";
        return strHeader;
    }
    function tableHTMLHeader() {
        var strHeader = "<tr><td colspan='12'> </td></tr><tr><td colspan='12'> </td></tr>"
                //+"<tr><td colspan='7' class='s3' align='left'><a href='#'onclick=\"parent.tab_edit('Edit Item', 'list/item', 'icon-edit', 'edit', '" + data.ItemCode + "')\" <?= $cek_autority_edit ?>><u><b>[" + data.ItemCode + "] </b> - " + data.ItemDesc + "</u></a></td></tr>"
                + "<tr id='tableHeader'>"//baris heading table
                + "<td style='width:auto !important;' class='s4'><span class='small_bold' >No</span></td>"
                + "<td width='80' class='s4 linkParentTab' style='cursor:pointer;' onclick=\"searching_data_purchase_amount_item('at_pinvdetail','ItemCode');\"><span class='small_bold'>Code Item</span></td>"
                + "<td width='80' class='s4 linkParentTab' style='cursor:pointer;' onclick=\"searching_data_purchase_amount_item('at_purchaseinvoice','PInvDate');\"><span class='small_bold'>Date</span></td>"
                + "<td width='' class='s4 linkParentTab' style='cursor:pointer;' onclick=\"searching_data_purchase_amount_item('at_purchaseinvoice','PInvNumber');\"><span class='small_bold'>No.Transaction</span></td>"
                + "<td width='' class='s4' align='right'><span class='small_bold'>Rate</span></td>"//Rate
                + "<td width='' class='s4' align='right'><span class='small_bold'>Price</span></td>"//Price
                + "<td width='' class='s4 linkParentTab' align='right' style='cursor:pointer;' onclick=\"searching_data_purchase_amount_item('at_pinvdetail','ItemQty');\"><span class='small_bold'>Qty</span></td>"
                + "<td width='' class='s4 linkParentTab' align='right' style='cursor:pointer;' onclick=\"searching_data_purchase_amount_item('at_pinvdetail','ItemUnit');\"><span class='small_bold'>Unit</span></td>"
                + "<td width='' class='s4' align='right'><span class='small_bold'>Qty Return<br>App</span></td>"
                //+ "<td width='' class='s4' align='right'><span class='small_bold'>Return <br>NotApp</span></td>"
                + "<td width='' class='s4' align='right'><span class='small_bold'>Amount<br>Return</span></td>"
                //+ "<td width='' class='s4' align='right'><span class='small_bold'>Amount<br>Return<br>NotApp</span></td>"
                + "<td width='' class='s4 linkParentTab' align='right' style='cursor:pointer;' onclick=\"searching_data_purchase_amount_item('at_pinvdetail','ItemAmount');\"><span class='small_bold'>Amount</span></td>"
                + "<td width='' class='s4 linkParentTab' align='right' style='cursor:pointer;' onclick=\"searching_data_purchase_amount_item('at_purchaseinvoice','TransStatus');\"><span class='small_bold' >Status</span></td>"
                + "</tr>";
        return strHeader;
    }
    function tableHTMLContentFirst(noTree, noUrut, data) {
        var strContent = "<tr class='treegrid-" + noTree + "' style='-webkit-print-color-adjust:exact;background-color:#F4F4FF;font-weight: bold;'>"
                + "<td width='' class='s5'><span class='small_bold' >" + noUrut + "</span></td>"
                + "<td width='' class='s5' colspan='4'><span class='small_bold' ><a class='linkParentTab' href='#'onclick=\"parent.tab_edit('Edit Item', 'list/items', 'icon-edit', 'edit', '" + data.ItemCode + "')\" <?= $cek_autority_edit ?>><b>[" + data.ItemCode + "] </b> - " + data.ItemDesc + "</a></span></td>"

//                + "<td width='' class='s5' align='right'><span class='small_bold' ></span></td>"//rate
                + "<td width='' class='s5' align='right'><span class='small_bold' ></span></td>"//price
                + "<td width='' class='s5' align='right'><span class='small_bold' >" + formatRp(data.TotalQty) + "</span></td>"
                + "<td width='' class='s5' align='right'><span class='small_bold' ></span></td>"//unit
                + "<td width='' class='s5' align='right'><span class='small_bold' >" + formatRp(data.TotalReturnQty) + "</span></td>"//qtyRet
                //+ "<td width='' class='s5' align='right'><span class='small_bold' >"+formatRp(data.TotalQtyBookReturn)+"</span></td>"
                + "<td width='' class='s5' align='right'><span class='small_bold' >Rp. " + formatRp(data.TotalAmountReturn) + "</span></td>"//
                //+ "<td width='' class='s5' align='right'><span class='small_bold' >"+formatRp(data.TotalAmountReturnNotApp)+"</span></td>"
                + "<td width='' class='s5' align='right'><span class='small_bold' >Rp. " + formatRp(data.TotalAmount) + "</span></td>"
                + "<td width='' class='s5' align='right'><span class='small_bold' >" + data.itemTransStatus + "</span></td>"
                + "</tr>";
        return strContent;
    }
    function tableHTMLContentOther(noTree, noTreeParent, noUrut, data) {
        var strContent = "";
        strContent = "<tr  class='treegrid-" + noTree + " treegrid-parent-" + noTreeParent + "' style='-webkit-print-color-adjust:exact;background-color:#EAFFFB;'>"
                + "<td width='' class='s5'><span class='small_bold' >" + noUrut + "</span></td>"
                + "<td width='' class='s5'><span class='small_bold' ></span></td>"
                + "<td width='' class='s5'><span class='small_bold' >" + data.PInvDate + "</span></td>"
                + "<td width='' class='s5'><span class='small_bold' ><a class='linkParentTab' href=\"#\" onclick=\"parent.tab_edit('Purchase Invoices','list/purchases_invoice', 'icon-edit', 'edit', '" + data.PInvNumber + "')\" <?= $cek_autority_edit ?>>" + data.PInvNumber + "</a></span></td>"

//                + "<td width='' class='s5' align='right'><span class='small_bold'>";
//        data.CurrencyCode != "IDR" ? strContent += formatRp(data.ItemAmount) : strContent += "-";
//        strContent += "</span></td>"

                + "<td width='' class='s5' align='right'><span class='small_bold'>";
        data.CurrencyCode != "IDR" ? strContent += formatRp(data.CurrencyRate) : strContent += "1";
        strContent += "</span></td>"//Rate

                + "<td width='' class='s5' align='right'><span class='small_bold'>" + data.CurrencySymbol + " " + formatRp(data.ItemPrice) + "</span></td>"//price
                + "<td width='' class='s5' align='right'><span class='small_bold'>" + formatRp(data.ItemQty) + "</span></td>"//qty
                + "<td width='' class='s5' align='right'><span class='small_bold' >" + data.ItemUnit + "</span></td>"//unit
                + "<td width='' class='s5' align='right'><span class='small_bold'>" + formatRp(data.ReturnQty) + "</span></td>"//qtyRet
                //+ "<td width='' class='s5' align='right'><span class='small_bold'>"+formatRp(data.QtyBookReturn)+"</span></td>"
                + "<td width='' class='s5' align='right'><span class='small_bold'>Rp. " + formatRp(data.subTotReturn) + "</span></td>"//amountRet
                //+ "<td width='' class='s5' align='right'><span class='small_bold'>"+formatRp(data.subTotReturnNotApp)+"</span></td>"

                + "<td width='' class='s5' align='right'><span class='small_bold'>Rp. ";
        data.CurrencyCode != "IDR" ? strContent += formatRp(data.ItemAmount * data.CurrencyRate) : strContent += formatRp(data.ItemAmount);
        strContent += "</span></td>"//Amount
                + "<td width='' class='s5' align='right'><span class='small_bold' >" + data.TransStatus + "</span></td>"
                + "</tr>";
        return strContent;
    }
    function tableHTMLFooter() {
        var strFooter = "<tr>"
                + "<td class='s5' align='right' colspan='12'><hr class='hrTableSummary'></td></tr>";
        return strFooter;
    }
    function tableHTMLFooterSummary(data) {//,QBR,ARNotApp,
        var strFooter = "<tr id='footerSumAll_hr'>"
                + "<td class='s5' align='right' colspan='12'><hr class='hrTableSummary' style='size:3px;'></td></tr>"
                + "<tr id='footerSumAll_row'><td class='s5' align='right' colspan='6'><b>TOTAL : </b></td>"
                + "<td width='' class='s5' align='right'><span class='small_bold' ><b>" + formatRp(data['tempTotalQ']) + "</b></span></td>"
                + "<td width='' class='s5' align='right'><span class='small_bold'><b></b></span></td>"//unit
                + "<td width='' class='s5' align='right'><span class='small_bold' ><b>" + formatRp(data['tempTotalQR']) + "</b></span></td>"
                //+ "<td width='' class='s5' align='right'><span class='small_bold' ><b>"+formatRp(QBR)+"</b></span></td>"
                + "<td width='' class='s5' align='right'><span class='small_bold'><b>Rp. " + formatRp(data['tempTotalAR']) + "</b></span></td>"
                //+ "<td width='' class='s5' align='right'><span class='small_bold'><b>"+formatRp(ARNotApp)+"</b></span></td>"
                + "<td width='' class='s5' align='right'><span class='small_bold'><b>Rp. " + formatRp(data['tempTotalAmount']) + "</b></span></td></tr>";
        return strFooter;
    }
    function tableHTMLBlankForNext() {
        var strFooter = "<tr id='rowBlankForNext'>"
                + "<td class='s5' align='right' colspan='10'></td></tr>";
        strFooter += "<tr id='tr-see-more'><td colspan='5'><br><br><input id='btn-see-more' name='btn-see-more' type='button' onclick='seeMore()' value=' See More ' style='cursor:pointer;'></td></tr>";

        return strFooter;
    }
    function summaryHTMLAll(label, alignTo, datas) {
        //console.log('datas='+datas);
        var strHeader = "<table align='" + alignTo + "' cellpadding='5' cellspacing='0' class='margin-" + alignTo + "5persen table-summary' style='margin-bottom:80px;'>"
                + "<tr id='tableHeader'>"
                + "<td width='' class='s4 text-center' colspan='7' align='center'><span class='small_bold' >Summary <u>" + label + "</u></span></td>"
                + "</tr>"
                + "<tr id='tableHeader'>"
                + "<td width='' class='s4 ' align='left'><span class='small_bold' >No</span></td>"
                + "<td width='' class='s4 ' align='left'><span class='small_bold' >Nama Item</span></td>"
                + "<td width='' class='s4 ' align='left'><span class='small_bold' >Qty </span></td>"
                + "<td width='' class='s4 ' align='right'><span class='small_bold' >Qty Return</span></td>"
                + "<td width='' class='s4 ' align='right'><span class='small_bold' >Qty Return Non App</span></td>"
                + "<td width='' class='s4 ' align='right'><span class='small_bold' >Amount Return</span></td>"
                + "<td width='' class='s4 ' align='right'><span class='small_bold' >Amount Return NotApp</span></td>"
                + "<td width='' class='s4 ' align='right'><span class='small_bold' >Amount</span></td>"
                + "</tr>";
        var rowNo = 1;
        var q = 0, qr = 0, qbr = 0, ar = 0, arnotapp = 0, amount = 0;
        datas.forEach(function (data) {
            strHeader += "<tr>"
                    + "<td class='s5 text-left'><span class='small_bold' >" + rowNo + "</span></td>"
                    + "<td class='s5' align='left'><span class='small_bold' >" + data['itemDesc'] + "</span></td>"
                    + "<td class='s5' align='right'><span class='small_bold' >" + formatRp(data['TotalQ']) + "</span></td>"
                    + "<td class='s5' align='right'><span class='small_bold' >" + formatRp(data['TotalQR']) + "</span></td>"
                    + "<td class='s5' align='right'><span class='small_bold' >" + formatRp(data['TotalQBR']) + "</span></td>"
                    + "<td class='s5' align='right'><span class='small_bold' >" + formatRp(data['TotalAR']) + "</span></td>"
                    + "<td class='s5' align='right'><span class='small_bold' >" + formatRp(data['TotalARNotApp']) + "</span></td>"
                    + "<td class='s5' align='right'><span class='small_bold' >" + formatRp(data['TotalAmount']) + "</span></td>"
                    + "</tr>";
            q = (q * 1) + (data['TotalQ'] * 1);
            qr = (qr * 1) + (data['TotalQR'] * 1);
            qbr = (qbr * 1) + (data['TotalQBR'] * 1);
            ar = (ar * 1) + (data['TotalAR'] * 1);
            arnotapp = (ar * 1) + (data['TotalAR'] * 1);
            amount = (amount * 1) + (data['TotalAmount'] * 1);
            rowNo++;
        });
        strHeader += "<tr><td colspan='8'><hr></td></tr>"
                + "<tr>"
                + "<td class='s5' align='right' colspan='2'><span class='small_bold' >Total : </span></td>"
                + "<td class='s5' align='right'><span class='small_bold' >" + formatRp(q) + "</span></td>"
                + "<td class='s5' align='right'><span class='small_bold' >" + formatRp(qr) + "</span></td>"
                + "<td class='s5' align='right'><span class='small_bold' >" + formatRp(qbr) + "</span></td>"
                + "<td class='s5' align='right'><span class='small_bold' >" + formatRp(ar) + "</span></td>"
                + "<td class='s5' align='right'><span class='small_bold' >" + formatRp(arnotapp) + "</span></td>"
                + "<td class='s5' align='right'><span class='small_bold' >" + formatRp(amount) + "</span></td>"
                + "</tr>";

        strHeader += "</table>";
        return strHeader;
    }

    function arJSONLevel1_2(dtResults) {
        var tempData = {
            ItemCode: dtResults.ItemCode,
            ItemDesc: dtResults.ItemDesc,
            TotalReturnQty: 0,
            TotalAmountReturn: 0,
            TotalAmount: 0,
            TotalQty: 0,
            TransStatus: get_status(dtResults.TransStatus),
            itemTransStatus: dtResults.itemTransStatus == 1 ? "Active" : "Non Active",
            data: []
        };
        var arData = arJSONLevel2(dtResults);
        tempData['data'].push(arData);
        
        dtResults.CurrencyCode != "IDR" ? tempData['TotalAmount'] = (tempData['TotalAmount'] * 1) + ((dtResults.ItemAmount * 1) * dtResults.CurrencyRate * 1) : tempData['TotalAmount'] = (tempData['TotalAmount'] * 1) + (dtResults.ItemAmount * 1);
        tempData['TotalQty'] = (tempData['TotalQty'] * 1) + (dtResults.ItemQty * 1);
        tempData['TotalReturnQty'] = (tempData['TotalReturnQty'] * 1) + (dtResults.ReturnQty * 1);
        tempData['TotalAmountReturn'] = (tempData['TotalAmountReturn'] * 1) + ((dtResults.ReturnQty * dtResults.ItemPrice) * dtResults.CurrencyRate * 1);
        
        return tempData;
    }
    function arJSONLevel2(dtResults) {
        var tempData = {
            PInvDetailID: dtResults.PInvDetailID,
            PInvDate: dateSqlToIndo(dtResults.PInvDate),
            PInvNumber: dtResults.PInvNumber,
            ItemQty: dtResults.ItemQty,
            ItemUnit: dtResults.ItemUnit,
            ItemAmount: dtResults.ItemAmount,
            ItemCategoryCode: dtResults.ItemCategoryCode,
            ItemCategoryID: dtResults.ItemCategoryID,
            CurrencyCode: dtResults.CurrencyCode,
            CurrencyRate: dtResults.CurrencyRate,
            CurrencySymbol: dtResults.CurrencySymbol,
            ReturnQty: dtResults.ReturnQty,
            ItemPrice: dtResults.ItemPrice,
            subTotReturn: (dtResults.ReturnQty * dtResults.ItemPrice) * dtResults.CurrencyRate,
            TransStatus: get_status(dtResults.TransStatus)
        };
//        console.log("dtResults.TransStatus="+dtResults.TransStatus);
        return tempData;
    }
    function stringLegend() {
        var strLgnd = {
            marginLeft: '2%',
            datas: [
                {boxColor: '#F4F4FF', strLabel: "Data Items"},
                {boxColor: '#EAFFFB', strLabel: "Data Purchase Invoices"},
                {boxColor: '', strLabel: "'Date' : Tanggal Transaksi."},
                {boxColor: '', strLabel: "'No.Transaction' : Nomor Transaksi."},
                {boxColor: '', strLabel: "'Rate' : Currency Rate, yang akan bernilai 1 jika ber-currency 'IDR'."},
                {boxColor: '', strLabel: "'Price' : Harga Satuan Item, sudah termasuk 'Inclusive Tax' dan Discont Item (jika ada)."},
                {boxColor: '', strLabel: "'Qty' : Banyak Item."},
                {boxColor: '', strLabel: "'Unit' : Satuan Item."},
                {boxColor: '', strLabel: "'Return App' : Banyak Item yang di Retur yang 'Telah di Approve'."},
//                {boxColor:'',strLabel:"'Return NotApp' : Banyak Item yang di Retur namun 'Belum di Approve'."},
                {boxColor: '', strLabel: "'Amount Return (Rp)' : Jumlah Nominal Rupiah dari item yang di 'Retur' dan yang 'Telah di Approve'. "},
//                {boxColor:'',strLabel:"'Amount return NotApp (Rp)' : Jumlah Nominal Rupiah dari item yang di 'Retur', namun 'Belum di Approve'. "},
                {boxColor: '', strLabel: "'Amount (Rp)' : Jumlah Nominal Rupiah dari banyaknya Item yang bersangkutan, tetapi Belum Termasuk nominal item yang di Retur."},
                {boxColor: '', strLabel: "'Status' : Status Item yang bersangkutan."}
            ]
        };
        var rst = legendsTable(strLgnd);
        return rst;
    }

</script>
