<style type="text/css">

    .btn-group button {
        height:30px;}

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

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

    #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 {
        font-size: 10px;
    }
    #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 type="application/javascript">
    /* window.onbeforeunload = function (e) {
        if (accounting.unformat( $('#outofbalance').val() ) !== 0 ){
  var message = "The out of balance is different of zero, Confirm leave ",
  e = e || window.event;
  // For IE and Firefox
  if (e) {
    e.returnValue = message;
  }

  // For Safari
  return message;
        }
}; */
    $(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 getItemCode(me){
                                        $.ajax({
                                                type: "POST",
                                                data: "itemCode="+$(me).val(),
                                                url: "<?php echo base_url() ?>purchasetransaction/getItemCodes",
                                                success: function(data) {
                                                   $("#itemcode").attr("data-source", data);
                                                }
                                         });
                                }
                                */
			function getLatestItemPrice(){
     $.ajax({
            type: "POST",
            data : {
                option :'purchase',
                itemID : $("#itemComboList").val(),
                datePrice : $("#createdDate").val(),
                supplierID : -1
            },
            url: "<?php echo base_url() ?>aptransaction/getPrice",
            success: function(data) {
                $("#itemunitprice").val(accounting.formatNumber(data,2));
            }
      });
}
                                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 displaybanksInfos() {
                                    $("#acctNo").val($("#bank option:selected").attr("data-bankAccountNo"));
                                    $("#balance").val($("#bank option:selected").attr("data-currentBalance"));
                                }
				
			
			
	
                                function savepayment(me){
                                //	alert($("#paymentId").val());
                                        //return 0;
                                                if ($("#itemcode").attr("itemID")=="")
                                                 $("#itemname").val("");
                                                 if( $("#paymentDetail").validationEngine('validate') && finanEngine('financhk')){
                                                        if ( $("#paymentId").val()=="null"){
								$(me).attr("disabled","disabled");
                                                                $.ajax({
                                                                type: "POST",
                                                                data: {
									
                                                                                memo : $("#memo").val(),
                                                                                payto : $("#payto").val(),
                                                                                locationID : $("#location").val(), 
                                                                                paymentMethodID : $("#paymentmethood").val(), 
                                                                                amountPaid : accounting.unformat($("#amountpaid").val()), 
                                                                                formNo :  $("#formNo").val(),
                                                                                paymentDate : $("#createdDate").val(),
                                                                                referenceNo: $("#pRefNo").val(),
                                                                                bankId : $("#bank").val(),
                                                                                projectID : $("#project").val(),
									
                                                                                itemID : $("#itemComboList").val(),
                                                                                lineNo : $("#listDetails").attr("data-currentRow")*1+1,
                                                                                itemdescription: $("#itemdes").val(),
                                                                                quantity : $("#itemqte").val(),
                                                                                umid : $("#idUnitOfMeasure").val(),
                                                                                unitPrice: accounting.unformat($("#itemunitprice").val()),
                                                                                amountExcludedTax: accounting.unformat($("#itemAmountET").val()),
                                                                                taxAmount: accounting.unformat($("#itemTaxAmount").val()),
                                                                                amountIncludedTax: accounting.unformat($("#itemAmountIT").val()),
                                                                                taxID: $("#itemTax").attr("data-taxid"),
                                                                                taxRate: $("#itemTax").val()
									  
                                                                        },
                                                                 url: "<?php echo base_url() ?>OthersPayment/savenewpaywithItem",
                                                                 success: function(data) {
                                                                                   var resul = eval ("(" + data + ")"); 
                                                                                   $("#paymentId").val(resul.paymentID);
                                                                                   var urls = "<?php echo base_url();?>othersPayment/editpaywithitem/" + resul.paymentID;
                                                                                     window.location = urls;
                                                                                   $(''+
                                                                                         '<tr>' +
                                                                                                '<td>' +  ($("#listDetails").attr("data-currentRow")*1+1) + '</td>'+
                                                                                                '<td>' +  $("#itemComboList option:selected").text() + '</td>'+
                                                                                                '<td>' + $("#itemdes").val() + '</td>'+
                                                                                                 '<td class="tac">' + $("#idUnitOfMeasure option:selected").text() + '</td>' +
                                                                                                  '<td class="tac">' + $("#itemqte").val() + '</td>'+
                                                                                                '<td class="amount">' + $("#itemunitprice").val() + '</td>'+
                                                                                                '<td class="amount">' + $("#itemAmountET").val() + '</td>'+
                                                                                                '<td class="tac">' + $("#displayTaxCode").text() + " | " + $("#itemTax").val() + '</td>'+
                                                                                                '<td class="amount">' + $("#itemTaxAmount").val() + '</td>'+
                                                                                                '<td class="amount">' + $("#itemAmountIT").val() + '</td>'+
                                                                                                '<td>'+
                                                                                                '</td>'+
                                                                                                '</tr>'
                                                                                          ).insertBefore( "#trInfos" );
                                                                                  $("#listDetails").attr("data-currentRow",($("#listDetails").attr("data-currentRow")*1+1));
                                                                                   $("#btnCancel").trigger("click");
                                                                                   getTotal();
                                                                                  msg (1,"alert alert-success","Details successfully saved");
                                                                                  } //end function
                                                                });//end ajax
                                                        }else{
                                                                $(me).attr("disabled","disabled");
                                                                $.ajax({
                                                                                type: "POST",
                                                                                data: {
                                                                                          otherPaymentID : $("#paymentId").val(),
											  
                                                                                          itemID : $("#itemComboList").val(),
                                                                                          lineNo : $("#listDetails").attr("data-currentRow")*1+1,
                                                                                          itemdescription: $("#itemdes").val(),
                                                                                          quantity : $("#itemqte").val(),
                                                                                          umid : $("#idUnitOfMeasure").val(),
                                                                                          unitPrice: accounting.unformat($("#itemunitprice").val()),
                                                                                          amountExcludedTax: accounting.unformat($("#itemAmountET").val()),
                                                                                          taxAmount: accounting.unformat($("#itemTaxAmount").val()),
                                                                                          amountIncludedTax: accounting.unformat($("#itemAmountIT").val()),
                                                                                          taxID: $("#itemTax").attr("data-taxid"),
                                                                                          taxRate: $("#itemTax").val()
											  
                                                                                        },
                                                                                url: "<?php echo base_url() ?>OthersPayment/savenewpaywithItemDetailOnly",
                                                                                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="tac">' + $("#idUnitOfMeasure option:selected").text() + '</td>' +
                                                                                                  '<td class="tac">' + $("#itemqte").val() + '</td>'+
                                                                                                '<td class="amount">' + $("#itemunitprice").val() + '</td>'+
                                                                                                '<td class="amount">' + $("#itemAmountET").val() + '</td>'+
                                                                                                '<td class="tac">' + $("#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");
                                                                                  $("#listDetails").attr("data-currentRow",($("#listDetails").attr("data-currentRow")*1+1));
                                                                                  getTotal();
                                                                                  msg (1,"alert alert-success","Details successfully saved");
                                                                           }
                                                                 }); //end ajax
                                                        } //end if data valide
                                                 }else {
                                                                msg (1,"alert alert-error", "Data incorrect or invalid ...");
                                                 }
                                }
				
                                /*function getItemDetails(me){
                                        $("#itemname").val("");
                                        $("#itemdes").val("");
                                        $.ajax({
                                                type: "POST",
                                                data: "code="+ me.value,
                                                url: "<?php echo base_url() ?>OthersPayment/getItemDetails",
                                                success: function(data) {
                                                        if(data!="item Not found"){
                                                                 var resul = eval ("(" + data + ")");
                                                                 $("#itemcode").attr("itemID",resul.itemID);
                                                                $("#itemname").val(resul.name);
                                                                $("#itemdes").val(resul.description);
                                                                $("#itemTax").val(resul.tax);
                                                                $("#itemTax").attr("data-taxid",resul.taxID);
                                                                $("#displayTaxCode").text(resul.taxcode); 
                                                        }else{
                                                                $("#itemcode").attr("itemID",""),
                                                                $("#itemdes").attr("placeholder",data);
                                                                $("#itemname").attr("placeholder",data);
                                                                $("#itemTax").attr("data-taxid", "")
                                                                $("#itemTax").val("");
                                                                $("#itemTaxAmount").val("");
                                                                $("#itemAmountIT").val("");
                                                                $("#itemTax").attr("data-taxid",""); 
                                                                $("#displayTaxCode").html("");
								
                                                                }
                                                }
                                         });
                                }*/
				
                                function calculamountET(){
                                        if  ($("#totalamount").val()=="NaN"){
						
                                        $("#totalamount").val("0");
					
                                        $("#impotpayable").val("0");
					
                                        $("#totalpayable").val("0");
                                  }
                                        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 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 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"));
            getItemListOfUM();
            getLatestItemPrice();
        }
				
                                function addRowInvoice(){
					
                                        if (!$("#itemComboList").length) {
                                         $(''+
                                         '<tr>' +
                            '<td>'+ ($("#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-umCode ="<?php echo str_replace(array("\n", "\r","'"), " ", $row->umCode, $count) ?>" data-umid ="<?php echo str_replace(array("\n", "\r","'"), " ", $row->unitOfMeasureID, $count) ?>"  data-desc= "<?php echo str_replace(array("\n", "\r","'"), " ", $row->description, $count); ?>"  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(array("\n", "\r","'"), " ", $row->name, $count)
        . " [" . str_replace(array("\n", "\r","'"), " ", $row->itemCode, $count) . "]";
        ?></option>'+
        <?php
    }
}
?>
                            '</select>' +
                            '<div class="btn-group span1">' +
                            '<button class="btn-icon btn-small 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="i-plus-3"></i><?php echo $this->lang->line('addNewItem') ?></a></li>' +
                            '<li><a href="#" onclick="refreshItems()"><i class="i-ccw"></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">' +
                        '<select onchange="getLatestItemPrice()" id="idUnitOfMeasure" class="span12 validate[required]"><option></option></select></td>'+       
                        '<td class="span1"><input id="itemqte" onkeyup="calculamountET()"  name="itemqte" class="span12 validate[required,custom[integer]]" type="text" placeholder="Qty"></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="itemAmountET" name="itemAmountET" disabled class="input-mini validate[required]" type="text" placeholder="Amount (Exclude Tax)"></td>'+
                        '<td class="span1"><div  class="input-prepend"><input data-taxid="" id="itemTax" disabled="disabled" onkeyup="calculamountET()" 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" type="text" placeholder="Tax Amount"></td>'+
                        '<td class="span1"><input id="itemAmountIT" name="itemAmountIT" disabled class="span12" type="text" placeholder="Amount (Include Tax)"></td>'+
                        '<td class="span1">'+
                                                        '<button tilte="Save" class="btn-icon btn-mini btn-success-form" onclick="savepayment(this)" type="button"> <i class="i-checkmark-3"></i> </button>'+
                                                        '<button title="Cancel" id="btnCancel" class="btn-icon btn-mini btn-danger-form" onclick="delRow(this)" type="button"><i class="i-cross"></i></button>'+
                                                '</td>'+
                    '</tr>'
                                          ).insertBefore( "#trInfos" );
					
                                        $("#itemComboList").select2();
                                        
                                        
                                         $('#idUnitOfMeasure').select2();
    $.each($("#listDetails .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 (1,"alert","Please, do save the current details before adding 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(6)').text())*1; 
                        impot= impot + accounting.unformat($('#listDetails > tbody > tr:eq(' + i + ') > td:eq(8)').text())*1; 
                        total= total + accounting.unformat($('#listDetails > tbody > tr:eq(' + i + ') > td:eq(9)').text())*1; 
         }
	
	
	
         $("#totalallocated").val(accounting.formatNumber(totalAmount,2));
  
        $("#totaltaxamount").val(accounting.formatNumber(impot,2));
  
        $("#totalpaid").val(accounting.formatNumber($("#amountpaid").val(),2));
	
        
        $("#outofbalance").val(accounting.formatNumber(accounting.unformat($("#amountpaid").val())-total,2));
	
  }
					
					
function msg(n,type, message){
	
        $("#msg_div"+n +" p").html(message);
        $("#msg_div"+n).attr("class","alert " + type);
}

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

function refreshLocation(){
 $.ajax({
        type: "POST",
        url: "<?php echo base_url() ?>purchasetransaction/refreshLocation",
        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].location + '</option>';
                $('#location').empty();
                $('#location').append(opt);
        }
   });	
}

function refreshPayMethod(){
        $.ajax({
        type: "POST",
        url: "<?php echo base_url() ?>OthersPayment/refreshPayMethod",
        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].name + '</option>';
                $('#paymentmethood').empty();
                $('#paymentmethood').append(opt);
        }
   });	
}


function taxPopup () {
        $('#popupModal').modal('show');
        $("#_popupTitle").html("Purchase Invoice");
        $("#_popupContent").html('' +
          '<label>Select a tax</label>' +
          '<select style="width:100%;" onchange="calculamountET()" name="listTaxPopup" id="listTaxPopup"  class= "validate[required]">' +
<?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(array("\n", "\r","'"), " ", $row2->name, $count); ?></option>'+
    <?php }
} ?>
                                                         '</select>');
                  $("#listTaxPopup").select2();
	
        $('#_popupFooter').empty();
           $('#_popupFooter').append('<button class="btn-form btn-success-form" id="confButton">Ok</button>' +
        '<button class="btn-form btn-danger-form" 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 calculOutOfBalance(){
     $("#outofbalance").val(accounting.formatNumber(accounting.unformat($("#amountpaid").val())-accounting.unformat($("#totalpaid").val()),2));
}

      function getItemListOfUM(){
        $("#idUnitOfMeasure").empty();
        if ($("#itemComboList option:selected").attr("data-umID") +">"+ $("#itemComboList option:selected").attr("data-umCode")!=null){
        //  $("#idUnitOfMeasure").select2('destroy'); 
            $("#idUnitOfMeasure").append("<option data-unitm='1' data-factor='1'  value="+ $("#itemComboList option:selected").attr("data-umID") +">"+ $("#itemComboList option:selected").attr("data-umCode") +"</option>");
           $("#idUnitOfMeasure").select2("val",$("#itemComboList option:selected").attr("data-umID"));

        }
             $.ajax({
            type: "POST",
            data : "unitFrom=" + $("#itemComboList option:selected").attr("data-umID") + "&itemID=" + $("#itemComboList").val() ,
            url: "<?php echo base_url() ?>apTransaction/getItemUnitList",
            success: function(data) {

            var resul = eval ("(" + data + ")"); 
            var n=resul.recordSet.length;
            var i=0;
            var opt='';
            for (i=0;i<n;i++){
                opt=opt + '<option  value="' + resul.recordSet[i].ID + '" data-unitm="' + resul.recordSet[i].unitm + '" data-factor="' + resul.recordSet[i].factor + '" data-desc ="' + resul.recordSet[i].desc + '">'+ resul.recordSet[i].code +'</option>';
                
            }
                $('#idUnitOfMeasure').append(opt);
            }
          }); 
    }
    

</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() . "AccountPayables/home" ?>'> <?php echo $this->lang->line('module') ?></a> <span class="divider">-</span></li>
                    <li class="active"><?php echo $this->lang->line('cashpurchase') ?></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="paymentDetail" action="#">
                <input type="hidden" name="paymentId" id="paymentId" value="null" />   
              
                <div class="block">
                     <div class="head">
     <h2><strong><?php echo $this->lang->line('cashpurchase') ?></strong></h2>
</div><!-- head -->
                    <div class="content">
                        <div class="row-fluid scRow">                            
                            <div class="span4 scCol">
                                <div class="block ns" id="grid_block_1">
                                    <div class="content nb">
                                        <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="span11"   type="text" placeholder="Serial" disabled="disabled">
                                        </div>
                                    </div> <!-- row -->
                                    
                                    <div class="content nb">
                                        <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 datepicker2 validate[required] financhk',);
                                                echo form_input($data, date("d-m-Y"));
                                                ?>
                                            </div>
                                        </div>
                                    </div> <!-- row -->
                                    
                                    <div class="content nb">
                                        <div class="span4"><?php echo $this->lang->line('payto') ?></div>
                                        <div class="span8">
                                            <textarea style="min-height:85px;" id="payto" class="span12 validate[required]" placeholder="<?php echo $this->lang->line('payto') ?>"></textarea>
                                        </div><!-- span -->
                                    </div> <!-- row -->


                                    
                                </div><!-- grid block 1-->
                            </div><!-- scCol -->

                            <div class="span4 scCol">
                                <div class="block" id="grid_block_3">
                                    <div class="content nb">
                                        <div class="span4"><?php echo $this->lang->line('bank') ?></div>
                                        <div class="span8">
                                            <select onchange="displaybanksInfos()" name="bank" id="bank" class="span12 validate[required]"><option></option>' +
                                                <?php
                                                if ($bankaccount) {
                                                    foreach ($bankaccount as $row) {
                                                        ?>
                                                        '<option data-currentBalance="<?php echo $row->currentBalance; ?>" data-bankAccountNo="<?php echo $row->bankAccountNo; ?>"  value="<?php echo $row->ID; ?>"><?php echo $row->bankShortName . " | ";
                                                        echo str_replace(array("\n", "\r","'"), " ", $row->branch, $count); ?></option>'+
    <?php }
} ?>
                                            </select>
                                        </div>
                                    </div> <!-- row -->

                                    <div class="content nb">
                                        <div class="span4"><?php echo $this->lang->line('acctno') ?></div>
                                        <div class="span8">
                                            <input id="acctNo" class="span12 tar" disabled type="text" placeholder="0">
                                        </div><!-- span -->
                                    </div> <!-- row -->

                                    <div class="content nb">
                                        <div class="span4"><?php echo $this->lang->line('balance') ?></div>
                                        <div class="span8">
                                            <input id="balance" disabled class="span12 validate[required] tar" type="text" placeholder="0.00">
                                        </div><!-- span -->
                                    </div> <!-- row -->

                                    <div class="content nb">
                                        <div class="span4"><?php echo $this->lang->line('project') ?></div>
                                        <div class="span8">
                                            <select id="project" class="span10">
                                                <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-icon btn-small 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="i-plus-3"></i><?php echo $this->lang->line('addnewproject') ?></a></li>
                                                    <li><a href="#" onclick="refreshProject()"><i class="i-ccw"></i><?php echo $this->lang->line('refreshlist') ?></a>
                                                    </li>
                                                </ul>
                                            </div> <!-- btn group -->
                                        </div><!-- span -->

                                    </div> <!-- row control -->
                                </div><!-- grid block 1-->
                            </div><!-- scCol -->
                            
                                                        <div class="span4 scCol">
                                <div class="block ns" id="grid_block_2">
                                    <div class="content nb">
                                        <div class="span4"><?php echo $this->lang->line('amountpaid') ?></div>
                                        <div class="span8">
                                            <input onkeyup="calculOutOfBalance()" id="amountpaid" class="span12 validate[required] tar" type="text" placeholder="0.00">
                                        </div><!-- span -->
                                    </div> <!-- row -->



                                    <div class="content nb">
                                        <div class="span4"><?php echo $this->lang->line('refno') ?></div>
                                        <div class="span8">
                                            <input id="pRefNo" class="span12" type="text" placeholder="Ref no">
                                        </div><!-- span -->
                                    </div> <!-- row -->
                                    <div class="content nb">
                                        <div class="span4"><?php echo $this->lang->line('paymentmethood') ?></div>
                                        <div class="span8">
                                            <select class="span10 validate[required]" id="paymentmethood">
                                                <option></option>
                                                <?php
                                                if ($paymentmethod != '') {
                                                    foreach ($paymentmethod as $row) {
                                                        ?>
                                                        <option value="<?php echo $row->ID; ?>"><?php echo $row->name ?></option>
    <?php }
} ?>
                                            </select>
                                            <div class="btn-group span1">
                                                <button class="btn-icon btn-small 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() ?>setting/masterCodeSetup"  id="btnLocation">
                                                            <i class="i-plus-3"></i><?php echo $this->lang->line('addpaymethod') ?></a></li>
                                                    <li><a href="#" onclick="refreshPayMethod()"><i class="i-ccw"></i><?php echo $this->lang->line('refreshlist') ?></a></li>
                                                </ul>
                                            </div> <!-- btnn group -->
                                        </div>
                                    </div>

                                    <div class="content nb">
                                        <div class="span4"><?php echo $this->lang->line('location') ?></div>
                                        <div class="span8">
                                            <select class="span10 validate[required]" id="location">
                                                <option></option>
                                                <?php
                                                if ($location != '') {
                                                    foreach ($location as $row) {
                                                        ?>
                                                        <option value="<?php echo $row->fldid; ?>"><?php echo $row->code . " | " . $row->desc; ?></option>
    <?php }
} ?>
                                            </select>
                                            <div class="btn-group span1">
                                                <button class="btn-icon btn-small 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() ?>ItemSetup/location"  id="btnLocation">
                                                            <i class="i-plus-3"></i><?php echo $this->lang->line('addLocation') ?></a></li>
                                                    <li><a href="#" onclick="refreshLocation()"><i class="i-ccw"></i><?php echo $this->lang->line('refreshlist') ?></a></li>
                                                </ul>
                                            </div> <!-- btnn group -->
                                        </div>
                                    </div>
                                    
                                    
                                </div><!-- grid block 1-->
                            </div><!-- scCol -->
                            
                        </div><!-- row-fluid scRow-->
                    </div><!-- content -->
                </div><!-- bloc -->
                
                 <div class="row-fluid scRow">                            
                    <div class="span12 scCol">
                        
                        <textarea style="margin-top:10px;" id="memo" class="span12" placeholder="<?php echo $this->lang->line('memo') ?>"></textarea>
                        </div>
                </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 class="tac"><?php echo $this->lang->line('um') ?></th>
                                            <th><?php echo $this->lang->line('quantity') ?></th>
                                            <th class="tar"><?php echo $this->lang->line('unitPrice') ?></th>
                                            <th class="tar"><?php echo $this->lang->line('amountExcludeTax') ?></th>
                                            <th class="tac"><?php echo $this->lang->line('amountTax') ?></th>
                                            <th class="tar"><?php echo $this->lang->line('taxAmount') ?></th>
                                            <th class="tar"><?php echo $this->lang->line('amountIncludeTax') ?></th>
                                            <th class="tac"><?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="$('#paymentDetail').validationEngine('hide');" class="btn-form btn-warning-form" type="button" name="validat">Hide prompts</button>
                                            <button id="addRow" onclick="addRowInvoice()" class="btn-icon btn-warning-form" type="button">
                                                <i class="i-plus-2"></i><?php echo $this->lang->line('addNewDetails') ?></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="span6 scCol">
                        
                    </div><!-- scCol -->        
                    <div class="span6 scCol">
                        <div class="block" id="grid_block_4">
                            <div class="content np">
                                <div class="content nb">

                                    <div class="span4"><?php echo $this->lang->line('totalallocated') ?></div>
                                    <div class="span8">
                                        <input id="totalallocated" class="span12 amount" type="text" placeholder="0" disabled="disabled" >
                                    </div>
                                </div><!-- row control -->
                                <div class="content nb">
                                    <div class="span4"><?php echo $this->lang->line('totaltaxamount') ?></div>
                                    <div class="span8">
                                        <input id="totaltaxamount" class="span12 amount" type="text" disabled="disabled"  placeholder="0">
                                    </div>
                                </div><!-- row control -->
                                <div class="content nb">
                                    <div class="span4"><?php echo $this->lang->line('amountpaid') ?></div>
                                    <div class="span8">
                                        <input id="totalpaid" disabled="disabled"  class="span12 amount" type="text" placeholder="0">
                                    </div>
                                </div><!-- row control -->
                                <div class="content nb">
                                    <div class="span4"><?php echo $this->lang->line('outofbalance') ?></div>
                                    <div class="span8">
                                        <input id="outofbalance" disabled="disabled"  class="span12 amount" type="text" placeholder="0">
                                    </div>
                                </div><!-- row control -->
                            </div>    
                        </div><!-- grid block 1-->
                    </div><!-- scCol -->
                </div><!-- row-fluid scRow-->
            </form>
        </div><!-- grid 1 -->
    </div><!-- wrap -->
</div><!-- content -->



