ria/app/Views/deliver_perform.php

 
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.4.2/css/buttons.dataTables.min.css">
      <style> 
          .dataTables_filter input {padding: 4px;}
         .dataTables_filter {
                            width: 50%;
                            float: right;
                            text-align: right;
                            }
			   .dataTables_paginate {
                            width: 50%;
                            float: right;
                            text-align: right;
                           }
		    div.dt-buttons { 
                            position: relative;
                            float: right;

                           }
			 .btn-success {
								background-color:   #00d976;;
								border-color:   #00d976;;
							}			   
					 .col-md-offset-1 {
				margin-left: 2.333333%;
			   
				padding-top: 5px;
			}
			   
	 </style>
	  <div class="content-wrapper">
	 <section class="content">
 <div class="row" style="min-height: 600px;">
        <!-- Left col -->
        <div class="col-md-12">
        <!-- TABLE: LATEST ORDERS -->
          <div class="box box-info">
            <div class="box-header with-border">
              <center><h3 class="box-title"><p style="color:  #00d976;"><b>Delivery Performance</b><br>
			   <?php
			  
			  if($this->input->post('financialyear')){
				  $ab=$this->input->post('financialyear'); 
				  echo '('.$ab.')';
				  echo ' ';
				  
			  }
			  if($this->input->post('month')){
				  $m=$this->input->post('month');   
				  echo '('.$m.')';
				  echo ' ';
			  }
			 
			  ?>
			  </p></h3></center>
			 
			</div>
			<!-- /.box-header -->
			<div class="panel-body">

                    <form method="post" action="<?php echo base_url($this->uri->uri_string()); ?>">

                        <div class="form-group has-feedback">
						
						
						
                       <div class="col-md-2">
							 <label for="to_date">
                                <?php echo 'Year'; ?>
                            </label>
                            <div class="input-group">
                                 <select class="form-control" id="financialyear" name="financialyear">
								 <option value="">Select Year</option>
								 <?php 
								 
								
								  foreach($fy as $item):
										 
										 {?>
										
										<option value="<?php echo $item->financial_year;?>"><?php echo $item->financial_year ;  ?></option>
										
												 
										 <?php } endforeach; ?>
								  
								   </select>
							   </div>
                            </div>
								<div class="col-md-2">
								<label for="to_date">
                                <?php echo 'Month'; ?>
                                </label>
                                <div class="input-group">
                                 <select class="form-control" id="month" name="month">
								  <option value="">Select Month</option>
								 <option value="January">January</option>
								 <option value="February">February</option>
								 <option value="March">March</option>
								 <option value="April">April</option>
								 <option value="May">May</option>
								 <option value="June">June</option>
								 <option value="July">July</option>
								 <option value="August">August</option>
								 <option value="September">September</option>
								 <option value="October">October</option>
								 <option value="November">November</option>
								 <option value="December">December</option>
								 </select>
                              </div>
                      
						

             </div>
						<div class="col-md-2 col-md-offset-1"><br>
                        <input type="submit" class="btn btn-success" name="btn_submit"
                               value="View Report">
                        
							</div>  
							 
                    </form>

               

            </div>	
			  </div>	
			<div class="box-body">
              <div>
                <table class="table table-bordered table-hover" id="cc" style="font-size:14px;">
                   <thead>
				   <tr>
				   
				       
						<!-- <th>S.No</th> -->
						<th>OrderedDate</th>            
						<th>DispatchDate</th>
						<th>CustomerName</th>
						<th>InvoiceNumber</th>            
						<th>OrderedQuantity</th>
					    <th>DispatchQuantity</th>            
						<th>Rating</th>
					 
                      </tr>
                    </thead>
				    <tbody>
				       <?php if(!empty($per)){
					  $tr1=0;
					  $tr2=0; 
					  // $last = $this->uri->total_segments();
		     //           $ab=$this->uri->segment($last);
		               $i=0;
					   foreach($per as $rel)
					    {				
					   ?> 
					  <tr>
                      
						<!-- <td style="text-align:left;"><span><?php echo  ++$i;?></span></td> -->
						   <td ><?php  
                $itemdate=date("d-m-Y",strtotime($rel->invoice_date_created));
                echo $itemdate;
                 ?>
                </td>
                   <td ><?php  
                $invoicedate=date("d-m-Y",strtotime($rel->invoice_date_created));
                echo $invoicedate;
                 ?>
                </td>

              <td style="text-align:left;"><?php echo ($rel->client_name);?></td>
              <td style="text-align:center;"><?php echo ($rel->invoice_number); ?></td> 


                   <td class="amount" style="text-align:right;"><?php
                    $tr1= $tr1 + round($rel->qty);
                  echo number_format(round($rel->qty));
               ?></td>
                
                <td class="amount" style="text-align:right;"><?php
                  $tr2= $tr2 + round($rel->qty);
                  echo number_format(round($rel->qty));
                ?></td>




                <td style="text-align:right;"><?php 
                $OrderedQuantity= round($rel->qty);
                   $DispatchQuantity= round($rel->qty);
                   $Rating =@($DispatchQuantity / $OrderedQuantity )*100;


                echo number_format($Rating, 2, '.', ' ') ;  ?></td>
						
						</tr>
			           <?php
					    }
						
					  ?>
			        </tbody>
					<tfoot  width="100%">

                         
						   <td><strong>&nbsp</strong></td>
						   <td><strong>&nbsp</strong></td>
						   <td><strong>&nbsp</strong></td>
						     <td><strong>Total</strong></td>
						   <td><strong>&nbsp</strong></td>
						   
							<td class="amount" style="text-align:right"><strong>
								 <?php 
								 {
								 echo $tr1;
								
								  } 
								 ?>  
								</strong>	 
								</td>  
								<td class="amount" style="text-align:right"><strong>
								 <?php 
								 {
								 echo $tr2;
								
								  } 
								 ?>  
								</strong>	 
								</td> 
								<td><strong>&nbsp</strong></td>
						 
					
					 </tfoot>
					  <?php
					    }
						
					  ?>
			      </table>
			 
				</div>
			   </div>
			</div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
	  </div>
	  </section>
	  </div>
	 


	<script src="https://cdn.datatables.net/buttons/1.4.2/js/dataTables.buttons.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
	<script src="https://cdn.datatables.net/buttons/1.4.2/js/buttons.html5.min.js"></script>
	<script src="https://cdn.datatables.net/buttons/1.4.2/js/buttons.colVis.min.js"></script>

<script src="https://cdn.datatables.net/plug-ins/1.10.16/sorting/datetime-moment.js"></script>

<script> 
	

// Bootstrap datepicker
// Set up your table
$(document).ready(function() {
		  $.fn.dataTable.moment( 'DD-MM-YYYY' );
    table = $('#cc').DataTable( {
		"language": {
        "emptyTable":     "<center> Data Not Found ! </center>"
        },
        "aaSorting": [[ 1, "desc" ]],
        "autoWidth": false,
        orderCellsTop: true,

        "dom": "<'row'<'col-md-6'l><'col-md-6'Bf>>" +
"<'row'<'col-md-6'><'col-md-6'>>" +
"<'row'<'col-md-12't>><'row'<'col-md-4'i><'col-md-8'p>>",
       buttons: [
            
            {
                extend: 'excelHtml5',
				footer: 'true',
				//messageTop: $('h3').text(),
				title: $('h3').text(),
                exportOptions: {
                    columns: ':visible'
					
                }
            },
            
            'colvis'
        ],
		"footerCallback": function ( row, data, start, end, display ) {
            var api = this.api(), data;
 
            // Remove the formatting to get integer data for summation
            var intVal = function ( i ) {
                 return typeof i === 'string' ?
				 parseFloat(i.replace(/[^0-9]+/g,"")*1) :
                     typeof i === 'number' ?
					 parseFloat(i) : 0;
            };

			TotalPOCount = api
                 .column( 5, { search:'applied' } )
                 .data()
                 .reduce( function (a, b) {
                     return intVal(a) + intVal(b);
                 }, 0 );

             $( api.column( 5 ).footer() ).html( TotalPOCount.toFixed().bold() );
			
			TotalQTY = api
                 .column( 6, { search:'applied' } )
                 .data()
                 .reduce( function (a, b) {
                     return intVal(a) + intVal(b);
                 }, 0 );

             $( api.column( 6 ).footer() ).html( TotalQTY.toFixed().bold() );			 

        }
    } );
} );
 $('#mySelect').on('change',function(){
       
		 table
        .column(4)
        .search(this.value)
        .draw();
    });
	
	$( function() {
		//var dateFormat = "mm/dd/yy",
			from = $( "#min-date" )
				.datepicker({
					dateFormat: "dd-mm-yy", 
					defaultDate: "+0d",
					changeMonth: true,
					//numberOfMonths: 1
					
				})
				.on( "change", function() {
					to.datepicker("option", "minDate", getDate( this ) );
				}),
			to = $( "#max-date" ).datepicker({
				dateFormat: "dd-mm-yy", 
				defaultDate: "+0d",
				changeMonth: true,
				//numberOfMonths: 1
				
			})
			.on( "change", function() {
				from.datepicker( "option", "maxDate", getDate( this ) );
			});

		function getDate( element ) {
			var date;
			 
			try {
				date = $.datepicker.parseDate( dateFormat, element.value );
				 
			} catch( error ) {
				date = null;
			}

			return date;
		}
	} );

   function Reset()
{
	 $('#mySelect').val('');
	
}

	</script>