ok
Mini Shell
<?php include "config/config.php";
$ids=$_GET['id'];
$statement = $pdo->prepare("SELECT e.*,emp.employee_name,l.office FROM `tbl_expense` e inner join tbl_employee emp on e.employee_id=emp.id INNER JOIN tbl_exp_location l on l.id=e.location WHERE e.id=".$ids);
$statement->execute();
$exp_data = $statement->fetchAll(PDO::FETCH_ASSOC);
$totalData = $statement->rowCount();
?>
<div class="content-wrapper">
<section class="content-header">
<center>
<a href="expense.php" class="btn btn-success btn-sm "><i class="fa fa-arrow-left"></i> Back to List Expense</a>
</center>
</section>
<section class="content">
<center><button onclick="printDiv('printableArea')" class="btn btn-warning btn-sm"> <i class="fa fa-print"></i> Print Voucher</button></center>
<div class="row" style="margin-left:5%;margin-right:5%;">
<?php if($totalData==1){ ?>
<div id="printableArea" >
<div style="border: 1px solid black;padding: 2px;" class="watermark">
<table width="100%" style="font-size:16px;">
<tbody><tr>
<td style="padding:10px;font-size:20px;" width="35%"><center><img src="img/logo-s.png" width="250px;height:200px;"></center></td>
<td style="padding:5px;text-align:left;font-size:20px;">
#6, Huskur Main Road,
Makali, Bangalore-562123<br>
Ph : +9180 2963 0029<br>
E-mail : info@speedlinkservices.in<br>
<b>GST NO : 29ALUPM9087C1ZB</b>
</td>
</tr>
</tbody></table>
<center style="font-size: 28px;"> -------------------------------------------------------------------------------</center>
<center><b style="font-size:22px;">EXPENSE VOUCHER</b></center>
<table width="100%">
<tbody><tr>
<td style="padding:10px;font-size:18px;" width="50%"> </td>
<td style="padding:10px;font-size:18px;">Voucher No : <?=$exp_data[0]['id']?></td>
</tr>
<tr>
<td style="padding:10px;font-size:18px;" width="50%">Paid To : <?=$exp_data[0]['employee_name']?>
</td>
<td style="padding:10px;font-size:18px;">Date : <?=$exp_data[0]['expense_date']?></td>
</tr>
<tr>
<td style="padding:10px;font-size:18px;" colspan="1">Amount : <?=$exp_data[0]['amount']?></td>
<td style="padding:10px;font-size:18px;" colspan="1">Branch :
<?=$exp_data[0]['office']?>
</td>
</tr>
<tr>
<td style="padding:10px;font-size:18px;" colspan="2">Expense For :
<?=$exp_data[0]['expense_for']?>
</td></tr>
<tr>
<td style="padding:10px;font-size:18px;" colspan="2">Notes : <?=$exp_data[0]['note']?></td>
</tr>
<tr>
<td style="padding:10px;font-size:18px;" width="50%"> </td>
<td style="padding:10px;font-size:18px;;text-align: center;" width="50%"><br><br>Signature </td>
</tr>
</tbody></table>
</div>
<br><br>
<div style="border: 1px solid black;padding: 2px;" class="watermark">
<table width="100%" style="font-size:20px;">
<tbody><tr>
<td style="padding:10px;font-size:18px;" width="35%"><center><img src="img/logo-s.png" width="250px;height:200px;"></center></td>
<td style="padding:5px;text-align:left;font-size:18px;">
#6, Huskur Main Road,
Makali, Bangalore-562123<br>
Ph : +9180 2963 0029<br>
E-mail : info@speedlinkservices.in<br>
<b>GST NO : 29ALUPM9087C1ZB</b>
</td>
</tr>
</tbody></table>
<center style="font-size: 28px;"> -------------------------------------------------------------------------------</center>
<center><b style="font-size:22px;">EXPENSE VOUCHER</b></center>
<table width="100%">
<tbody><tr>
<td style="padding:10px;font-size:18px;" width="50%"> </td>
<td style="padding:10px;font-size:18px;">Voucher No : <?=$exp_data[0]['id']?></td>
</tr>
<tr>
<td style="padding:10px;font-size:18px;" width="50%">Paid To : <?=$exp_data[0]['employee_name']?>
</td>
<td style="padding:10px;font-size:18px;">Date : <?=$exp_data[0]['expense_date']?></td>
</tr>
<tr>
<td style="padding:10px;font-size:18px;" colspan="1">Amount : <?=$exp_data[0]['amount']?></td>
<td style="padding:10px;font-size:18px;" colspan="1">Branch :
<?=$exp_data[0]['office']?>
</td>
</tr>
<tr>
<td style="padding:10px;font-size:18px;" colspan="2">Expense For :
<?=$exp_data[0]['expense_for']?>
</td></tr>
<tr>
<td style="padding:10px;font-size:18px;" colspan="2">Notes : <?=$exp_data[0]['note']?></td>
</tr>
<tr>
<td style="padding:10px;font-size:18px;" width="50%"> </td>
<td style="padding:10px;font-size:18px;;text-align: center;" width="50%"><br><br>Signature </td>
</tr>
</tbody></table>
</div>
</div>
<?php }?>
</section>
</div>
<style>
.watermark {
display: block;
position: relative;
}
.watermark::after {
content: "";
background: url(img/logo-s.png) ;
opacity: 0.07;
top: 10%;
left: 16%;
bottom: 0%;
background-size: 500px 300px;
background-repeat: no-repeat;
right: 0%;
text-align: center;
position: absolute;
z-index: -1;
}
</style>
<script>
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>
Zerion Mini Shell 1.0