PK
<?php
ob_start();
//error_reporting(E_ALL ^ E_NOTICE);
@session_start();
ini_set('allow_url_include',1);
date_default_timezone_set("Asia/Kolkata");
set_time_limit(600);
ini_set('max_execution_time',600);
//include '../admin/includes/settings/constant.php';
//include '../includes/settings/db.php';
require_once '../admin/includes/settings/PDODB.php';
include '../admin/includes/modules/functions.php';
$function = new FUNCTIONS();
$html ="
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<title itemprop='name'>Preview bootstrap html snippet. Invoice with ribbon</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'>
<meta name='viewport' content='width=device-width'>
<script src='https://printjs-4de6.kxcdn.com/print.min.js'></script>
<style type='text/css'>
body{margin-top:20px;
background:#eee;
}
/*Invoice*/
.invoice .top-left {
font-size:65px;
color:#3ba0ff;
}
.invoice .top-right {
text-align:right;
padding-right:20px;
}
.invoice .table-row {
margin-left:-15px;
margin-right:-15px;
margin-top:25px;
}
.invoice .payment-info {
font-weight:500;
}
.invoice .table-row .table>thead {
border-top:1px solid #ddd;
}
.invoice .table-row .table>thead>tr>th {
border-bottom:none;
}
.invoice .table>tbody>tr>td {
padding:8px 20px;
}
.invoice .invoice-total {
margin-right:-10px;
font-size:16px;
}
.invoice .last-row {
border-bottom:1px solid #ddd;
}
.invoice-ribbon {
width:85px;
height:88px;
overflow:hidden;
position:absolute;
top:-1px;
right:14px;
}
.ribbon-inner {
text-align:center;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
position:relative;
padding:7px 0;
left:-5px;
top:11px;
width:120px;
background-color:#66c591;
font-size:15px;
color:#fff;
}
.ribbon-inner:before,.ribbon-inner:after {
content:'';
position:absolute;
}
.ribbon-inner:before {
left:0;
}
.ribbon-inner:after {
right:0;
}
@media(max-width:575px) {
.invoice .top-left,.invoice .top-right,.invoice .payment-details {
text-align:center;
}
.invoice .from,.invoice .to,.invoice .payment-details {
float:none;
width:100%;
text-align:center;
margin-bottom:25px;
}
.invoice p.lead,.invoice .from p.lead,.invoice .to p.lead,.invoice .payment-details p.lead {
font-size:22px;
}
.invoice .btn {
margin-top:10px;
}
}
@media print {
.invoice {
width:900px;
height:800px;
}
}
</style>
</head>
<body>
<div id='snippetContent'>
<link rel='stylesheet' href='https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js'></script>
<script src='https://netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'>
<div class='container bootstrap snippets bootdeys' style='width: 210mm;'>
<div class='row'>
<div class='col-sm-12'>
<div class='panel panel-default' style='border: 1px solid transparent; border-color: #ddd; padding:5%'>
<div class='panel-body'>
<div class='invoice-ribbon'>
<div class='ribbon-inner'>PAID</div>
</div>
<div class='row'>
<div class='col-xs-6 from'>
<img src='../images/truffle-nation-logo-1.png' width='100px;'>
<h3 style='font-size: 22px; font-style: italic; color: #000;'>Bake Better Network LLP.</h3>
<p style='font-size: 18px; color: #000;'>(Truffle Nation)</p>
</div>
<div class='col-xs-6 to' style='text-align: right;'>
<img src='../images/bake-better-logo.png' width='100px;'>
<p class='marginright'>
133-A, First Floor, Lane No. 1,<br>
Western Marg, Saidulajab,<br>
Back side Saket Metro Station,<br>
New Delhi - 110030 <br>
Tel.: 08700939817
</p>
</div>
</div>
<hr>
<div class='row text-center'>
<h3 class='text-uppercase text-center mt-3' style='font-size: 40px;'>Invoice</h3>
</div>
<div class='row'>
<div class='col-xs-6 from table-bordered' style='min-height: 240px;'>
<p class='lead marginbottom'>Name : Vinay Kumar</p>
<p><b>Address :</b> 350 Rhode Island Street, Suite 240, San Francisco, California, 94103</p>
<p><b>Phone :</b> 415-767-3600</p>
<p><b>Email :</b> contact@dynofy.com</p>
</div>
<div class='col-xs-6 to table-bordered' style='min-height: 240px;'>
<p class='lead marginbottom'>Invoice No : BBTN/2023-24/001</p>
<p><b>Date :</b> 03/08/2021</p>
<p>Suite 2200, San Francisco</p>
<p>California, 94105</p>
<p>Phone: 415-676-3600</p>
<p>Email: john@doe.com</p>
</div>
</div>
<div class='row table-row' style='margin-top: 30px;'>
<table class='table table-bordered' style='min-height: 300px; margin-bottom: 0px;'>
<thead>
<tr>
<th class='text-center' style='width:5%'> S.No. </th>
<th style='width:50%'> Description</th>
<th class='text-right' style='width:25%'> Amount </th>
</tr>
</thead>
<tbody>
<tr>
<td class='text-center'>1</td>
<td>
Towards Course : Trufflenation Baker's Certification (Eggless) <br>
Online/ Inclass : Inclass <br>
Course Start Date : <br>
Course End Date : <br>
Batch Timings
</td>
<td class='text-right'>$18</td>
</tr>
</tbody>
</table>
<table class='table table-bordered' style='min-height: 120px;'>
<tbody>
<tr>
<td style='width:50%'>
Bank Account Details: - <br>
Account Name : Bake Better Network LLP. <br>
Account No. : 0463010100000582 <br>
IFSC Code : JAKA0MVIHAR <br>
Bank Name : J & K Bank <br>
Bank Branch : MayurVihar Ph-1 Delhi-110091
</td>
<td>
<table style='width:100%'>
<tr>
<td style='width:50%'> TOTAL</td>
<td style='width:50%' class='text-right'> 35,000</td>
</tr>
<tr>
<td style='width:50%'>
CGST @ 9 % : <br>
SGST @ 9 % : <br>
IGST @ 18% :
</td>
<td style='width:50%' class='text-right'>3,150<br>
3,150<br>
</td>
</tr>
<tr>
<td style='width:50%' >GRAND TOTAL</td>
<td style='width:50%' class='text-right'> 41,300</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>";
?>
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
</head>
<body>
<div id="printJS-form">
<?php echo $html; ?>
</div>
<center style="padding: 20px;">
<a href="my-account.php" class="btn btn-danger"> Back </a>
<button type="button" onclick="printJS('printJS-form', 'html')" class="btn btn-success">
<i class='fa fa-print'></i> Print
</button>
</center>
</body>
</html>
PK 99