<style >
    .amount{
        text-align: right !important;
    }

    .quantity {
        text-align: center !important;
    }

    .btn-group button{
        height:30px;}
    </style>

    <script type="application/javascript">
       $(document).ready(function(){
                $('select').select2();
                $.each($(".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();
                    });
                });	
                jQuery('.datepicker2').datepicker({
                        dateFormat : 'dd-mm-yy',
                        changeMonth : true,
                        changeYear : true
                });
        });

    function getSupplierInvoicelist(supID){
        $.ajax({
            type: "POST",
            data : "supplierID=" + supID ,
            url: "<?php echo base_url() ?>apTransaction/getCompanyInvoiceList",
            success: function(data) {

            var resul = eval ("(" + data + ")"); 
            var n=resul.recordSet.length;
            var i=0;
            var opt='' +
            '<option></option>';
            for (i=0;i<n;i++)
                opt=opt + '<option data-supInvNo="' + resul.recordSet[i].supplierInvoiceNo + '" value="' + resul.recordSet[i].id + '">' + resul.recordSet[i].formNO + '</option>';
                $('#CompInvNo').empty();
                $('#CompInvNo').append(opt);
            }
          });
    }

    function displaysSupplierInvoiceNo(){
        $("#supinvoicenumber").val($('#CompInvNo option:selected').attr("data-supInvNo"));
    }

                                function loadSupplierDefaultValue(me){
                                            $('#currency').attr("value",'');
                                            $('#exchange_rate').attr("value",'');
                                            $.ajax({
                                                    type: "POST",
                                                    data: "supplier="+ $("#supplier option:selected").val(),
                                                    url: "<?php echo base_url() ?>purchasetransaction/loadSupplierDefaultValue",
                                                    success: function(data) {
                                                             var resul = eval ("(" + data + ")"); 
                                                            $('#currency').attr("value",resul.records[0].currency);
                                                            $('#exchange_rate').attr("value",resul.records[0].exchangeRate);
                                                    }
                                             });
                                             getSupplierInvoicelist($("#supplier option:selected").val());
                                    }
				
                                    function refreshSupplier(){
                                            $.ajax({
                                                    type: "POST",
                                                    url: "<?php echo base_url() ?>purchasetransaction/refreshSupplier",
                                                    success: function(data) {
						
                                                       var resul = eval ("(" + data + ")"); 
                                   var n=resul.records.length;
                                   var i=0;
                                   var opt='' +
                                                    '<option></option>';
                                    for (i=0;i<n;i++)
                                            opt=opt + '<option value="' + resul.records[i].id + '">' + resul.records[i].supplierName + '</option>';
                                                            $('#supplier').empty();
                                  $('#supplier').append(opt);
                                                    }
                                             });
					 
                                    }
				
				
                                    function getItemCode(me){
                                            $.ajax({
                                                    type: "POST",
                                                    data: "itemCode="+$(me).val(),
                                                    url: "<?php echo base_url() ?>itemSetup/getItemCodes",
                                                    success: function(data) {
                                                       $("#itemcode").attr("data-source", data);
                                                    }
                                             });
                                    }
				
				
                                    function refreshProject(){
                                            $.ajax({
                                                    type: "POST",
                                                    url: "<?php echo base_url() ?>purchasetransaction/refreshProject",
                                                    success: function(data) {
						
                                                       var resul = eval ("(" + data + ")"); 
                                   var n=resul.records.length;
                                   var i=0;
                                   var opt='' +
                                                    '<option></option>';
                                    for (i=0;i<n;i++)
                                            opt=opt + '<option value="' + resul.records[i].id +'">' + resul.records[i].projectName + '</option>';
                                                            $('#project').empty();
                                    $('#project').append(opt);
                                                    }
                                             });
                                    }
				
                                    function openModalAddSupplier(){
                                            $.ajax({
                                                    type: "POST",
                                                    url: "<?php echo base_url() ?>purchasetransaction/getSupplierNewForm",
                                                    success: function(result) {
                                                            $("#_popupContent").empty();
                                                            $("#_popupContent").append(result);
                                                            $('#popupModal').modal('show');
                                                            $("#_popupTitle").html("New Supplier");
                                                            $("#popupModal").attr("style","width:900px;left:530px;");
                                                    }
                                             });
                                    }
				
				
                                    function saveParchaseRow(){
                                     if( $("#parchaseDetailForm").validationEngine('validate')){
                                            if ( $("#purchaseInvoiceId").val()=="null"){
					
                                                    $.ajax({
                                                    type: "POST",
                                                    data: {
                                                          supplierID : $("#supplier").val(),
                                                              locationID :  $("#location").val(),
                                                              itemCode:  $("#itemcode").val(),
                                                              formNo : $("#formNo").val(),
                                                              invoiceDate: $("#createdDate").val(),
                                                              memo: $("#memo").val(),
                                                              supplierInvoiceID : $("#CompInvNo").val(),
                                                          
                                                              projectID: $("#project").val(),
                                                              termsID: $("#term").val(),
                                                              lineNo : $("#listDetails").attr("data-currentRow")*1+1,
                                                              currencyID: $("#currency").val(),
                                                              exchangeRate : $("#exchange_rate").val(),
                                                              itemId : $("#itemComboList").val(), 
                                                              itemdescription: $("#itemdes").val(),
                                                              quantity : $("#itemqte").val(),
                                                              unitPrice: $("#itemunitprice").val(),
                                                              amountExcludedTax: $("#itemAmountET").val(),
                                                              taxID: $("#itemTax").attr("data-taxid"),
                                                              taxRate: $("#itemTax").val(),
                                                              taxAmount: $("#itemTaxAmount").val(),
                                                              amountIncludedTax:$("#itemAmountIT").val()
                                                            },
                                                     url: "<?php echo base_url() ?>Aptransaction/saveNewParchaseCredit",
                                                     success: function(data) {
                                                     var resul = eval ("(" + data + ")"); 
                                                      $("#purchaseInvoiceId").val(resul.invoiceID);
                                                      $(''+
                                                       '<tr>' +
                                                              '<td>' + ($("#listDetails").attr("data-currentRow")*1 + 1) + '</td>'+
                                                              '<td>' + $("#itemComboList 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>'+
                                                              '</td>'+
                                                          '</tr>'
                                                            ).insertBefore( "#trInfos" );
                                                            $("#btnCancel").trigger("click");
                                                            getTotal ();
                                                            $("#listDetails").attr("data-currentRow",$("#listDetails").attr("data-currentRow")*1 + 1);
                                                   msg (1,"alert alert-success","Details successfully saved");
                                                    } //end function
                                             });//end ajax
                                            }else{
                                                    $.ajax({
                                                    type: "POST",
                                                    data: {
                                                              invoiceId : $("#purchaseInvoiceId").val(),
                                                              itemId : $("#itemComboList").val(), 
                                                              lineNo : $("#listDetails").attr("data-currentRow")*1+1,
                                                              itemdescription: $("#itemdes").val(),
                                                              quantity : $("#itemqte").val(),
                                                              unitPrice: $("#itemunitprice").val(),
                                                              amountExcludedTax: $("#itemAmountET").val(),
                                                              taxID: $("#itemTax").attr("data-taxid"),
                                                              taxRate: $("#itemTax").val(),
                                                              taxAmount: $("#itemTaxAmount").val(),
                                                              amountIncludedTax:$("#itemAmountIT").val(),
                                                              totalPayable: accounting.unformat($("#totalpayable").val())*1 +  accounting.unformat($("#chargeAmountIT").val()),
                                                              totalTaxAmount : accounting.unformat($("#impotpayable").val())*1 + accounting.unformat($("#chargetaxAmount").val()),
                                                              totalAmount : accounting.unformat($("#totalamount").val())*1 + accounting.unformat( $("#chargeAmount").val())*1

                                                            },
                                                    url: "<?php echo base_url() ?>apTransaction/saveParchaseCreditDetail",
                                                    success: function(data) {
                                                     msg (1,"alert alert-success","Details successfully saved");
                                                      var resul = eval ("(" + data + ")"); 
                                               $(''+
                                                    '<tr>' +
                                                              '<td>' + ($("#listDetails").attr("data-currentRow")*1 + 1) + '</td>'+
                                                              '<td>' + $("#itemComboList 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">' + accounting.formatNumber($("#itemAmountIT").val(),2) + '</td>'+
                                                             '<td>'+
                                                              '</td>'+
                                                          '</tr>'
                                                ).insertBefore( "#trInfos" );
                                                $("#btnCancel").trigger("click");
                                                getTotal ();
                                                $("#listDetails").attr("data-currentRow",$("#listDetails").attr("data-currentRow")*1 + 1);
                                               }
                                             }); //end ajax
                                            } //end if data valide
                                            }else {
                                                    msg (1,"alert alert-error", "Data incorrect or invalid ...");
                                            }
					
                                    }
				
                                    function deleteCompanyDetail(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: "detailsId="+ $(me).attr("data-detailid"),
                                                    url: "<?php echo base_url() ?>purchaseCreditNote/deleteCompanyDetail",
                                                    success: function(data) {
                                                            msg (1,"alert alert-success","Data deleted succesfuly ...");
                                                            var td=me.parentNode;
                                                            var tr=td.parentNode;
                                                            var tBody=tr.parentNode;
                                                            tBody.removeChild(tr);
                                                            $("#calcul").trigger("click");
                                                            }
                                                    });
                                            });
					
                                            }
				
                                    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 refreshItems(){
                                        $.ajax({
                                                type: "POST",
                                                url: "<?php echo base_url() ?>po_transaction/refreshItems",
                                                success: function(data) {
						
                                                   var resul = eval ("(" + data + ")"); 
                                                   var n=resul.records.length;
                                                   var i=0;
                                                   var opt='' +
                                                        '<option></option>';
                                                    for (i=0;i<n;i++)
                                                            opt=opt + '<option data-price="'+ resul.records[i].price +'" data-description="' + resul.records[i].description + '" value="' + resul.records[i].id + '">' + resul.records[i].name + '[' + resul.records[i].code + ']' + '</option>';
                                                    $('#itemComboList').empty();
                                                    $('#itemComboList').append(opt);
                                                                    }
                                         });
					 
                                }
                                    function calculamountET(){
				
						
                                            $("#totalamount").val("");
					
                                            $("#impotpayable").val("");
					
                                            $("#totalpayable").val("");
                                            if ($("#itemTax").attr("data-taxid")=="") {
                                                    taxPopup ();
                                            }
						
                                            var j_itemAmountET =accounting.unformat($("#itemunitprice").val())*accounting.unformat($("#itemqte").val());
					
					
                                            var j_itemTaxAmount= accounting.unformat(j_itemAmountET)*accounting.unformat($("#itemTax").val())/100;
					
					
                                            if (!isNaN(j_itemAmountET))
                                                    $("#itemAmountET").val(accounting.formatNumber(accounting.unformat(j_itemAmountET,2)));
						
                                            if (!isNaN(j_itemTaxAmount))
                                                    $("#itemTaxAmount").val(accounting.unformat(j_itemTaxAmount));
						
                                            $("#itemAmountIT").val(accounting.unformat(j_itemTaxAmount+j_itemAmountET,2));
					
                                            if (!isNaN(j_itemTaxAmount) && !isNaN(j_itemTaxAmount) )
                                                    $("#itemAmountIT").val(accounting.formatNumber(j_itemTaxAmount+j_itemAmountET,2));	
					
                                    }
		
                
            function displaysItemDefaultValue(){
        // alert($("#itemComboList option:selected").attr("data-taxid"));
              $("#itemdes").val($("#itemComboList option:selected").attr("data-desc"));
            $("#itemunitprice").val(accounting.formatNumber($("#itemComboList option:selected").attr("data-price"),2));
            $("#itemTax").val($("#itemComboList option:selected").attr("data-taxPercentage"));
            $("#itemTax").attr("data-taxid",$("#itemComboList option:selected").attr("data-taxid"));
            $("#displayTaxCode").text($("#itemComboList option:selected").attr("data-taxcode"));
        }
    
    
            function addRowInvoice(){
                    if (!$("#itemComboList").length) {
                        $(''+
                                              '<tr><td class="span1">' + ($("#listDetails").attr("data-currentRow")*1 + 1) + '</td>'+
                                 '<td class="span2" >' +
                                '<select id="itemComboList" class="span10" 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>' +
                            '<div class="btn-group span1">' +
                            '<button class="btn btn-mini btn-primary dropdown-toggle" data-toggle="dropdown">' +
                            '   <span class="i-arrow-down-2"></span> </button> <ul class="dropdown-menu">' +
                            '<li><a target="_blank" href="<?php echo base_url() ?>icsetting/itemNew">' +
                            '<i class="icon-plus-sign"></i><?php echo $this->lang->line('addNewItem') ?></a></li>' +
                            '<li><a href="#" onclick="refreshItems()"><i class="icon-refresh"></i><?php echo $this->lang->line('refreshlist') ?></a>' +
                            '</li> </ul></div></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="calculamountET()" name="itemunitprice" class="span12 validate[required,custom[number]]" type="text" placeholder="Unit Priece"></td>'+
                                                    '<td class="span1"><input id="itemqte" onkeyup="calculamountET()"  name="itemqte" class="span12 validate[required,custom[integer]]" type="text" placeholder="Qty return"></td>'+
                            '<td class="span1"><input id="itemAmountET" name="itemAmountET" onkeydown="return false;" class="span12 validate[required]" type="text" placeholder="Amount (Exclude Tax)"></td>'+
                            '<td class="span1"><div  class=" span12 input-prepend"><input data-taxid="" id="itemTax" onkeyup="calculamountET()" name="itemTax" style="width:40px;" class="validate[required, custom[number]]" type="text" placeholder="Tax(%)"><span onclick="taxPopup ()" id="displayTaxCode" style="margin:0;" class="btn add-on">....</span></div></td>'+
                            '<td class="span1"><input id="itemTaxAmount" name="itemTaxAmount" onkeydown="return false;" class="span12" type="text" placeholder="Tax Amount"></td>'+
                            '<td class="span1"><input id="itemAmountIT" name="itemAmountIT" onkeydown="return false;" class="span12" type="text" placeholder="Amount (Include Tax)"></td>'+
                            '<td class="span1">'+
                                                            '<button class="btn btn-mini btn-primary" onclick="saveParchaseRow()" type="button"><span class="icon-ok-circle"></span></button>'+
                                                            '<button id="btnCancel" class="btn btn-mini btn-danger" onclick="delRowInvoice(this)" type="button"><span class="icon-remove-circle"></span></button>'+
                                                    '</td>'+
                        '</tr>'


                                              ).insertBefore( "#trInfos" );
                                            $('#itemComboList').select2();
					
 
                                            }else{
                                                    msg (1,"alert","Please, do save the current details before addind new one");
                                                    }
                                    }
 
      function getTotal (){
	  
             $("#totalamount").val("");
  
            $("#impotpayable").val("");
  
            $("#totalpayable").val("");
             var n =$("#listDetails > tbody > tr").length-1;
             var totalAmount =0;
             var impot = 0;
             var total = 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; 
             }
	
            // calcul for charge
	
             var n =$("#listCharge > tbody > tr").length-1;
             var totalAmountCharge =0;
             var impotCharge = 0;
             var totalCharge = 0;
             for (i=0; i<=n; i++) {
                            totalAmountCharge= totalAmountCharge + accounting.unformat($('#listCharge > tbody > tr:eq(' + i + ') > td:eq(3)').text())*1; 
                            impotCharge= impotCharge + accounting.unformat($('#listCharge > tbody > tr:eq(' + i + ') > td:eq(5)').text())*1; 
                            totalCharge= totalCharge + accounting.unformat($('#listCharge > tbody > tr:eq(' + i + ') > td:eq(6)').text())*1; 
             }
	 
             $("#totalamount").val(accounting.formatNumber(totalAmount + totalAmountCharge,2));
  
            $("#impotpayable").val(accounting.formatNumber(impot +  impotCharge,2));
  
            $("#totalpayable").val(accounting.formatNumber(total + totalCharge,2));
      }
					
					
    function msg(n,type, message){
	
            $("#msg_div"+n +" p").html(message);
            $("#msg_div"+n).attr("class","alert " + type);
    }

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

   /* function checkformNumber(me){ 
            var answer ="no";
            $.ajax({
              type: "POST",
              data: "code="+ me.value,
              url: "<?php echo base_url() ?>purchaseCreditNote/checkformNumber",
              success: function(data) {
                      if(data=="yes"){
                              $("#formNo").attr("placeholder","Error: Number exist ...");
                              $("#formNo").val("");
                              msg (1,"alert", "This form number is already used ");
                      }
              }
       });
       return answer;
    }
*/
    function taxPopup () {
            $('#popupModal').modal('show');
            $("#_popupTitle").html("Purchase Invoice");
            $("#_popupContent").html('' +
              '<label>Select a tax</label>' +
              '<select style="width:100%;"  name="listTaxPopup" id="listTaxPopup"><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"));
                     calculamountET();
            });
    }
    
    
    function addRowInvoiceCharge(){
        if (!$("#chargeAccount").length) {
             $(''+
             '<tr><td class="span1">' + ($("#listCharge").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="Save" onclick = "saveCharge()" 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 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 saveCharge(){
    if( $("#parchaseDetailForm").validationEngine('validate')){
    if ( $("#purchaseInvoiceId").val()=="null"){

            $.ajax({
            type: "POST",
            data: {
                supplierID : $("#supplier").val(),
                locationID :  $("#location").val(),
                itemCode:  $("#itemcode").val(),
                formNo : $("#formNo").val(),
                invoiceDate: $("#createdDate").val(),
                memo: $("#memo").val(),
                supplierInvoiceID : $("#CompInvNo").val(),

                accountNoID : $("#chargeAccount").val(), 
                lineNo : $("#listCharge").attr("data-currentRow")*1 + 1,
                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() ?>aptransaction/saveNewParchaseChargeCredit",
             success: function(data) {
                        var resul = eval ("(" + data + ")"); 
                        $("#purchaseInvoiceId").val(resul.invoiceID);
                        $(''+
                          '<tr><td class="span1">' + ($("#listCharge").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></td>'+
                  '</tr>' ).insertBefore( "#trInfosCharge" );
                        var op =$("#listCharge").attr("data-currentRow")*1;
                        $("#listCharge").attr("data-currentRow",op+1);
                        $("#btnCancelCharge").trigger("click");
                        getTotal ();
                        msg (2,"alert alert-success","Details successfully saved");
            } //end function
     });//end ajax
    }else{
            $.ajax({
            type: "POST",
            data: {
                   invoiceId : $("#purchaseInvoiceId").val(),

                    accountNoID : $("#chargeAccount").val(), 
                    lineNo : $("#listCharge").attr("data-currentRow")*1 + 1,
                    itemdescription: $("#chargedesc").val(),
                    amountExcludedTax : accounting.unformat( $("#chargeAmount").val()),
                    taxID: $("#listTax").val(),
                    taxAmount: accounting.unformat($("#chargetaxAmount").val()),
                    amountIncludedTax: accounting.unformat($("#chargeAmountIT").val()),
                    totalPayable: accounting.unformat($("#totalpayable").val())*1 +  accounting.unformat($("#chargeAmountIT").val()),
                    totalTaxAmount : accounting.unformat($("#impotpayable").val())*1 + accounting.unformat($("#chargetaxAmount").val()),
                    totalAmount : accounting.unformat($("#totalamount").val())*1 + accounting.unformat( $("#chargeAmount").val())*1

                    },
            url: "<?php echo base_url() ?>aptransaction/saveNewCreditChargeDetail",
            success: function(data) {
                        var resul = eval ("(" + data + ")"); 
                        $(''+
                   '<tr><td class="span1">' + ($("#listCharge").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></td>'+
                  '</tr>'
                        ).insertBefore( "#trInfosCharge" );
                        var op =$("#listCharge").attr("data-currentRow")*1;
                        $("#listCharge").attr("data-currentRow",op+1);
                        $("#btnCancelCharge").trigger("click");
                        getTotal ();
                        msg (2,"alert alert-success","Details successfully saved");
       }
     }); //end ajax
    } //end if data valide
    }else {
            msg (1,"alert alert-error", "Data incorrect or invalid ...");
    }
}



    </script>
    <style>
    tbody td {
        font-size:11px;}
    </style>


    <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('titleCrediNote') ?></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">
            <form id="parchaseDetailForm" action="#">    
                <div class="row-fluid">
                    <div class="alert alert-info">
                        <strong><?php echo $this->lang->line('titleCrediNote') ?></strong>
                    </div>
                </div>
                <div class="row-fluid scRow">                            
                    <div class="span6 scCol">
                        <div class="block ns" id="grid_block_1">
                            <div class="content">
                                <div class="controls-row">
                                    <div class="span4"><?php echo $this->lang->line('supplier') ?></div>
                                    <input type="hidden" id="purchaseInvoiceId" value="null"/>
                                    <div class="span8">
                                        <select class="span10 validate[required]" id="supplier" onchange="loadSupplierDefaultValue(this)">
                                            <option></option>
                                            <?php
                                            if ($supplier != '') {
                                                foreach ($supplier as $row) {
                                                    ?>
                                                    <option value="<?php echo $row->ID; ?>"> <?php echo $row->supplierName; ?></option>
    <?php }
}
?>
                                        </select>
                                        <div class="btn-group span1">
                                            <button class="btn btn-mini btn-primary dropdown-toggle" data-toggle="dropdown">
                                                <span class="i-arrow-down-2"></span>
                                            </button>
                                            <ul class="dropdown-menu">
                                                <!-- dropdown menu links -->
                                                <li><a target="_blank" href="<?php echo base_url() ?>supplier/SupplierNew"  id="btnNewSupplier">
                                                        <i class="icon-plus-sign"></i> <?php echo $this->lang->line('addNewSupplier') ?></a></li>
                                                <li><a href="#" onclick="refreshSupplier()" id="btnNewSupplier">
                                                        <i class="icon-refresh"></i><?php echo $this->lang->line('refreshlist') ?></a></li>
                                            </ul>
                                        </div><!-- btn group -->
                                    </div>

                                </div> <!-- row -->
                                <div class="controls-row">
                                    <div class="span4"><?php echo $this->lang->line('formNo') ?></div>
                                    <div class="span5">
                                        <input class="span12 validate[required]" id="formNo" name="formNo" value='<?php echo "$formNo"; ?>' style="color:red;"   type="text" placeholder="Form number ...">
                                    </div>
                                    <div class="span3">
                                        <input  class="span12"   type="text" placeholder="Serial" disabled="disabled">
                                    </div>
                                </div> <!-- row -->
                                <div class="controls-row">
                                    <div class="span4"><?php echo $this->lang->line('date') ?></div>
                                    <div class="span8">
                                        <div class="input-prepend span12"><span class="add-on span2"><i class="i-calendar"></i></span>
                                            <?php
                                            $data = array(
                                                'name' => 'createdDate',
                                                'id' => 'createdDate',
                                                'type' => 'text',
                                                'onkeydown' => 'return false',
                                                'class' => 'span10 datepicker validate[required]',);
                                            echo form_input($data, date(element('dtFormat', $this->session->userdata('logged_in'))));
                                            ?>
                                        </div>
                                    </div>
                                </div> <!-- row -->

                                <div class="controls-row">
                                    <div class="span4"><?php echo $this->lang->line('project') ?></div>
                                    <div class="span8">
                                        <select id="project" class="span10 validate[required]">
                                            <option></option>
                                            <?php
                                            if ($project != '') {
                                                foreach ($project as $row) {
                                                    ?>
                                                    <option value="<?php echo $row->ID; ?>"><?php echo $row->project_name; ?></option>
    <?php }
}
?>
                                        </select>
                                        <div class="btn-group span1">
                                            <button class="btn btn-mini btn-primary  dropdown-toggle" data-toggle="dropdown">
                                                <span class="i-arrow-down-2"></span>
                                            </button>
                                            <ul class="dropdown-menu">
                                                <!-- dropdown menu links -->
                                                <li><a target="_blank" href="<?php echo base_url() ?>project/new"  id="btnNewPro">
                                                        <i class="icon-plus-sign"></i><?php echo $this->lang->line('addNewProject') ?></a></li>
                                                <li><a href="#" onclick="refreshProject()"><i class="icon-refresh"></i><?php echo $this->lang->line('refreshlist') ?></a></li>
                                            </ul>
                                        </div><!-- btn group -->
                                    </div>
                                </div> <!-- row control -->
                            </div>
                        </div><!-- grid block 1-->
                    </div><!-- scCol -->
                    <div class="span6 scCol">
                        <div class="block ns" id="grid_block_2">
                            <div class="content">
                                <div class="controls-row">
                                    <div class="span4"><?php echo $this->lang->line('invoiceNo') ?></div>
                                    <div class="span8">
                                        <select onchange="displaysSupplierInvoiceNo()" id="CompInvNo" class="span12 validate[required]">
                                            <option></option>
                                        </select>
                                    </div><!-- span -->
                                </div><!-- control row -->

                                <div class="controls-row">
                                    <div class="span4"><?php echo $this->lang->line('supplierInvoiceNo') ?></div>
                                    <div class="span8">
                                        <input id="supinvoicenumber" disabled="disabled" class="span12 validate[required]" type="text" placeholder="Supplier Invoice Number">
                                    </div><!-- span -->
                                </div> <!-- row -->

                                <div class="controls-row">
                                    <div class="span4"><?php echo $this->lang->line('currency') ?></div>
                                    <div class="span8">
                                        <input id="currency" name="currency" type="text" placeholder="Currency" disabled class="span12 validate[required,minSize[5],maxSize[10]]">            
                                    </div><!-- span -->
                                </div><!-- control row -->
                                <div class="controls-row">
                                    <div class="span4"><?php echo $this->lang->line('exchangeRate') ?></div>
                                    <div class="span8">
                                        <input class="span12" id="exchange_rate" name="exchange_rate" type="text" placeholder="Example: 3.2" >           
                                    </div><!-- span -->
                                </div><!-- control row -->
                            </div>
                        </div><!-- grid block 1-->
                    </div><!-- scCol -->
                </div>
                <div class="row-fluid scRow">                            
                    <div class="span12 scCol">
                        <div class="block" id="grid_block_4">
                            <div class="head">
                                <h2><?php echo $this->lang->line('items') ?></h2>
                                <ul class="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>                                        
                            </div><!-- head -->
                            <div class="content np">
                                <table data-currentRow="0" 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><?php echo $this->lang->line('unitPrice') ?></th>
                                            <th><?php echo $this->lang->line('quantity') ?></th>
                                            <th><?php echo $this->lang->line('amountExcludeTax') ?></th>
                                            <th><?php echo $this->lang->line('amountTax') ?></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>
                                        <tr 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 class="footer">
                                    <div class="side fr">
                                        <div class="btn-group">
                                            <button style="margin-right:6px;" onclick="$('#parchaseDetailForm').validationEngine('hide');" class="btn btn-mini" type="button" name="validat">Hide prompts</button>
                                            <button id="addRow" onclick="addRowInvoice()" class="btn btn-mini btn-primary" type="button">
                                                <i class="icon-plus-sign"></i><?php echo $this->lang->line('addNewDetails') ?></button>
                                        </div><!-- btn group -->      
                                    </div><!-- side fr -->      
                                </div><!-- footer -->      
                            </div><!-- content -->
                        </div><!-- grid block 4-->
                    </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">
                                <h2><?php echo $this->lang->line('charge') ?></h2>
                                <ul class="buttons">
                                    <li><a class="block_toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                                            <span class="i-arrow-down-3"></span></a></li>
                                </ul>                                        
                            </div><!-- head -->
                            <div class="content np">
                                <table data-currentRow="0" 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 class="amount"><?php echo $this->lang->line('amount') ?></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><?php echo $this->lang->line('action') ?></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr 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 class="footer">
                                    <div class="side fr">
                                        <div class="btn-group">
                                            <button style="margin-right:6px;" onclick="$('#parchaseDetailForm').validationEngine('hide');" class="btn btn-mini" type="button" name="validat">Hide prompts</button>
                                            <button id="addRowCharge" onclick="addRowInvoiceCharge()" class="btn btn-mini btn-primary" type="button">
                                                <i class="icon-plus-sign"></i><?php echo $this->lang->line('addNewCharge') ?></button>

                                        </div><!-- btn group -->      
                                    </div><!-- side fr -->      
                                </div><!-- footer -->      
                            </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">
                                <div class="controls-row">
                                    <textarea style="min-height:145px;" id="memo" class="span12" placeholder="Memo"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <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" 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 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 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-mini 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 4-->
                    </div><!-- scCol -->
                </div><!-- row-fluid scRow-->
        </div><!-- grid 1 -->
    </div><!-- wrap -->
</div><!-- content -->

</form>


