<style type="text/css">
    
    .amount{
        text-align: right;
    }
    
    .input-prepend span, input-prepend button{
        height:18px;
        padding:3px;
    }
    #content .wrap #grid_content_1 .row-fluid.scRow .row-fluid.scRow .span12.scCol #grid_block_5 .content.np #listDetails tbody #trInfos td .row-fluid .controls-row .span3 {
        font-size: 11px;
        color: #000;
        font-weight: bold;
    }
    .test {
        font-size: 10px;
    }
    .span3 {
        font-size: 10px;
    }
    tbody td {
        font-size:11px;
    }
    #content .wrap #grid_content_1 .row-fluid.scRow .row-fluid.scRow .span12.scCol #grid_block_6 .content.np #listCharge tbody #trInfosCharge td .row-fluid .controls-row .span3 {
        font-weight: bold;
    }
</style>

<script>

  /*  function getItemDetails(me){
    $("#itemname").val("");
            $("#itemdes").val("");
            $.ajax({
            type: "POST",
                    data: "code=" + me.value,
                    url: "<?php echo base_url() ?>purchasetransaction/getItemDetails",
                    success: function(data) {
                    if (data != "item Not found"){
                    var resul = eval ("(" + data + ")");
                            $("#itemname").val(resul.description);
                            $("#itemdes").val(resul.name);
                            $("#itemTax").val(resul.tax);
                            $("#itemTax").attr("data-taxid", resul.taxID);
                            $("#displayTaxCode").text(resul.taxcode);
                    } else{
                    $("#itemdes").attr("placeholder", data);
                            $("#itemname").attr("placeholder", data);
                            $("#itemTax").val("");
                            $("#itemTaxAmount").val("");
                            $("#itemAmountIT").val("");
                            $("#itemTax").attr("data-taxid", "");
                            $("#displayTaxCode").html("");
                    }
                    }
            });
    }
*/
    function editRow(me){
    var tr = $(me).parent().parent();
    //  alert( $(me).parent().parent().find("td").eq(0).html()); 
    $(tr).replaceWith('<tr>' +
            '<td class="span1"><input id="lineNo" disabled class="span12" type="text" data-previewvalue="' + $(me).parent().parent().find("td").eq(0).html() + '" value="' + $(me).parent().parent().find("td").eq(0).html() + '"></td>' +
            '<td class="span1"><select data-previewvalue="' + $(me).parent().parent().find("td").eq(1).html() + '" name="itemCombo" id="itemCombo" class="span12" onchange="displaysItemDefaultValue()"><option></option>' +
<?php
if ($items) {
    foreach ($items as $row) {
        ?>
                                    '<option data-desc= "<?php echo $row->description; ?>" data-price= "<?php echo $row->supplierPrice; ?>" \n\
                                        data-taxid="<?php echo $row->inputTaxID; ?>" data-taxcode="<?php echo $row->inputTaxCode; ?>" \n\
                                        data-taxPercentage="<?php echo $row->inputTaxPercentage; ?>" value="<?php echo $row->ID; ?>"><?php
        echo str_replace("'", " ", $row->name, $count)
        . " [" . str_replace("'", " ", $row->itemCode, $count) . "]";
        ?></option>'+
    <?php }
}
?>
                        '</select>' +
            '</td>' +
            '<td class="span2"><input id="itemdes" name="itemdes" class="span12" type="text" data-previewvalue="' + $(me).parent().parent().find("td").eq(2).html() + '" value="' + $(me).parent().parent().find("td").eq(2).html() + '"></td>' +
            '<td class="span1"><input  id="itemunitprice" onkeyup="calculamount()" onchange="calculamount()" name="itemunitprice" class="span12" type="text" data-previewvalue="' + $(me).parent().parent().find("td").eq(3).html() + '" value="' + $(me).parent().parent().find("td").eq(3).html() + '"></td>' +
            '<td class="span1"><input id="itemqte"  onkeyup="calculamount()" onchange="calculamount()" name="itemqte"  class="span12" type="text" data-previewvalue="' + $(me).parent().parent().find("td").eq(4).html() + '" value="' + $(me).parent().parent().find("td").eq(4).html() + '"></td>' +
            '<td class="span1"> <input id="itemAmountET" disabled name="itemAmountET" class="span12" type="text" data-previewvalue="' + $(me).parent().parent().find("td").eq(5).html() + '" value="' + $(me).parent().parent().find("td").eq(5).html() + '"></td>' +
            '<td class="span1"><div  class="span12 input-prepend"><input style="max-width:15px;" data-previewvalue= "' + $(me).attr("data-taxcode") + ' | ' + $(me).attr("data-taxrate") + '"  value="' + $(me).attr("data-taxrate") + '" data-taxid="' + $(me).attr("data-taxid") + '" id="itemTax"  onkeyup="calculamount()" onblur="calculamount()" name="itemTax" class="validate[required, custom[number]]" type="text" placeholder="Tax(%)"><span id="displayTaxCode" style="margin-top:0;" onclick="taxPopup ()"  class="btn add-on">' + $(me).attr("data-taxcode") + '</span></div></td>' +
            '<td class="span1"><input disabled id="itemTaxAmount" name="itemTaxAmount" class="span12" type="text" data-previewvalue="' + $(me).parent().parent().find("td").eq(7).html() + '" value="' + $(me).parent().parent().find("td").eq(7).html() + '"></td>' +
            '<td class="span1"><input disabled id="itemAmountIT" name="itemAmountIT" class="span12" type="text" data-previewvalue="' + $(me).parent().parent().find("td").eq(8).html() + '" value="' + $(me).parent().parent().find("td").eq(8).html() + '"></td>' +
            '<td class="span1">' +
            '<button onclick="updateRow(this)" data-itemID="' + $(me).attr("data-itemID") +'"  data-taxid="' + $(me).attr("data-taxid") + '" data-myid="' + $(me).attr("data-myid") + '" data-taxcode="' + $(me).attr("data-taxcode") + '" data-taxrate="' + $(me).attr("data-taxrate") + '" class="btn btn-mini btn-primary" type="button"><span class="icon-ok-circle"></span></button>' +
            '<button  id="btnCancel" data-taxcode="' + $(me).attr("data-taxcode") + '" data-taxrate="' + $(me).attr("data-taxrate") + '" onclick="cancelEdit(this)" data-taxid="' + $(me).attr("data-taxid") + '" data-myid="' + $(me).attr("data-myid") + '"  class="btn btn-mini" type="button"><span class="icon-remove-circle"></span></button></td>' +
            '</tr>'
            );
            $("#itemCombo").val($(me).attr("data-itemID"));
            $('#itemCombo').select2();
    }

    function calculamount(){

    if ($("#itemTax").attr("data-taxid") == "") {
    taxPopup ();
    }
    var j_itemAmountET = accounting.unformat($("#itemunitprice").val()) * accounting.unformat($("#itemqte").val());
            $("#itemAmountET").val(accounting.formatNumber(j_itemAmountET,2));
            var j_itemTaxAmount = j_itemAmountET * accounting.unformat($("#itemTax").val()) / 100;
            $("#itemTaxAmount").val(accounting.formatNumber(j_itemTaxAmount,2));
            $("#itemAmountIT").val(accounting.formatNumber(j_itemTaxAmount + j_itemAmountET,2));
    }

    function calculChargeAmount() {
    var t = accounting.unformat($("#chargeAmount").val()) * accounting.unformat($("#listTax option:selected").attr("data-tax")) / 100;
            $("#chargetaxAmount").val(accounting.formatNumber(t,2));
            $("#chargeAmountIT").val(accounting.formatNumber(t + $("#chargeAmount").val() * 1,2));
    }

    function EndEdit(me){
        var tr = $(me).parent().parent();
    var dID = $("#itemCombo").val();
            $(tr).replaceWith('<tr>' +
                    '<td>' + $("#lineNo").val() + '</td>' +
                    '<td>' + $("#itemCombo option:selected").text() + '</td>' +
                    '<td>' + $("#itemdes").val() + '</td>' +
                    '<td class="amount">' + $("#itemunitprice").val() + '</td>' +
                    '<td>' + $("#itemqte").val() + '</td>' +
                    '<td class="amount">' + $("#itemAmountET").val() + '</td>' +
                    '<td>' + $("#displayTaxCode").text() + ' | ' + $("#itemTax").val() + '</td>' +
                    '<td class="amount">' + $("#itemTaxAmount").val() + '</td>' +
                    '<td class="amount">' + $("#itemAmountIT").val() + '</td>' +
                    '<td>' +
                    '<button data-itemID="' + $(me).attr("data-itemID") +'" data-taxcode="' + $(me).attr("data-taxcode") + '" data-taxrate="' + $(me).attr("data-taxrate") + '"  onClick="editRow(this)" data-taxid="' + $(me).attr("data-taxid") + '" data-myid="' + $(me).attr("data-myid") + '" class="btn btn-mini"><i class="icon-pencil"></i></button>' +
                    ' <button onClick="deleteCompanyDetails(this)" data-myid="' + dID + '" class="btn btn-mini btn-danger"><i class="icon-trash icon-white"></i></button>' +
                    '</td>' +
                    '</tr>'
                    );
            getTotal ();
    }

    function cancelEdit(me){
        var tr = $(me).parent().parent();
         var dID = $(me).attr("data-itemId");
            $(tr).replaceWith('<tr>' +
                    '<td>' + $("#lineNo").attr("data-previewvalue") + '</td>' +
                    '<td>' + $("#itemCombo").attr("data-previewvalue") + '</td>' +
                    '<td>' + $("#itemdes").attr("data-previewvalue") + '</td>' +
                    '<td>' + $("#itemunitprice").attr("data-previewvalue") + '</td>' +
                    '<td>' + $("#itemqte").attr("data-previewvalue") + '</td>' +
                    '<td>' + $("#itemAmountET").attr("data-previewvalue") + '</td>' +
                    '<td>' + $("#itemTax").attr("data-previewvalue") + '</td>' +
                    '<td>' + $("#itemTaxAmount").attr("data-previewvalue") + '</td>' +
                    '<td>' + $("#itemAmountIT").attr("data-previewvalue") + '</td>' +
                    '<td>' +
                    '<button data-itemID="' + $(me).attr("data-itemID") +'" data-taxcode="' + $(me).attr("data-taxcode") + '" data-taxrate="' + $(me).attr("data-taxrate") + '"  onClick="editRow(this)" data-taxid="' + $(me).attr("data-taxid") + '" data-myid="' + $(me).attr("data-myid") + '" class="btn btn-mini"><i class="icon-pencil"></i></button>' +
                    ' <button onClick="deleteCompanyDetails(this)" data-myid="' + $(me).attr("data-taxcode") + '" data-taxrate="' + $(me).attr("data-taxrate") + '"  onClick="editRow(this)" data-taxid="' + $(me).attr("data-taxid") + '" data-myid="' + $(me).attr("data-myid") + '" class="btn btn-mini btn-danger"><i class="icon-trash icon-white"></i></button>' +
                    '</td>' +
                    '</tr>'
                    );
            getTotal ();
    }

    function getTotal (){

    var n = $("#listDetails > tbody > tr").length - 2;
            var totalAmount = 0;
            var impot = 0;
            var total = 0;
            var i = 0;
            for (i = 0; i <= n; i++) {

            totalAmount = totalAmount + accounting.unformat($('#listDetails > tbody > tr:eq(' + i + ') > td:eq(5)').text()) * 1;
            impot = impot + accounting.unformat($('#listDetails > tbody > tr:eq(' + i + ') > td:eq(7)').text()) * 1;
            total = total + accounting.unformat($('#listDetails > tbody > tr:eq(' + i + ') > td:eq(8)').text()) * 1;
    }


    n = $("#listCharge > tbody > tr").length - 2;
            var totalAmountC = 0;
            var impotC = 0;
            var totalC = 0;
            i = 0;
            for (i = 0; i <= n; i++) {
            totalAmountC = totalAmountC +accounting.unformat( $('#listCharge > tbody > tr:eq(' + i + ') > td:eq(3)').text()) * 1;
            impotC = impotC + accounting.unformat($('#listCharge > tbody > tr:eq(' + i + ') > td:eq(5)').text()) * 1;
            totalC = totalC + accounting.unformat($('#listCharge > tbody > tr:eq(' + i + ') > td:eq(6)').text()) * 1;
    }

            $("#totalamount").val(accounting.formatNumber(totalAmount + totalAmountC,2));
            $("#impotpayable").val(accounting.formatNumber(impot + impotC,2));
            $("#totalpayable").val(accounting.formatNumber(total + totalC,2));
    }
    function displaysItemDefaultValue(){
        $("#itemdes").val($("#itemCombo option:selected").attr("data-desc"));
        $("#itemunitprice").val(accounting.formatNumber($("#itemCombo option:selected").attr("data-price"),2));
        $("#itemTax").val($("#itemCombo option:selected").attr("data-taxPercentage"));
        $("#itemTax").attr("data-taxid",$("#itemCombo option:selected").attr("data-taxid"));
        $("#displayTaxCode").text($("#itemCombo option:selected").attr("data-taxcode"));
    }
    function updateRow(me){
    // alert($(me).attr("data-myid"));
    $.ajax({
    type: "POST",
            data: {
                    invDetailsId :$(me).attr("data-myid"),
                    itemID:  $("#itemCombo").val(),
                    itemdescription: $("#itemdes").val(),
                    quantity : $("#itemqte").val(),
                    unitPrice: accounting.unformat($("#itemunitprice").val()),
                    amountExcludedTax: accounting.unformat($("#itemAmountET").val()),
                    taxID :  $("#itemTax").attr("data-taxid"),
                    taxRate: $("#itemTax").val(),
                    taxAmount: accounting.unformat($("#itemTaxAmount").val()),
                    amountIncludedTax:accounting.unformat($("#itemAmountIT").val()),
                    invoiceId : $("#purchasetransactionId").val()

            },
            url: "<?php echo base_url() ?>purchasetransaction/updateRowDetail",
            success: function(data) {
            msg (1, "alert alert-success", "Details successfully updated");
                    EndEdit(me);
            } });
            getTotal();
          /*  $.ajax({
            type: "POST",
                    data: {
                    invoiceId : $("#purchasetransactionId").val(),
                            totalPayable : $("#totalpayable").val(),
                            totalTaxAmount :  $("#totalamount").val()
                    },
                    url: "<?php echo base_url() ?>purchasetransaction/updateInvoice",
                    success: function(data) {
                    //update the invoice after delete
                    }
            });
            */
    }

    function delRowInvoice(me){
    var td = me.parentNode;
            var tr = td.parentNode;
            var tBody = tr.parentNode;
            tBody.removeChild(tr);
            getTotal ();
    }

    function msg(n, type, message){
    $("#msg_div" + n + " p").html(message);
            $("#msg_div").attr("class", "alert " + type);
            }

    function deleteCompanyDetails(me){

    $('#popupModal').modal('show');
            $("#_popupTitle").html("Confirm delete");
            $("#_popupContent").html("Your about to delete definively this row. <br/> Click on ok to confirm");
            $('#_popupFooter').empty();
            $('#_popupFooter').append('<button class="btn btn-danger" id="detButton">Ok</button>' +
            '<button class="btn" id="canb">Cancel</button>');
            $("#_popupTitle").html("Confirm delete");
            $("#canb").click(function() {
    $('#popupModal').modal('hide');
    });
            $("#detButton").click(function() {
    $('#popupModal').modal('hide');
            $.ajax({
            type: "POST",
                    data: {
                         invDetailsId :$(me).attr("data-myid"),
                         invoiceId : $("#purchasetransactionId").val()
                    },
                    url: "<?php echo base_url() ?>purchasetransaction/deleteCompanyDetails",
                    success: function(data) {
                    msg (1, "alert alert-success", "Details successfully deleted");
                            delRowInvoice(me);
                    } });
            getTotal();
           /* $.ajax({
            type: "POST",
                    data: {
                    invoiceId : $("#purchasetransactionId").val(),
                            totalPayable : $("#totalpayable").val(),
                            totalTaxAmount :  $("#totalamount").val()
                    },
                    url: "<?php echo base_url() ?>purchasetransaction/updateInvoice",
                    success: function(data) {
                    //update the invoice after delete
                    }
             }); */
    });
    }

    function editRowCharge(me){
    var tr = $(me).parent().parent();
    if (!$("#chargeAccount").length) {
     $(tr).replaceWith('<tr>' +
            '<td class="span4"><input disabled data-previewvalue="' + $(me).parent().parent().find("td").eq(0).html() + '"  id="lineNo" name="lineNo"  type="text" class="span12" value="' + $(me).parent().parent().find("td").eq(0).html() + '"></td>' +
            '<td class="span2" ><select data-previewvalue="' + $(me).parent().parent().find("td").eq(1).html() + '" name="chargeAccount" id="chargeAccount" class= "span12 validate[required]"><option></option>' +
<?php
if ($chargeAccount) {
    foreach ($chargeAccount as $row) {
        ?>
            '<option  value="<?php echo $row->ID; ?>"><?php echo $row->acctCode . " | ";
        echo str_replace("'", " ", $row->acctName, $count); ?></option>' +
    <?php }
} ?>
    '</select></td>' +
            '<td class="span4"><input data-previewvalue="' + $(me).parent().parent().find("td").eq(2).html() + '"  id="chargedesc" name="chargedesc"  type="text" class="span12 validate[required]" placeholder="Description" value="' + $(me).parent().parent().find("td").eq(2).html() + '"></td>' +
            '<td class="span1"><input data-previewvalue="' + $(me).parent().parent().find("td").eq(3).html() + '" class="span12" id="chargeAmount" onkeyup="calculChargeAmount()" name="chargeAmount" value="' + $(me).parent().parent().find("td").eq(3).html() + '" class="input-mini validate[required, custom[number]]" type="text" placeholder="Amount"></td>' +
            '<td class="span2"><select data-previewvalue="' + $(me).parent().parent().find("td").eq(4).html() + '" onclick="calculChargeAmount()" name="listTax" id="listTax"  class= "span12 validate[required]"><option></option>' +
<?php
if ($taxmaster) {
    foreach ($taxmaster as $row2) {
        ?>
            '<option value="<?php echo $row2->ID; ?>" data-tax="' + <?php echo $row2->taxPercentage; ?> + '">' +
                    '<?php echo $row2->code . " [" . $row2->taxPercentage . "]";
        ?>  </option>' +
    <?php }
} ?>
    '</select></td>' +
            '<td class="span1"> <input data-previewvalue="' + $(me).parent().parent().find("td").eq(5).html() + '" id="chargetaxAmount" value="' + $(me).parent().parent().find("td").eq(5).html() + '"  name="chargetaxAmount" class="span12" type="text" placeholder="Amount"></td>' +
            '<td class="span1"><input data-previewvalue="' + $(me).parent().parent().find("td").eq(6).html() + '" onkeydown="return false;" id="chargeAmountIT" value="' + $(me).parent().parent().find("td").eq(6).html() + '"name="chargeAmountIT" class="span12" type="text" placeholder="Amount (Exclude Tax)"></td>' +
            '<td class="span1">' +
            '<button data-myid="' + $(me).attr("data-myid") + '" data-accid="' + $(me).attr("data-accid") + '" data-taxid="' + $(me).attr("data-taxid") + '" onclick = "saveCharge(this)" class="btn btn-mini btn-primary" type="button"><i class="icon-ok-circle icon-white"></i></button>' +
            '<button data-myid="' + $(me).attr("data-myid") + '" data-accid="' + $(me).attr("data-accid") + '" data-taxid="' + $(me).attr("data-taxid") + '" onclick="delCancelEditCharge(this)" id="btnCancelCharge" class="btn btn-mini " type="button"><i class="icon-remove-circle"></i></button>' +
            '</td>' +
            '</tr>'
            );
        
            $("#chargeAccount").val($(me).attr("data-accid"));
            $("#listTax").val($(me).attr("data-taxid"));
                $("#chargeAccount").select2();
            $("#listTax").select2();
    } else{
    msg (2, "alert", "Please, do save the current details before addind new one");
    }
    }

    function delCancelEditCharge (me){
            var tr = $(me).parent().parent();
            $("#chargeAccount").val($(me).attr("data-accid"));
            $("#listTax").val($(me).attr("data-taxid"));
            $(tr).replaceWith('<tr><td>' + $("#lineNo").attr("data-previewvalue") + '</td>' +
                    '<td>' + $("#chargeAccount").attr("data-previewvalue") + '</td>' +
                    '<td>' + $("#chargedesc").attr("data-previewvalue") + '</td>' +
                    '<td class="amount">' + $("#chargeAmount").attr("data-previewvalue") + '</td>' +
                    '<td>' + $("#listTax").attr("data-previewvalue") + '</td>' +
                    '<td class="amount">' + $("#chargetaxAmount").attr("data-previewvalue") + '</td>' +
                    '<td class="amount">' + $("#chargeAmountIT").attr("data-previewvalue") + '</td>' +
                    '<td>' +
                    '<button onClick="editRowCharge(this)" data-myid="' + $(me).attr("data-myid") + '" data-accid="' + $(me).attr("data-accid") + '" data-taxid="' + $(me).attr("data-taxid") + '" class="btn btn-mini"><i class="icon-pencil"></i></button>' +
                    ' <button onClick="deleteCompanyCharge(this)" data-myid="' + $(me).attr("data-myid") + '" class="btn btn-mini btn-danger"><i class="icon-trash icon-white"></i></button>' +
                    '</td>' +
                    '</tr>'
                    );
    }


    function saveCharge(me) {
        var tr = $(me).parent().parent();
    $.ajax({
    type: "POST",
            data: {
                    chargeId : $(me).attr("data-myid"),
                    accountNoID : $("#chargeAccount").val(),
                    itemdescription : $("#chargedesc").val(),
                    amountExcludedTax :  accounting.unformat($("#chargeAmount").val()),
                    taxID : $("#listTax").val(),
                    taxAmount : accounting.unformat($("#chargetaxAmount").val()),
                    amountIncludedTax : accounting.unformat($("#chargeAmountIT").val())

            },
            url: "<?php echo base_url() ?>purchasetransaction/updateCharge",
            success: function(data) {
            msg (2, "alert alert-success", "Details successfully updated");
                    $(tr).replaceWith('<tr><td>' + $("#lineNo").attr("data-previewvalue") + '</td>' +
                            '<td>' + $("#chargeAccount option:selected").text() + '</td>' +
                            '<td>' + $("#chargedesc").val() + '</td>' +
                            '<td class="amount">' + accounting.formatNumber($("#chargeAmount").val(),2) + '</td>' +
                            '<td>' + $("#listTax option:selected").text() + '</td>' +
                            '<td class="amount">' + accounting.formatNumber($("#chargetaxAmount").val(),2) + '</td>' +
                            '<td class="amount">' + accounting.formatNumber( $("#chargeAmountIT").val(),2) + '</td>' +
                            '<td>' +
                            '<button onClick="editRowCharge(this)" data-myid="' + $(me).attr("data-myid") + '" data-accid="' + $("#chargeAccount").val() + '" data-taxid="' + $("#listTax").val() + '" class="btn btn-mini"><i class="icon-pencil"></i></button>' +
                            ' <button onClick="deleteCompanyCharge(this)" data-myid="' + $(me).attr("data-myid") + '" class="btn btn-mini btn-danger"><i class="icon-trash icon-white"></i</button>' +
                            '</td>' +
                            '</tr>'
                            );
                    getTotal();
                    $.ajax({
                    type: "POST",
                            data: {
                            invoiceId : $("#purchasetransactionId").val(),
                                    totalPayable : $("#totalpayable").val(),
                                    totalTaxAmount :  $("#totalamount").val()
                            },
                            url: "<?php echo base_url() ?>purchasetransaction/updateInvoice",
                            success: function(data) {
                            //update the invoice after delete
                            }
                    });
            } });
    }

    function  deleteCompanyCharge(me){
    $('#popupModal').modal('show');
            $("#_popupTitle").html("Confirm delete");
            $("#_popupContent").html("Your about to delete definively this row. <br/> Click on ok to confirm");
            $('#_popupFooter').empty();
            $('#_popupFooter').append('<button class="btn btn-danger" id="detButton">Ok</button>' +
            '<button class="btn" id="canb">Cancel</button>');
            $("#_popupTitle").html("Confirm delete");
            $("#canb").click(function() {
    $('#popupModal').modal('hide');
    });
            $("#detButton").click(function() {
    $('#popupModal').modal('hide');
            $.ajax({
            type: "POST",
                    data: {
                        chargeID :$(me).attr("data-myid"),
                        invoiceId : $("#purchasetransactionId").val()
                    },
                    url: "<?php echo base_url() ?>purchasetransaction/deleteCharge",
                    success: function(data) {
                    msg (1, "alert alert-success", "Details successfully deleted");
                            delRowInvoice(me);
                            getTotal();
                         /*   $.ajax({
                            type: "POST",
                                    data: {
                                    invoiceId : $("#purchasetransactionId").val(),
                                            totalPayable : $("#totalpayable").val(),
                                            totalTaxAmount :  $("#totalamount").val()
                                    },
                                    url: "<?php echo base_url() ?>purchasetransaction/updateInvoice",
                                    success: function(data) {
                                    //update the invoice after delete
                                    }
                            }); */
                    } });
    });
            getTotal ();
    }



    function taxPopup () {
    $('#popupModal').modal('show');
            $("#_popupTitle").html("Purchase Invoice");
            $("#_popupContent").html('' +
            '<label>Select a tax</label>' +
            '<select style="width:100%;" onclick="calculChargeAmount()" name="listTaxPopup" id="listTaxPopup"  class= "validate[required]"><option></option>' +
<?php
if ($taxmaster) {
    foreach ($taxmaster as $row2) {
        ?>
            '<option data-taxcode="<?php echo $row2->code ?>" value="<?php echo $row2->ID; ?>" data-tax="' + <?php echo $row2->taxPercentage; ?> + '">' +
                    '<?php echo $row2->code . " | " . $row2->taxPercentage . " | ";
        echo str_replace("'", " ", $row2->name, $count); ?></option>' +
    <?php }
} ?>
    '</select>');
    $("#listTaxPopup").select2();
            $('#_popupFooter').empty();
            $('#_popupFooter').append('<button class="btn btn-primary" id="confButton">Ok</button>' +
            '<button class="btn" id="canb">Cancel</button>');
            $("#_popupTitle").html("Tax Master");
            $("#canb").click(function() {
    $('#popupModal').modal('hide');
    });
            $("#confButton").click(function() {
    $('#popupModal').modal('hide');
            $("#itemTax").attr("data-taxid", $("#listTaxPopup").val());
            $("#itemTax").val ($("#listTaxPopup option:selected").attr("data-tax"));
            $("#displayTaxCode").html($("#listTaxPopup option:selected").attr("data-taxcode"));
    });
            $("#calcul").trigger("click");
            }


function addnewcharge(){
    if (!$("#chargeAccount").length) {
             $(''+
             '<tr><td class="span1">' + ($("#trInfosCharge").attr("data-currentRow")*1 + 1) + '</td>'+
                   '<td class="span2">\n\
        <select name="chargeAccount" id="chargeAccount" class="span12" validate[required]"><option></option>' +
<?php 
if ($chargeAccount) {
    foreach ($chargeAccount as $row) {
        ?>
                                             '<option value="<?php echo $row->ID; ?>"><?php
        echo $row->acctCode . " | ";
        echo str_replace("'", " ", $row->acctName, $count);
        ?></option>'+
    <?php
    }
}
?>
        '</select></td>'+
        '<td class="span4"><input  id="chargedesc" name="chargedesc"  type="text" class="span12 validate[required]" placeholder="Description"></td>'+
        '<td class="span1"><input id="chargeAmount" onkeyup="calculChargeAmount()" name="chargeAmount" class="span12 validate[required, custom[number]]" type="text" placeholder="Amount"></td>'+
        '<td class="span2"><select onclick="calculChargeAmount()" name="listTax" id="listTax"  class= "span12 validate[required]"><option></option>' +
<?php
if ($taxmaster) {
    foreach ($taxmaster as $row2) {
        ?>
        '<option value="<?php echo $row2->ID; ?>" data-tax="' + <?php echo $row2->taxPercentage; ?> + '">' + 
'<?php
        echo $row2->code . " [" . $row2->taxPercentage . "] ";
        ?></option>'+
    <?php
    }
}
?>
                                                         '</select></td>'+
                                                                                                        '<td class="span1"><input id="chargetaxAmount"  name="chargetaxAmount" class="span12" type="text" placeholder="Amount"></td>'+
                                                                                                        '<td class="span1"><input disabled id="chargeAmountIT" name="chargeAmountIT" class="span12" type="text" placeholder="Amount (Exclude Tax)"></td>'+
                                                '<td class="span1">'+
                                                        '<button title="Add New Row" onclick = "saveNewChargeRow()" class="btn btn-mini btn-primary" type="button"><span class="icon-ok-circle"></span></button>'+
                                                        '<button onclick="delRowInvoice(this)" id="btnCancelCharge" title="Cancel" class="btn btn-mini btn-danger" type="button"><span class="icon-remove-circle"></span></button>'+
                                                '</td>'+
                    '</tr>'
                                          ).insertBefore( "#trInfosCharge" );
					$('#listTax').select2();
                                        $('#chargeAccount').select2();
                                        $.each($("#listCharge .select2-container"), function (i, n) {
                                            $(n).next().show().fadeTo(0, 0).height("0px").css("left", "auto"); // make the original select visible for validation engine and hidden for us
                                            $(n).prepend($(n).next());
                                            $(n).delay(500).queue(function () {
                                                $(this).removeClass("validate[required]"); //remove the class name from select2 container(div), so that validation engine dose not validate it
                                                $(this).dequeue();
                                            });
                                        });	
 
                                        }else{
                                                msg (2,"alert","Please, do save the current details before addind new one");
                                                } 
}

    function saveNewChargeRow(){
        $.ajax({
                  type: "POST",
                  data: {
                                invoiceId : $("#purchasetransactionId").val(),
                                accountNoID : $("#chargeAccount").val(), 
                                itemdescription: $("#chargedesc").val(),
                                amountExcludedTax : accounting.unformat($("#chargeAmount").val()),
                                taxID: $("#listTax").val(),
                                lineNo : $("#trInfosCharge").attr("data-currentRow")*1 + 1,
                                taxAmount: accounting.unformat($("#chargetaxAmount").val()),
                                amountIncludedTax: accounting.unformat($("#chargeAmountIT").val())
				
                          },
                  url: "<?php echo base_url() ?>purchasetransaction/saveChargeDetailOnly",
                  success: function(data) {
                        var resul = eval ("(" + data + ")"); 
                        $(''+
                         '<tr><td class="span1">' + ($("#trInfosCharge").attr("data-currentRow")*1 + 1) + '</td>'+
                          '<td>' + $("#chargeAccount option:selected").text() + '</td>'+
                          '<td>' + $("#chargedesc").val() + '</td>'+
                          '<td class="amount">' + accounting.formatNumber($("#chargeAmount").val(),2) + '</td>'+
                          '<td>' + $("#listTax option:selected").text() + '</td>'+
                          '<td class="amount">' + accounting.formatNumber($("#chargetaxAmount").val(),2) + '</td>'+
                          '<td class="amount">' + accounting.formatNumber($("#chargeAmountIT").val(),2) + '</td>'+
                          '<td>'+
                             '<button onClick="editRowCharge(this)" data-myid="' + resul.chargeId + '" data-accid="' + $("#chargeAccount").val() + '" data-taxid="' + $("#listTax").val() + '" class="btn btn-mini"><i class="icon-pencil"></i></button>' +
                            ' <button onClick="deleteCompanyCharge(this)" data-myid="' + resul.chargeId + '" class="btn btn-mini btn-danger"><i class="icon-trash icon-white"></i</button>' +
                          '</td>'+
                  '</tr>'
                        ).insertBefore( "#trInfosCharge" );
                        $("#trInfosCharge").attr("data-currentRow",$("#trInfosCharge").attr("data-currentRow")*1+1);
                        $("#btnCancelCharge").trigger("click");
                        $("#calcul").trigger( "click" );
                    msg (2,"alert alert-success","Charge successfully saved");
                        getTotal();
                        $.ajax({
                          type: "POST",
                          data: {
                                        invoiceId : accounting.unformat($("#purchaseInvoiceId").val()),
                                        totalPayable :accounting.unformat( $("#totalpayable").val()), 
                                        totalTaxAmount : accounting.unformat( $("#totalamount").val()),
                                  },
                          url: "<?php echo base_url() ?>purchasetransaction/updateInvoice",
                          success: function(data) {
                                   //update the invoice after delete
                                  }
                          });
                  }
           });//end ajax
    }
    
    
    function addnewitem(){
        if (!$("#itemComboList").length) {
            $(''+
                 '<tr><td class="span1">' + ($("#trInfos").attr("data-currentRow")*1 + 1) + '</td>'+
                    '<td class="span1"><select name="itemCombo" id="itemCombo" class="span12" onchange="displaysItemDefaultValue()"><option></option>' +
<?php
if ($items) {
    foreach ($items as $row) {
        ?>
                                    '<option data-desc= "<?php echo $row->description; ?>" data-price= "<?php echo $row->supplierPrice; ?>" \n\
                                        data-taxid="<?php echo $row->inputTaxID; ?>" data-taxcode="<?php echo $row->inputTaxCode; ?>" \n\
                                        data-taxPercentage="<?php echo $row->inputTaxPercentage; ?>" value="<?php echo $row->ID; ?>"><?php
        echo str_replace("'", " ", $row->name, $count)
        . " [" . str_replace("'", " ", $row->itemCode, $count) . "]";
        ?></option>'+
    <?php }
}
?>
                        '</select>' +
            '</td>' +
                        '<td class="span2"><input id="itemdes" name="itemdes" class="span12 validate[required]" type="text" placeholder="Description"></td>'+
                        '<td class="span1"><input id="itemunitprice" onkeyup="calculamount()" name="itemunitprice" class="span12 amount validate[required,custom[number]]" type="text" placeholder="Unit Priece"></td>'+
                        '<td class="span1"><input id="itemqte" onkeyup="calculamount()"  name="itemqte" class="span12 validate[required,custom[integer]]" type="text" placeholder="Qty"></td>'+
                        '<td class="span1"><input id="itemAmountET" name="itemAmountET" disabled class="span12 amount validate[required]" type="text" placeholder="0.00"></td>'+
                        '<td class="span1"><div  class="input-prepend"><input data-taxid="" id="itemTax" onkeyup="calculamount()" name="itemTax" class="span6 validate[required, custom[number]]" type="text" placeholder="Tax(%)"><span onclick="taxPopup ()" style="margin-top:0;" id="displayTaxCode"  class="btn add-on">....</span></div></td>'+
                        '<td class="span1"><input id="itemTaxAmount" name="itemTaxAmount" disabled class="span12 amount" type="text" placeholder="0.00"></td>'+
                        '<td class="span1"><input id="itemAmountIT" name="itemAmountIT" disabled class="span12 amount" type="text" placeholder="0.00"></td>'+
                        '<td class="span1">'+
                           '<button class="btn btn-mini btn-primary" onclick="savenewitem()" title="Save" type="button"><span class="icon-ok-circle"></span></button>'+
                            '<button id="btnCancel" class="btn btn-danger btn-mini" onclick="delRowInvoice(this)" type="button"><span class="icon-remove-circle"></span></button>'+
                        '</td>'+
    '</tr>'
    ).insertBefore( "#trInfos" );
    $('#itemCombo').select2();

    }else{
    msg (1,"alert","Please, do save the current details before addind new one");
    }
    }
    
    
    function savenewitem(){
          $.ajax({
                type: "POST",
                data: {
                          invoiceId : $("#purchasetransactionId").val(),

                          itemID:  $("#itemCombo").val(),
                          itemdescription: $("#itemdes").val(),
                          quantity : $("#itemqte").val(),
                          lineNo : $("#trInfos").attr("data-currentRow")*1 +1,
                          unitPrice: accounting.unformat($("#itemunitprice").val()),
                          amountExcludedTax: accounting.unformat($("#itemAmountET").val()),
                          taxAmount: accounting.unformat($("#itemTaxAmount").val()),
                          amountIncludeTax: accounting.unformat($("#itemAmountIT").val()),
                          taxID: $("#itemTax").attr("data-taxid"),
                          taxRate: $("#itemTax").val()

                        },
                url: "<?php echo base_url() ?>purchasetransaction/saveParchaseDetail",
                success: function(data) {
                 msg (1,"alert alert-success","Details successfully saved");
                  var resul = eval ("(" + data + ")"); 
                  
            $(''+
                 '<tr>  <td>' +  ($("#trInfos").attr("data-currentRow")*1 +1) + '</td>' +
                        '<td>' +  $("#itemCombo option:selected").text() + '</td>'+
                        '<td>' + $("#itemdes").val() + '</td>'+
                        '<td class="amount">' + accounting.formatNumber($("#itemunitprice").val(),2) + '</td>'+
                        '<td >' + $("#itemqte").val() + '</td>'+
                        '<td class="amount">' + accounting.formatNumber($("#itemAmountET").val(),2) + '</td>'+
                         '<td>' + $("#displayTaxCode").text() + ' | ' + $("#itemTax").val() + '</td>' +
                        '<td class="amount">' + accounting.formatNumber($("#itemTaxAmount").val(),2) + '</td>'+
                        '<td class="amount">' + $("#itemAmountIT").val() + '</td>'+
                        '<td>'+
                        '<button data-itemID="' + $("#itemCombo").val() +'" data-taxcode="' + $("#itemTax").val() + '"  onClick="editRow(this)" data-taxid="' + $("#itemTax").attr("data-taxid") + '" data-myid="' + data.detailID + '" class="btn btn-mini"><i class="icon-pencil"></i></button>' +
                        ' <button onclick="deleteCompanyDetails()" data-myid="' + data.detailID + '" class="btn btn-mini btn-danger"><i class="icon-trash icon-white"></i></button>' +
                        '</td>'+
                '</tr>'
            ).insertBefore( "#trInfos" );
            $("#trInfos").attr("data-currentRow", $("#trInfos").attr("data-currentRow")*1 +1);
            $("#btnCancel").trigger("click");
                $( "#calcul" ).trigger( "click" );
                getTotal();
                $.ajax({
                  type: "POST",
                  data: {
                                invoiceId : $("#purchaseInvoiceId").val(),
                                totalPayable : accounting.unformat($("#totalpayable").val()), 
                                totalTaxAmount :  accounting.unformat($("#totalamount").val())
                          },
                  url: "<?php echo base_url() ?>purchasetransaction/updateInvoice",
                  success: function(data) {
                           //update the invoice after delete
                          }
                  });
            }
            }); //end ajax
    }

</script>


<div id="content"> 
    <div class="wrap">
        <div class="head">
            <div class="info">
                <h1><?php echo element('compName', $this->session->userdata('logged_in')) ?> [ 
<?php echo element('compNo', $this->session->userdata('logged_in')) ?> ]</h1>
                <ul class="breadcrumb">
                    <li><a href='<?php echo base_url() . "home" ?>'><?php echo $this->lang->line('dashboard') ?></a> <span class="divider">-</span></li>
                    <li><a href='<?php echo base_url() . "gl/home" ?>'> <?php echo $this->lang->line('module') ?></a> <span class="divider">-</span></li>
                    <li class="active"><?php echo $this->lang->line('titleEdit') ?></li>
                </ul>
            </div>

            <div class="search">
                <form action="<?php echo base_url() ?>admin/search" method="post">
                  
                    <input name="search_text" type="text" placeholder="search..."/>                                
                    <button type="submit"><span class="i-magnifier"></span></button>
                </form>
            </div>        

        </div><!-- head --> 

        <div class="content" id="grid_content_1">

            <div class="row-fluid">
                <div class="alert alert-info">
                    <strong><?php echo $this->lang->line('titleEdit') ?></strong>
                </div>
            </div>
<?php
if ($pInvoice) {
    $memo = "";
    $employeeName = "";
    $shippingmethod = "";
    foreach ($pInvoice as $rowIn) {
        $memo = $rowIn->memo;
        $employeeName = $rowIn->employeeName;
        $shippingmethod = $rowIn->shippingmethod;
        ?> 
                    <input type="hidden" id="purchasetransactionId" value="<?php echo $rowIn->InvID; ?>"/>
                     <div class="block">
                               <div class="content">       
                    <div class="row-fluid scRow">  
                              
                        <div class="span4 scCol">
                            <div class="block ns" id="grid_block_1">
                                    <div class="controls-row">
                                        <div class="span3"><?php echo $this->lang->line('supplier'); ?></div>
                                        <div class="span8">
                                             <input class="span12" type="text" value="<?php echo $rowIn->supplierName; ?>" disabled /> 

                                        </div>
                                    </div> <!-- row -->
                                    <div class="controls-row">
                                        <div class="span3"><?php echo $this->lang->line('formNo') ?></div>
                                        <div class="span8">
                                             <input class="span12" type="text" value="<?php echo $rowIn->formNo; ?>" disabled /> 

                                        </div>
                                    </div> <!-- row -->
                                    <div class="controls-row">
                                        <div class="span3"><?php echo $this->lang->line('date') ?></div>
                                        <div class="span8">
                                             <input class="span12" type="text" value="<?php echo $rowIn->invoiceDate; ?>" disabled /> 

                                        </div>
                                    </div> <!-- row -->
                                    <div class="controls-row">
                                        <div class="span3"><?php echo $this->lang->line('supplierInvoiceNo') ?></div>
                                        <div class="span8">
                                             <input class="span12" type="text" value="<?php echo $rowIn->project_name; ?>" disabled />

                                        </div>
                                    </div> <!-- row -->
                            </div><!-- grid block 1-->
                        </div><!-- scCol -->
                        <div class="span4 scCol">
                            <div class="block ns" id="grid_block_2">
                                    <div class="controls-row">
                                        <div class="span3"><?php echo $this->lang->line('location') ?></div>
                                        <div class="span8">
                                            <textarea class="span12" disabled="disabled" id="termDescription" ><?php echo $rowIn->code . " | " . $rowIn->address; ?></textarea>
                                        </div>
                                    </div> <!-- row -->

                                    <div class="controls-row">
                                        <div class="span3"><?php echo $this->lang->line('terms') ?></div>
                                        <div class="span8">
                                             <input class="span12" type="text" value="<?php echo $rowIn->termName; ?>" disabled /> 
                                        </div>
                                    </div> <!-- row -->

                                    <div class="controls-row">
                                        <div class="span3"><?php echo $this->lang->line('termsdesc') ?></div>
                                        <div class="span8">
                                            <textarea class="span12" disabled="disabled" id="termDescription"><?php echo $rowIn->termDescription ?>
                                            </textarea>
                                        </div>
                                    </div> <!-- row -->
                            </div><!-- grid block 1-->
                        </div><!-- scCol -->
                        <div class="span4 scCol">
                            <div class="block ns" id="grid_block_3">
                                    <div class="controls-row">
                                        <div class="span3"><?php echo $this->lang->line('shipto') ?></div>
                                        <div class="span8">
                                            <textarea class="span12" disabled="disabled"><?php echo $rowIn->addressName."\n".$rowIn->line1."\n".$rowIn->line2."\n".$rowIn->line3; ?></textarea>
                                        </div><!-- span -->
                                    </div><!-- row control -->
                                    <div class="controls-row">
                                        <div class="span3"><?php echo $this->lang->line('currency') ?></div>
                                        <div class="span8">
                                             <input class="span12" type="text" value="<?php echo $rowIn->currencyWord; ?>" disabled />            
                                        </div><!-- span -->
                                    </div><!-- control row -->
                                    <div class="controls-row">
                                        <div class="span3"><?php echo $this->lang->line('exchangeRate') ?></div>
                                        <div class="span8">
                                             <input class="span12" type="text" value="<?php echo $rowIn->exchangeRate; ?>" disabled />           
                                        </div><!-- span -->
                                    </div><!-- control row -->
                                    
                                    <div class="controls-row">
                                        <div class="span3"><?php echo $this->lang->line('project') ?></div>
                                        <div class="span8">
                                             <input class="span12" type="text" value="<?php echo $rowIn->supplierInvoiceNo; ?>" disabled /> 

                                        </div>
                                    </div> <!-- row -->
                            </div><!-- grid block 1-->
                        </div><!-- scCol -->
                    </div><!--  block -->
                               </div>
                    </div><!-- row-fluid scRow-->
    <?php }
} ?>

        <div class="row-fluid scRow">                            
            <div class="span12 scCol">
                <div class="block" id="grid_block_4">
                    
                    <div class="head">
                        <ul class="fr buttons">
                            <li><a class="block_toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                               <span class="i-arrow-down-3"></span></a>
                            </li>
                        </ul>
                        
                        
                        <ul class="buttons fr">
                            <li><a  href="#trInfos" onclick="addnewitem()" title="Add New"><span class="i-plus-2"></span></a></li>
                        </ul>
                            
                        
                        <h2><?php echo $this->lang->line('items') ?></h2>
                    </div><!-- head -->
                    <div class="content np">
                        <table id="listDetails" cellpadding="0" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th><?php echo $this->lang->line('item') ?></th>
                                    <th><?php echo $this->lang->line('itemDesc') ?></th>
                                    <th class="amount"><?php echo $this->lang->line('unitPrice') ?></th>
                                    <th><?php echo $this->lang->line('quantity') ?></th>
                                    <th class="amount"><?php echo $this->lang->line('amountExcludeTax') ?></th>
                                    <th><?php echo $this->lang->line('tax') ?></th>
                                    <th class="amount"><?php echo $this->lang->line('taxAmount') ?></th>
                                    <th  class="amount"><?php echo $this->lang->line('amountIncludeTax') ?></th>
                                    <th  class="amount"><?php echo $this->lang->line('action') ?></th>
                                </tr>
                            </thead>
                            <tbody>
<?php
$t_amountExcludedTax = 0;
$t_taxAmount = 0;
$t_amountIncludedTax = 0;
$lastrow = 0;
if ($pdetails) {
    foreach ($pdetails as $row) {
        $t_amountExcludedTax += $row->amountExcludedTax;
        ;
        $t_taxAmount+= $row->taxAmount;
        $t_amountIncludedTax += $row->amountIncludedTax;
        
        if($lastrow<$row->lineNo)
            $lastrow = $row->lineNo;
        ?>
                                        <tr>
                                            <td><?php echo $row->lineNo; ?></td>
                                            <td><?php echo $row->name; ?> [<?php echo $row->itemCode; ?>]</td>
                                            <td><?php echo $row->description; ?></td>
                                            <td class="amount"><?php echo number_format($row->unitPrice,2); ?></td>
                                            <td><?php echo $row->quantity; ?></td>
                                            <td class="amount"><?php echo number_format($row->amountExcludedTax,2); ?></td>
                                            <td><?php echo $row->code . " | " . $row->taxRate; ?></td>
                                            <td class="amount"><?php echo number_format($row->taxAmount,2); ?></td>
                                            <td class="amount"><?php echo number_format($row->amountIncludedTax,2); ?></td>
                                            <td>
                                                <button onClick="editRow(this)" data-itemID ="<?php echo $row->itemID; ?>"
                                                        data-taxcode="<?php echo $row->code; ?>" data-taxrate="<?php echo $row->taxRate; ?>"
                                                        data-taxid="<?php echo $row->taxID; ?>" data-myid="<?php echo $row->ID; ?>" class="btn btn-mini"><i class="icon-pencil"></i></button>
                                                <button onClick="deleteCompanyDetails(this)" data-myid="<?php echo $row->ID; ?>" class="btn btn-mini btn-danger"><i class="icon-trash icon-white"></i></button>
                                            </td>
                                        </tr>
    <?php }
} else {
    ?>
                                <div class="alert alert-error">
    <?php echo $this->lang->line('message1') ?>
                                </div>
                                <?php } ?>
                            <tr data-currentRow="<?php echo $lastrow; ?>" id="trInfos">
                                <td colspan="11">
                                    <div id="msg_div1" class="alert alert-info">


                                        <h4><?php echo $this->lang->line('lastMessage') ?></h4>
                                        <p style="padding-top:10px;"><?php echo $this->lang->line('noMessage') ?></p>
                                    </div>
                                </td>

                            </tr>
                            </tbody>
                        </table>     
                    </div><!-- content -->
                </div><!-- grid block 1-->
            </div><!-- scCol -->
        </div><!-- row-fluid scRow-->
        
        <div class="row-fluid scRow">                            
            <div class="span12 scCol">
                <div class="block" id="grid_block_4">
                    <div class="head">
                        
                        
                            
                        <ul class="fr buttons">
                            <li><a class="block_toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                               <span class="i-arrow-down-3"></span></a>
                            </li>
                        </ul>
                        <ul class="buttons fr">
                            <li><a  href="#trInfosCharge" onclick="addnewcharge()" title="Add New"><span class="i-plus-2"></span></a></li>
                        </ul>
                        <h2><?php echo $this->lang->line('charge') ?></h2>
                                                            
                    </div><!-- head -->
                    <div class="content np">
                        <table id="listCharge" cellpadding="0" cellspacing="0" width="100%">
                            <thead>
                                <tr><th>#</th>
                                    <th><?php echo $this->lang->line('account') ?></th>
                                    <th><?php echo $this->lang->line('description') ?></th>
                                    <th><?php echo $this->lang->line('amount') ?></th>
                                    <th><?php echo $this->lang->line('tax') ?></th>
                                    <th><?php echo $this->lang->line('taxAmount') ?></th>
                                    <th><?php echo $this->lang->line('amountIncludeTax') ?></th>
                                    <th><?php echo $this->lang->line('action') ?></th>
                                </tr>
                            </thead>
                            <tbody>
<?php
$t_amountExcludedTaxC = 0;
$t_taxAmountC = 0;
$t_amountIncludedTaxC = 0;
$lastrow = 0;
if ($charge) {
    foreach ($charge as $row) {
        if($lastrow<$row->lineNo)
            $lastrow = $row->lineNo;
        $t_amountExcludedTax += $row->amountExcludedTax;
        ;
        $t_taxAmount+= $row->taxAmount;
        $t_amountIncludedTax += $row->amountIncludedTax;
        ?>
                                <tr> <td><?php echo $row->lineNo; ?></td>
                                            <td><?php echo $row->acctCode . ' | ' . $row->acctName; ?></td>
                                            <td><?php echo $row->itemdescription; ?></td>
                                            <td  class="amount"><?php echo number_format($row->amountExcludedTax,2); ?></td>
                                            <td><?php echo $row->code . ' | ' . $row->taxPercentage; ?></td>
                                            <td  class="amount"><?php echo number_format($row->taxAmount,2); ?></td>
                                            <td  class="amount"><?php echo number_format($row->amountIncludedTax,2); ?></td>
                                            <td>
                                                <button onClick="editRowCharge(this)" data-taxid="<?php echo $row->taxId ?>" data-accid= "<?php echo $row->accountNoID ?>" data-myid="<?php echo $row->myid; ?>" class="btn btn-mini"><i class="icon-pencil"></i></button>
                                                <button onClick="deleteCompanyCharge(this)" data-myid="<?php echo $row->myid; ?>" class="btn btn-mini btn-danger"><i class="icon-trash icon-white"></i></button>
                                            </td>
                                        </tr>
    <?php }
} else {
    ?>
                                <div class="alert alert-error">
                                    No charges found ...
                                </div>
                                <?php } ?>
                            <tr data-currentRow="<?php echo $lastrow; ?>" id="trInfosCharge">
                                <td colspan="8">
                                    <div id="msg_div2" class="alert alert-info">


                                        <h4><?php echo $this->lang->line('lastMessage') ?></h4>
                                        <p style="padding-top:10px;"><?php echo $this->lang->line('noMessage') ?></p>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>     
                    </div><!-- content -->
                </div><!-- grid block 1-->
            </div><!-- scCol -->
        </div><!-- row-fluid scRow-->


        <div class="row-fluid scRow"> 
            <div class="span7 scCol">
                <div class="block" id="grid_block_4">
                    <div class="content np">
                        <div class="controls-row">
                            <div class="span4"><?php echo $this->lang->line('shippingmethod') ?></div>
                            <div class="span8">
                                <input type="text" class="span12" disabled="disabled" value="<?php echo $shippingmethod; ?>" />
                            </div><!-- span -->

                        </div><!-- row control -->
                        <div class="controls-row">
                            <div class="span4"><?php echo $this->lang->line('purchaser') ?></div>
                            <div class="span8">
                                <div class="input-append span12">
                                    <input type="text" class="span12" disabled="disabled" value="<?php echo $employeeName; ?>" />
                                </div>
                            </div>
                        </div><!-- row control -->

                        <div class="controls-row">
                            <div class="span4"><?php echo $this->lang->line('memo') ?></div>
                            <div class="span8">
                                <textarea style="height: 75px;" id="memo" class="span12"><?php echo $memo; ?></textarea>
                            </div><!-- span -->
                        </div><!-- row control -->

                    </div>    
                </div><!-- grid block 1-->
            </div><!-- scCol -->        
            <div class="span5 scCol">
                <div class="block" id="grid_block_4">
                    <div class="content np">
                        <div class="controls-row">

                            <div class="span3"><?php echo $this->lang->line('totalAmount') ?></div>
                            <div class="span8">
                                <input id="totalamount" value="<?php echo number_format($t_amountExcludedTax,2) ?>" class="span12 amount" type="text" placeholder="0" disabled="disabled" >
                            </div>
                        </div><!-- row control -->
                        <div class="controls-row">
                            <div class="span3"><?php echo $this->lang->line('importDutyPayable') ?></div>
                            <div class="span8">
                                <input value="<?php echo number_format($t_taxAmount,2) ?>" id="impotpayable" class="span12 amount" type="text" disabled="disabled"  placeholder="0">
                            </div>
                        </div><!-- row control -->
                        <div class="controls-row">
                            <div class="span3"><?php echo $this->lang->line('totalPayable') ?></div>
                            <div class="span8">
                                <input value="<?php echo number_format($t_amountIncludedTax,2) ?>" id="totalpayable" disabled="disabled"  class="span12 amount" type="text" placeholder="0">
                            </div>
                        </div><!-- row control -->
                        <div class="footer">
                            <div class="side fr">
                                <div class="btn-group">
                                    <!--<button id="calcul" onclick="getTotal()" class="btn btn-minii btn-warning" type="button"> 
                    <i class="icon-ok-circle"></i><?php echo $this->lang->line('calTotal') ?></button>-->
                                </div><!-- btn group -->      
                            </div><!-- side fr -->      
                        </div><!-- footer -->   
                    </div>    
                </div><!-- grid block 1-->
            </div><!-- scCol -->
        </div><!-- row-fluid scRow-->




    </div><!-- grid 1 -->
</div><!-- wrap -->
</div><!-- content -->


