ria/app/Views/bankamountunpaid.php

<?php
foreach ($financialyear as $item) {
	$finyear  = $item->financial_year;
}
?>

<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;

	}
</style>


<div class="content-wrapper">
	<section class="content">
		<div class="row">
			<!-- Left col -->
			<div class="col-md-12">
				<div class="modal fade" id="Fileshow" role="dialog">
					<div class="modal-dialog">
						<!-- Modal. content-->
						<form>
							<div class="modal-content" style="width:800px;">

								<!-- Table to show the line item of po -->
								<div id="content"> </div>
								<table class="table table-bordered" id="Inwardgateregistertable1" style="font-size:12px;">
									<!-- <thead style="background-color:#ffffff;"> -->
									<thead>
										<tr>
											<th>SNo</th>
											<th>BillNO</th>
											<th>PONO</th>
											<th>FileName</th>


										</tr>
									</thead>
									<tbody id="tbleAppend1">

									</tbody>
								</table>

								<div class="modal-footer">
									<a class="btn btn-success" data-dismiss="modal" value="Cancel">Cancel</a>
								</div>
							</div>
						</form>
					</div>
				</div>
				<!-- TABLE: LATEST ORDERS -->
				<div class="box box-info" id="content">
					<br>
					<div class="col-md-1 col-md-offset-11">
						<a href="<?php base_url() ?>amountunpaid" class="btn btn-success" value="Back" />Back</a>
					</div>
					<form method="post" action="<?php echo base_url($this->uri->uri_string()); ?>">
						<center>
							<h3 class="box-title">
								<p style="color:  #00d976;; font-size: 18px;">Un Paid Reports(<?php if (!empty($fa)) {
																									echo $fa;
																								}

																								?>
									<?php if (!empty($fa)) {
										echo '-';
										echo $aa;
									}

									?>
									<?php if (!empty($m)) {
										echo '/';
										echo $m;
									}
									?>
									<?php if (!empty($fdate)) {
										echo '/';
										echo $fdate;
									}

									?><?php if (!empty($tdate)) {
						echo '/';
						echo $tdate;
					}

					?>)</p>
							</h3>
						</center>
						<center>
							<h4 style="color:  #00d976;"><span><?php echo  $t->SupplierName ?></span></h4>
						</center>
						<?php

						if (!empty($bankunpaid)) {
							foreach ($bankunpaid as $t) {
							}
						?>
							<center>
								<h4 style="color:  #00d976;"><span><?php echo  $t->supplier_name ?></span></h4>
							</center>
						<?php
						}
						?>
						<div class="row">
							<div class="col-md-6 col-xs-6">

								<input type="hidden" class="form-control required" id="supplier" name="supplier" value="<?php echo $suppliername; ?>"></textarea>

							</div>
						</div>

						<div class="box-body">

							<br>




							<div class="row">
								<!-- <div class="col-md-3" style=" border: 2px solid black;font-size:14px;background-color:#ccc;">-->







								<!-- <div style=" ;margin-left:0%;margin-top: -55px;"> -->
								<!-- <p style="margin-left:25px;" id="bid" value="">Payment ID:&nbsp;&nbsp;</p> -->
								<!--<p style="margin-left:25px;" id="debit1amount" value="">Total Amount:&nbsp;&nbsp; </p>-->
								<!-- <p style="margin-left:25px;">Payment Mode:&nbsp;&nbsp;Bank</p>
									<p style="margin-left:25px;" id="bamount" </p>	
									<p style="margin-left:25px;" id="bdate" value="">Payment Amount Date:&nbsp;&nbsp;</p> -->


								<!-- </div>	 -->
								<!-- </div> -->
								<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 ($finyear 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">
									<label for="from_date">
										<?php echo 'From Date'; ?>
									</label>
									<div class="input-group">
										<input name="from_date" id="max-date" class="form-control datepicker">
										<span class="input-group-addon">
											<i class="fa fa-calendar fa-fw"></i>
										</span>
									</div>
								</div>


								<div class="col-md-2">
									<label for="to_date">
										<?php echo 'To Date'; ?>
									</label>
									<div class="input-group">
										<input name="to_date" id="min-date" class="form-control datepicker">
										<span class="input-group-addon">
											<i class="fa fa-calendar fa-fw"></i>
										</span>
									</div>
								</div>


								<div class="col-md-3" style="margin-top:20px;">
									<!-- <div class="col-md-1 col-md-offset-10" style="margin-top:20px;"> -->
									<input type="submit" class="btn btn-success" name="btn_submit" value="View Payable">
								</div>
							</div>



							<br>
							<br>

							<div class="row">


							</div>
					</form>
					<br>
					<br>
					<input type="hidden" name="Rowid" id="Rowid" placeholder="Row Id" readonly>
					<table class="table table-bordered table-hover" id="req" style="table-layout:auto;">
						<!-- <thead style="background: #00c068;"> -->
						<thead>
							<tr>
								<th>Invoice No</th>
								<!--delivery challandate /igrmaster -->
								<th>PONO</th>
								<th>IGRNO</th>
								<th>IGR Created Date</th><!-- IGRCreatedDate /igrmaster -->
								<th>Material Received Date</th><!--MaterialReceivedDate -->

								<!--<th>IGR Item No</th>-->
								<th>PO Amount (&#8377;)</th>
								<th style="display:none;">IGR File</th>
								<th style="display:none;">PO File</th>
								<!--<th>Over Due Days</th>DATEDIFF(CURDATE(),t_igr_master.MaterialReceivedDate)as days-->

							</tr>
						</thead>
						<tbody>
							<?php
							$i = 1;
							$tot_amount = 0;
							$ti = 0.00;
							$tvt = 0.00;
							if (!empty($bankunpaid)) {
								foreach ($bankunpaid as $t) {

									$status = $t->Paymentstatus;
									$balancetopay = $t->Balancetopay;
									$ReceivedQuantity = $t->ReceivedQuantity;
									$rate = $t->total;



							?>
									<tr>

										<?php
										if ($t->DeliveryChellanOrInvoiceNo == '') {
										?>
											<td>-</td>
										<?php
										} else {
										?>
											<td align="left" id="delivey"><span><?php echo  $t->DeliveryChellanOrInvoiceNo ?></span></a></td>
										<?php
										}
										?>
										<td align="left" id="pono<?php echo $i ?>"><span><?php echo  $t->pono ?></span></a></td>
										<td align="left" id="igrno<?php echo $i ?>"><span><?php echo  $t->igrn ?></span></a></td>
										<td align="left" id="Ddate<?php echo $i ?>"><span><?php echo format_date($t->created_date, 0, 'd-m-Y'); ?></span></td>
										<td align="left" id="Ddate<?php echo $i ?>"><span><?php echo format_date($t->materialrcvddate, 0, 'd-m-Y'); ?></span></td>




										<!--<td align="left" id="igrlineitem<?php echo $i ?>"  ><span><?php echo  $t->IGRItemNo ?></span></td>-->

										<td align="left" id="tov<?php echo $i ?>"><?php $tot_amount = $tot_amount + round($rate) ?><?php echo  round($rate, 2) ?></span></td>
										<?php
										if ($t->iwFpath != '') {
										?>


											<td style="display:none;"> <a data-toggle="tooltip"><i class="fa fa-download" data-toggle="tooltip" title="<?php echo $record->pono; ?> -Attachment Available for Download/View" onclick="igrfile(<?php echo $i ?>)"></i></a> </td>
										<?php
										} else {
										?>
											<td style="display:none;">NA</td>
										<?php
										}

										if ($t->poFilePath != '') {


										?>

											<td style="display:none;"> <a data-toggle="tooltip"><i class="fa fa-download" data-toggle="tooltip" title="<?php echo $record->pono; ?> -Attachment Available for Download/View" onclick="pofile(<?php echo $i ?>)"></i></a> </td>


										<?php
										} else {    ?>
											<td style="display:none;">N/A</td>



										<?php }


										?>



										<!--<td align="left" id="tov<?php echo $i ?>" ><span><?php echo  $t->days ?></span></td>-->



									</tr>
							<?php
									$i++;
								}
							}
							?>
						</tbody>
						<tfoot width="100%">
							<tr>
								<td style="text-align:left;"><strong>Total</strong></td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>


								<td class="amount"><strong>
										<?php echo $tot_amount; ?>
									</strong></td>

								<td style="display:none;">&nbsp;</td>


							</tr>
						</tfoot>


					</table>



				</div>
			</div>
		</div><!-- /.box -->
</div><!-- /.col -->

</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>
	function pofile(i) {
		var igrno = $('#igrno' + i).text();
		var pono = $('#pono' + i).text();

		$("#Fileshow").modal('show');
		$('#loader').show();
		$.ajax(

			{
				data: {
					igrno: igrno,
					pono: pono
				},
				type: "POST",
				url: "<?php echo base_url() ?>cashbook/filelist",
				success: function(data) {

					var trHTML = '';
					$.each($.parseJSON(data), function(i, item) {
						i = i + 1;
						trHTML += '<tr>' +
							'<td align="right">' + i + '</td>' +

							'<td>' + item.BillNo + '</td>' +
							'<td>' + item.PONO + '</td>' +

							'<td><a target="_blank" href = <?php echo base_url() ?>public/uploads/BillFiles/' + item.FilePath + '>' + item.FilePath + '</a></td>' +

							// '<td>' +item.FilePath+"<?php echo  base_url() . 'public/uploads/BillFiles/' ?>"> +'</td>'

							'</tr>';



					});
					$('#loader').hide();

					$("#tbleAppend1").empty();
					$('#Inwardgateregistertable1 > tbody').append(trHTML);
				}
			});

	}

	function igrfile(i) {
		var igrno = $('#igrno' + i).text();
		var pono = $('#pono' + i).text();
		$("#Fileshow").modal('show');
		$('#loader').show();
		$.ajax(

			{
				data: {
					igrno: igrno,
					pono: pono
				},
				type: "POST",
				url: "<?php echo base_url() ?>cashbook/IGRFilelist",
				success: function(data) {


					var trHTML = '';
					var FilePath = '';
					var Filename = '';
					var PONO = '';
					var BillNO = '';
					i = 0;
					$.each($.parseJSON(data), function(i, item) {

						if (item.file == null) {
							if (item.Remarks == null) {
								//alert()
								PONO = item.PONO;
								BillNO = item.BillNo;
								Filename = item.FilePath;
								FilePath = "<?php echo base_url() ?>public/uploads/Igrfiles/" + item.FilePath;
							} else {
								Filename = "BillDetails";
								PONO = item.PONO;
								BillNO = item.BillNo;
								FilePath = item.FilePath;
							}

						} else {
							Filename = item.file;
							PONO = item.pono;
							BillNO = '-';

							FilePath = "<?php echo base_url() ?>" + item.file;
						}


						if (Filename != null) {
							i = i + 1;
							i = i - 1;
							trHTML += '<tr id=' + i + '>' +
								'<td align="right">' + i + '</td>' +
								'<td id="billno' + i + '">' + BillNO + '</td>' +
								'<td>' + PONO + '</td>' +

								'<td  id="file' + i + '"><a target="_blank" href = ' + FilePath + '>' + Filename + '</a></td>' +

								// '<td name="filepathname" id="filepathname" onclick="openbillmodel('+i+');"><i class="fa fa-pencil"></i></td>' +
								'</tr>';

						}



					});
					$('#loader').hide();
					$("#tbleAppend1").empty();
					$('#Inwardgateregistertable1 > tbody').append(trHTML);
				}
			});

	}
	/** jquery on ready for DataPicker. */
	$(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;
		}
	});

	$(document).ready(function() {


		$.fn.dataTable.moment('DD-MM-YYYY');
		table = $('#req').DataTable({
			"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: $('h4').text(),
					title: 'Unpaid Purchase Order Report',
					exportOptions: {
						columns: ':visible'
					}
				},

				'colvis'
			]
		}); /** datatable closed */
	}); /** ready closed */
</script>