<?php
 session_start();
 require_once('../connect.php');
 require_once('sql_required.php');
 $datetoday = date('Y-m-d'); 

 $active_tab = "dashboard"; 



 $unique_id      =	$_GET['mid'] ;
 $acct_holder    =	$_GET['acctholder'] ;
 $firstname      =	$_GET['fname'] ;
 $lastname       =	$_GET['lname'] ;
 $pres_reading   =	$_GET['pres_reading']; 
 $payment_type   =	$_GET['payment_type'] ;
 $amount         =	$_GET['amount']; 
 $payment_option =	$_GET['payment_option'] ;
 $reading_date   =	$_GET['reading_date'] ;
 $payment_date   =	$_GET['payment_date'] ;
 $collection_date   =	$datetoday ;



?>

  
  
  
  
<!DOCTYPE html>
<html>
<head>
  <title>AWS Admin  Print Receipt</title>

 
</head>
<body class="hold-transition   layout-footer-fixed layout-fixed sidebar-collapse">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- DataTables -->
  <link rel="stylesheet" href="plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
  <link rel="stylesheet" href="plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
 
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.10.20/b-1.6.1/b-colvis-1.6.1/b-html5-1.6.1/b-print-1.6.1/r-2.2.3/datatables.min.css" />
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.10.20/b-1.6.1/b-colvis-1.6.1/b-html5-1.6.1/b-print-1.6.1/r-2.2.3/datatables.min.js"></script>


  <?php include_once('linkStyle.php'); ?>
  
<style>
  .currencyinput {
    border: 1px inset #ccc;
}
.currencyinput input {
    border: 0;
}

 
		
		@media print{
			#print {
				display:none;
			}
		}
		@media print {
			#PrintButton {
				display: none;
			}
		}
		
		@page {
			size: auto;   /* auto is the initial value */
			margin: 0;  /* this affects the margin in the printer settings */
		}

        .print-size {
            font-size:50px;
        }
  </style>
<div id="preloader" style="display:none;"></div>
<div class="wrapper">
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">






    <ul class="navbar-nav">
   
      <li class="nav-item ml-2">
      <center><button id="PrintButton" onclick="PrintPage()">Print</button></center>
 </li>
    </ul>

    <ul class="navbar-nav ml-auto">
    
      <li class="nav-item dropdown" id="dropDownFullScreen">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="fas fa-user"></i>
        </a>
        <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
          <a href="indexcollection.php" class="dropdown-item">
            <i class="fas fa-user mr-2"></i> 
            <span class="text-muted text-sm">Dashboard</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="../logout.php" class="dropdown-item dropdown-footer">Logout</a>
        </div>
      </li>
    </ul>
  </nav>
  <!-- /.navbar -->
  <?php include_once('navbar.php'); ?>

  <div class="content-wrapper" style="min-height: 363px;background: #fff; font-size: 25px;">
<center>
  
<div class="form-group" style="width: 70px;">
<img src="images/logo2.png" width="100%" > 
 </div>

<div class="print-size">
  <hr>
   <!--start table here -->
  <?php  

 echo '<b>Collection Date:</b> <br>'.$collection_date   .'<br>';
 echo '<b> Account #:</b><br>'. $unique_id  .'<br>';
 echo '<b> Account Holder Name:</b><br>';
 echo '<p style="font-size:40px;">'.$acct_holder .'</p>  ';
 echo '<hr>';
  echo '<b> Present Reading:</b>&nbsp;'.$pres_reading .'<br>';
 echo '<b> Payment Type:</b>&nbsp;'.$payment_type  .'<br>';
 echo '<b> Payment Date:</b>&nbsp;'.$payment_date   .'<br>';
 echo '<b> Amount Paid:</b>&nbsp; &#8369;'.$amount     .'<br>';
 echo '<b> Reading Date:</b>&nbsp;'.$reading_date   .'<br>';
 echo '<b> Mode of Payment:</b>&nbsp;'.$payment_option  .'<br>';
 echo '<hr>';
 echo '<b> REMAINING BALANCES:</b><br>';
 echo '<b> Water Bill:</b> &nbsp;&#8369;'.$totalunpaidwaterbillbill  .'<br>';
 echo '<b> Meter Device:</b>&nbsp; &#8369;'.$totalunpaidmeterfee  .'<br>';

 


  ?></center>
   <!--end  table here -->
    </div>

   

 </div>

   
  
  <aside class="control-sidebar control-sidebar-dark">
  </aside>
</div>
<!-- ./wrapper -->
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- DataTables -->
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>


  
  
<script src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js"></script>

<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.bootstrap4.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.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.colVis.min.js"></script>

 
 
<!-- page script -->
<script>
 
 function PrintPage() {
		window.print();
	}
	document.loaded = function(){
		
	}
	window.addEventListener('DOMContentLoaded', (event) => {
   		PrintPage()
		setTimeout(function(){ window.close() },750)
	});
</script>


</body>
</html> 
  