|
Server IP : 217.21.85.138 / Your IP : 216.73.216.103 Web Server : LiteSpeed System : Linux in-mum-web906.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u915722082 ( 915722082) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u915722082/.nvm/../public_html/invoice/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
session_start();
require_once 'db.php';
if(!isset($_SESSION["logs"])){
redirect("index.php");
}
$invum=$_GET['ciid'];
// $data["invoice"] = resultSet($con, "SELECT ic.*, c.name AS customer_name,c.*, pr.*, fv.*, pk.*, bk.*, ca.*
// FROM invoice_cus ic
// INNER JOIN customers c ON c.id = ic.cid
// INNER JOIN product pr ON pr.pid = ic.pid
// INNER JOIN forms_value fv ON fv.fid = ic.fid
// INNER JOIN package pk ON pk.paid = ic.paid
// INNER JOIN bulkpackage bk ON bk.bpid = ic.bpid
// WHERE ic.invnum = $invum"); inid, invoice_date, due_date, invoice_number, customer_id, gst_type, withgst, customer_add
// $data['address']=resultSet($con, "select * from customer_addresses cas inner join invoices ivs on cas.id=ivs.customer_add WHERE ivs.invoice_number = '$invum' "); icd, invoice_cid, customer_name, customer_email, customer_phone, customer_billing_address, customer_billing_city, customer_billing_state, customer_billing_pincode, customer_gst, shipping_name, shipping_city, shipping_address, shipping_state, shipping_pincode
$query = "SELECT iv.*,SUM(ip.price * ip.quan) AS total_amount,ip.*,cs.*,pd.* FROM invoices iv inner join invoice_products ip on iv.inid=ip.invoice_id inner join invoice_customerdetails cs on iv.inid=cs.invoice_cid inner join product pd on pd.pid = ip.pid WHERE iv.invoice_number = '$invum' group by ip.ic";
$result = mysqli_query($con, $query);
if (!$result) {
die("SQL Error: " . mysqli_error($con));
}
$data["invoice"] = resultSet($con, $query);
// $data["cus_address"]=resultSet($con,"SELECT * from invoice_cus ci INNER JOIN customers c ON c.id=ci.cid inner join customer_addresses ca on ca.customer_id=c.id where ci.invnum =$invum");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="" />
<title>TDS Admin Hub</title>
<meta charset="utf-8" />
<meta name="description" content="The most advanced Bootstrap 5 Admin Theme with 40 unique prebuilt layouts on Themeforest trusted by 100,000 beginners and professionals. Multi-demo, Dark Mode, RTL support and complete React, Angular, Vue, Asp.Net Core, Rails, Spring, Blazor, Django, Express.js, Node.js, Flask, Symfony & Laravel versions. Grab your copy now and get life-time updates for free." />
<meta name="keywords" content="metronic, bootstrap, bootstrap 5, angular, VueJs, React, Asp.Net Core, Rails, Spring, Blazor, Django, Express.js, Node.js, Flask, Symfony & Laravel starter kits, admin themes, web design, figma, web development, free templates, free admin themes, bootstrap theme, bootstrap template, bootstrap dashboard, bootstrap dak mode, bootstrap button, bootstrap datepicker, bootstrap timepicker, fullcalendar, datatables, flaticon" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Metronic - The World's #1 Selling Bootstrap Admin Template - Metronic by KeenThemes" />
<meta property="og:url" content="https://keenthemes.com/metronic" />
<meta property="og:site_name" content="Metronic by Keenthemes" />
<link rel="canonical" href="https://preview.keenthemes.com/metronic8" />
<link rel="shortcut icon" href="assets/logo/favicon.ico" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<link href="assets/plugins/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
<style>
.invoice-container {
background: white;
padding: 10px;
width: 8.27in; /* A4 width */
height: auto; /* A4 height */
margin: auto;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.eway-bill {
border: 2px solid #000;
background-color: #fff;
padding: 20px;
max-width: 900px;
margin: auto;
border-radius: 5px;
}
.header {
font-size: 24px;
font-weight: bold;
color: black;
}
.section {
background-color: black;
color: white;
padding: 10px;
font-weight: bold;
}
.table th, .table td {
border: 1px solid #000;
/* text-align: center; */
padding:3px;
}
.barcode {
text-align: center;
margin-top: 10px;
}
/* .logo {
text-align: center;
margin-bottom: 20px;
}
.logo img {
max-width: 150px;
} */
.header {
display: flex;
justify-content: space-between;
}
/* .header div, .details div {
width: 48%;
} */
.bold {
font-weight: bold;
}
.section-title {
font-size: 18px;
font-weight: bold;
margin-top: 20px;
border-bottom: 2px solid #000;
padding-bottom: 5px;
}
.items {
margin-top: 10px;
}
.items p {
margin: 5px 0;
}
.btn-container {
text-align: center;
margin-top: 20px;
}
.btn {
padding: 10px 15px;
border: none;
cursor: pointer;
font-size: 14px;
margin: 5px;
}
.btn-dark {
background-color: #000;
color: white;
}
.btn-primary {
background-color: #007bff;
color: white;
}
</style>
</head>
<body id="kt_app_body" data-kt-app-layout="dark-sidebar" data-kt-app-header-fixed="true" data-kt-app-sidebar-enabled="true" data-kt-app-sidebar-fixed="true" data-kt-app-sidebar-hoverable="true" data-kt-app-sidebar-push-header="true" data-kt-app-sidebar-push-toolbar="true" data-kt-app-sidebar-push-footer="true" data-kt-app-toolbar-enabled="true" class="app-default">
<script>var defaultThemeMode = "light"; var themeMode; if ( document.documentElement ) { if ( document.documentElement.hasAttribute("data-bs-theme-mode")) { themeMode = document.documentElement.getAttribute("data-bs-theme-mode"); } else { if ( localStorage.getItem("data-bs-theme") !== null ) { themeMode = localStorage.getItem("data-bs-theme"); } else { themeMode = defaultThemeMode; } } if (themeMode === "system") { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } document.documentElement.setAttribute("data-bs-theme", themeMode); }
</script>
<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
<div class="app-page flex-column flex-column-fluid" id="kt_app_page">
<div id="kt_app_header" class="app-header" data-kt-sticky="true" data-kt-sticky-activate="{default: true, lg: true}" data-kt-sticky-name="app-header-minimize" data-kt-sticky-offset="{default: '200px', lg: '0'}" data-kt-sticky-animation="false">
<div class="app-container container-fluid d-flex align-items-stretch justify-content-between" id="kt_app_header_container">
<div class="d-flex align-items-center d-lg-none ms-n3 me-1 me-md-2" title="Show sidebar menu">
<div class="btn btn-icon btn-active-color-primary w-35px h-35px" id="kt_app_sidebar_mobile_toggle">
<i class="ki-duotone ki-abstract-14 fs-2 fs-md-1">
<span class="path1"></span>
<span class="path2"></span>
</i>
</div>
</div>
<div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0">
<a href="products.php" class="d-lg-none">
<img alt="Logo" src="assets/media/logos/default-small.svg" class="h-30px" />
</a>
</div>
<div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
<div class="app-header-menu app-header-mobile-drawer align-items-stretch" data-kt-drawer="true" data-kt-drawer-name="app-header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="250px" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_app_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="{default: 'append', lg: 'prepend'}" data-kt-swapper-parent="{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}">
<div class="menu menu-rounded menu-column menu-lg-row my-5 my-lg-0 align-items-stretch fw-semibold px-2 px-lg-0" id="kt_app_header_menu" data-kt-menu="true">
</div>
</div>
<div class="app-navbar flex-shrink-0">
<div class="app-navbar-item ms-1 ms-md-4">
<a href="#" class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px" data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
<i class="ki-duotone ki-night-day theme-light-show fs-1">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
<span class="path5"></span>
<span class="path6"></span>
<span class="path7"></span>
<span class="path8"></span>
<span class="path9"></span>
<span class="path10"></span>
</i>
<i class="ki-duotone ki-moon theme-dark-show fs-1">
<span class="path1"></span>
<span class="path2"></span>
</i>
</a>
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 menu-active-bg menu-state-color fw-semibold py-4 fs-base w-150px" data-kt-menu="true" data-kt-element="theme-mode-menu">
<div class="menu-item px-3 my-0">
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="light">
<span class="menu-icon" data-kt-element="icon">
<i class="ki-duotone ki-night-day fs-2">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
<span class="path5"></span>
<span class="path6"></span>
<span class="path7"></span>
<span class="path8"></span>
<span class="path9"></span>
<span class="path10"></span>
</i>
</span>
<span class="menu-title">Light</span>
</a>
</div>
<div class="menu-item px-3 my-0">
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="dark">
<span class="menu-icon" data-kt-element="icon">
<i class="ki-duotone ki-moon fs-2">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="menu-title">Dark</span>
</a>
</div>
<div class="menu-item px-3 my-0">
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="system">
<span class="menu-icon" data-kt-element="icon">
<i class="ki-duotone ki-screen fs-2">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
</i>
</span>
<span class="menu-title">System</span>
</a>
</div>
</div>
</div>
<?php include "logo.php" ?>
<div class="app-navbar-item d-lg-none ms-2 me-n2" title="Show header menu">
<div class="btn btn-flex btn-icon btn-active-color-primary w-30px h-30px" id="kt_app_header_menu_toggle">
<i class="ki-duotone ki-element-4 fs-1">
<span class="path1"></span>
<span class="path2"></span>
</i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
<div id="kt_app_sidebar" class="app-sidebar flex-column" data-kt-drawer="true" data-kt-drawer-name="app-sidebar" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="225px" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_app_sidebar_mobile_toggle">
<div class="app-sidebar-logo px-6" id="kt_app_sidebar_logo">
<a href="products.php">
<img alt="Logo" src="assets/media/logos/LOGO.png" class="h-25px app-sidebar-logo-default" />
<img alt="Logo" src="assets/media/logos/default-small.svg" class="h-20px app-sidebar-logo-minimize" />
</a>
<div id="kt_app_sidebar_toggle" class="app-sidebar-toggle btn btn-icon btn-shadow btn-sm btn-color-muted btn-active-color-primary h-30px w-30px position-absolute top-50 start-100 translate-middle rotate" data-kt-toggle="true" data-kt-toggle-state="active" data-kt-toggle-target="body" data-kt-toggle-name="app-sidebar-minimize">
<i class="ki-duotone ki-black-left-line fs-3 rotate-180">
<span class="path1"></span>
<span class="path2"></span>
</i>
</div>
</div>
<?php include "sidebar.php" ?>
</div>
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
<div class="d-flex flex-column flex-column-fluid">
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
<h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">Invoice</h1>
<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
<li class="breadcrumb-item text-muted">
<span class="text-muted">Invoice</span>
</li>
<li class="breadcrumb-item">
<span class="bullet bg-gray-500 w-5px h-2px"></span>
</li>
<li class="breadcrumb-item text-muted">Invoice Details</li>
</ul>
</div>
</div>
</div>
<div id="kt_app_content" class="app-content flex-column-fluid">
<div id="kt_app_content_container" class="app-container container-xxl">
<div class="card">
<div class="card-body py-20">
<div class="mw-lg-950px mx-auto w-100">
<div class="d-flex justify-content-between flex-column flex-sm-row">
<h4 class="fw-bolder text-gray-800 fs-2qx pe-5 pb-7" >INVOICE</h4>
<div class="text-sm-end">
<a href="#" class="d-block mw-150px ms-sm-auto">
<img alt="Logo" title='Company Logo' src="assets/logo/LOGO-BLACK.png" class="w-100" />
</a>
</div>
</div>
<div class="pb-12">
<?php
// echo "<pre>";
// print_r($data["invoice"]);
// echo "</pre>";
?>
<div class="d-flex flex-column gap-7 gap-md-10">
<div class="fw-bold fs-2" title=' <?php echo $data["invoice"][0]['customer_name']; ?>'> <small>Dear , </small> <?php echo $data["invoice"][0]['customer_name']; ?>
<span class="fs-6">(<?php echo $data["invoice"][0]["customer_email"] ?>)</span>
<br />
<span class="text-muted fs-5">Here are your Invoice details.</span></div>
<div class="separator"></div>
<div class="d-flex flex-column flex-sm-row gap-7 gap-md-10 fw-bold">
<div class="flex-root d-flex flex-column">
<span class="text-muted">Order ID</span>
<span class="fs-5"># <?php echo $data["invoice"][0]["invoice_number"] ?></span>
</div>
<div class="flex-root d-flex flex-column">
<span class="text-muted">Date</span>
<span class="fs-5"><?php
$billdate = $data["invoice"][0]["invoice_date"];
echo date("d F, Y", strtotime($billdate));
?>
</span>
</div>
</div>
<div class="d-flex flex-column flex-sm-row gap-7 gap-md-10 fw-bold">
<div class="flex-root d-flex flex-column">
<span class="text-muted">Billing Address</span>
<span class="fs-6"><?php echo $data["invoice"][0]["customer_billing_address"] ?>,
<br /><?php echo $data["invoice"][0]["customer_billing_city"] ?>
<br /><?php echo $data["invoice"][0]["customer_billing_state"] ?>
<br /><?php echo $data["invoice"][0]["customer_billing_pincode"] ?></span>
</div>
<div class="flex-root d-flex flex-column">
<span class="text-muted">Shipping Address</span>
<span class="fs-6"><?php echo $data["invoice"][0]["shipping_address"] ?>,
<br /><?php echo $data["invoice"][0]["shipping_city"] ?>
<br /><?php echo $data["invoice"][0]["shipping_state"] ?>
<br /><?php echo $data["invoice"][0]["shipping_pincode"] ?></span>
</div>
</div>
<div class="d-flex justify-content-between flex-column">
<div class="table-responsive border-bottom mb-9">
<table class="table align-middle table-row-dashed fs-6 gy-5 mb-0">
<thead>
<tr class="border-bottom fs-6 fw-bold text-muted">
<th class="min-w-50px pb-2">Products</th>
<th class="min-w-70px text-end pb-2">Price</th>
<th class="min-w-80px text-end pb-2">QTY</th>
<th class="min-w-100px text-end pb-2">Total</th>
</tr>
</thead>
<tbody class="fw-semibold text-gray-600">
<?php
$i = 0;
$grandtotal = 0;
foreach($data['invoice'] as $row) :
$i++;
$total = $row["price"] * $row["quan"];
$grandtotal += $total;
?>
<tr>
<td>
<div class="d-flex align-items-center">
<div class="ms-5">
<div class="fw-bold"><?php echo $row["pname"]; ?></div>
</div>
</div>
</td>
<td class="text-end"><?php echo $row["price"]; ?></td>
<td class="text-end"><?php echo $row["quan"]; ?></td>
<td class="text-end"><?php echo '₹ ' . number_format($total, 2); ?></td>
</tr>
<?php endforeach; ?>
<tr>
<td colspan="3" class="text-end">Subtotal</td>
<td class="text-end">₹ <?php echo number_format($grandtotal, 2); ?></td>
</tr>
<tr>
<td colspan="3" class="text-end">GST (18%)</td>
<td class="text-end">
<?php
if ($row['gst_type'] > 0) {
$gstAmount = ($grandtotal * 18 / 100);
echo '₹ ' . number_format($gstAmount, 2);
} else {
$gstAmount = ($grandtotal * 18 / 100);
echo '₹ ' . number_format($gstAmount, 2);
}
?>
</td>
</tr>
<!-- <tr>
<td colspan="3" class="text-end">Shipping Rate</td>
<td class="text-end">₹0.00</td>
</tr> -->
<tr>
<td colspan="3" class="fs-3 text-dark fw-bold text-end">Grand Total</td>
<td class="text-dark fs-3 fw-bolder text-end">₹ <?php echo number_format($gstAmount+$grandtotal, 2); ?></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="d-flex flex-stack flex-wrap">
<div class="">
<div class="btn-container">
<button class="btn btn-primary" onclick="downloadPDF();">Download PDF</button>
</div>
</div>
<a href="add-invoice.php" class="btn btn-primary my-1">Create Invoice</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="invoice-container" class="invoice-container" style='display:none' data-customer-name="<?php echo $data['invoice'][0]['customer_name']; ?>">
<div class="eway-bill">
<div class="header text-center pb-5">
<div>
<img src="assets/logo/LOGO-BLACK.png" alt="Barcode" width='200px'>
</div>
<!-- <div>
<img src="assets/logo/QRcode.png" alt="Barcode" width='100px'>
</div> -->
</div>
<div class="section">BILL Details</div>
<table class="table table-bordered">
<tr><td>Mode: <strong>Road</strong></td><td>Transaction Type: <strong>Regular</strong></td></tr>
<tr><td>Type: <strong>Outward - Supply</strong></td><td>Document Details: <strong>Tax Invoice - <?php echo $data["invoice"][0]["invoice_number"] ?> - <?php echo $data["invoice"][0]['invoice_date']; ?> </strong></td></tr>
<!-- <tr></tr> -->
</table>
<div class="section">Address Details</div>
<table class="table table-bordered">
<tr><td><strong>From</strong>: GSTIN: : 33AAD FH146 8G1ZN <br> HI TECH AGROCHEMICALS <br> TAMIL NADU <br><br>
<b>:: Dispatch From ::</b> <br>
26-1, 26-2, 26-3 , <br>
ERIKKADUAYOTHIAPATTANAM , <br>
Salem,TAMIL NADU-636103
</td>
<td><strong>To</strong>: GSTIN:
<?php echo $data["invoice"][0]["customer_gst"] ?> <br>
<?php echo $data["invoice"][0]["customer_billing_address"] ?> ,<br>
<?php echo $data["invoice"][0]["customer_billing_state"] ?>
<br> <br> <b> :: Ship To ::</b>
<br><span class="fs-6"><?php echo $data["invoice"][0]["shipping_address"] ?>,
<br /><?php echo $data["invoice"][0]["shipping_city"] ?> ,
<?php echo $data["invoice"][0]["shipping_state"] ?>
<br /><?php echo $data["invoice"][0]["shipping_pincode"] ?></span>
</td>
</tr>
</table>
<div class="section">Goods Details</div>
<table class="table table-bordered">
<thead>
<tr>
<th>HSN Code</th>
<th>Product Name & Desc</th>
<th>Quantity</th>
<th>Taxable Amount Rs.</th>
<!-- <th>Tax Rate (C+S+I+Cess Non.Adv)</th> -->
</tr>
</thead>
<tbody>
<?php foreach($data["invoice"] as $re): ?>
<tr>
<td><?php echo $re['hsncode'] ?></td>
<td><?php echo $re['pname']; ?> - <?php echo $re['package']; ?>
<!-- ( -->
<?php
// echo $re['package_name'];
?>
<!-- ) -->
</td>
<td><?php echo $re['quan'] ?></td>
<td><?php $total=$re['price'] * $re['quan'];
echo $total
?></td>
<!-- <td>NE+NE+18.000+NE+0.00</td> -->
</tr>
<?php endforeach; ?>
</tbody>
</table>
<table class="table table-bordered">
<thead>
<tr>
<th>Tot. Tax'ble Amt</th>
<th>CGST Amt ( 9 % )</th>
<?php if(($data["invoice"][0]["shipping_state"]) == 'Tamil Nadu'){
?>
<th>SGST Amt ( 9 % )</th>
<?php
}
?>
<?php if(($data["invoice"][0]["shipping_state"]) != 'Tamil Nadu'){
?>
<th>IGST Amt ( 9 % )</th>
<?php
} ?>
<th>Tot. Inv. Amt</th>
</tr>
</thead>
<tbody>
<tr>
<td>₹ <?php echo number_format($grandtotal, 2); ?></td>
<td>₹ <?php
$cgist= number_format($grandtotal * 0.09, 2);
echo $cgist ; ?></td>
<?php if(($data["invoice"][0]["shipping_state"]) == 'Tamil Nadu'){
?>
<td>₹ <?php $sgst=number_format($grandtotal * 0.09, 2);
echo $sgst;
?></td>
<?php
}
?>
<?php if(($data["invoice"][0]["shipping_state"]) != 'Tamil Nadu'){
?>
<td>₹ <?php
$igst= number_format($grandtotal * 0.09, 2);
echo $igst; ?></td>
<?php
} ?>
<?php
if ($data["invoice"][0]["shipping_state"] == 'Tamil Nadu') {
?>
<td>
<?php
$cgst = $grandtotal * 0.09;
$sgst = $grandtotal * 0.09;
$gtot = $grandtotal + $cgst + $sgst;
echo '₹ ' . number_format($gtot, 2); // Format only when displaying
?>
</td>
<?php
} else {
?>
<td>
<?php
$igst = $grandtotal * 0.18;
$gtot1 = $grandtotal + $igst + $igst;
echo '₹ ' . number_format($gtot1, 2);
?>
</td>
<?php
}
?>
</tr>
</tbody>
</table>
<!-- <div class="section">Transportation Details</div>
<table class="table table-bordered">
<tr><td>Transport ID & Name: <strong></strong></td><td>Transport Doc. No. & Date: <strong></strong></td></tr>
</table> -->
<div class="section">Vehicle Details</div>
<table class="table table-bordered">
<tr>
<th>Mode</th>
<th>Vehicle / Transport Doc. No. & Date</th>
<!-- <th>From</th>
<th>Entered Date</th>
<th>Entered By</th>
<th>CEWB No. <br> (If any)</th> -->
<!-- <th>Multi Veh. Info <br> (if any)</th> -->
<th>Vehicle </th>
</tr>
<tr>
<td>Road</td>
<td><?php echo $data["invoice"][0]["vehical_number"]; ?></td>
<!-- <td>---</td>
<td>---</td>
<td>---</td>
<td>---</td>
<td>---</td> -->
<td><?php echo ($data["invoice"][0]["customer_vehicle"] == 0) ? "Paid" : (($data["invoice"][0]["customer_vehicle"] == 1) ? "To Pay" : $data["invoice"][0]["customer_vehicle"]); ?></td>
</tr>
</table>
</div>
</div>
<script>
function downloadPDF() {
const { jsPDF } = window.jspdf;
const invoiceContainer = document.getElementById('invoice-container');
let customerName = invoiceContainer.getAttribute('data-customer-name') || 'Customer';
customerName = customerName.replace(/\s+/g, '_');
invoiceContainer.style.display = 'block';
html2canvas(invoiceContainer, { scale: 2 }).then(canvas => {
const imgData = canvas.toDataURL('image/png');
const pdf = new jsPDF({
format: "a4",
orientation: "portrait"
});
const imgWidth = 210;
const imgHeight = (canvas.height * imgWidth) / canvas.width;
pdf.addImage(imgData, 'PNG', 0, 0, imgWidth, imgHeight);
pdf.save(`Invoice_${customerName}.pdf`);
invoiceContainer.style.display = 'none';
});
}
// function printInvoice() {
// const invoiceContainer = document.getElementById('invoice-container');
// const printWindow = window.open('', '', 'width=800,height=600');
// // Build the printable content
// printWindow.document.write('<html><head><title>Invoice</title>');
// printWindow.document.write('<style>');
// printWindow.document.write(`
// body { font-family: Arial, sans-serif; margin: 20px; padding: 20px; }
// .invoice-container { width: 100%; max-width: 600px; margin: auto; }
// .header { text-align: center; margin-bottom: 20px; }
// .logo img { max-width: 150px; }
// .details, .items { margin-bottom: 15px; }
// .section-title { font-weight: bold; margin-top: 10px; border-bottom: 2px solid #000; padding-bottom: 5px; }
// `);
// printWindow.document.write('</style></head><body>');
// // Append the invoice container HTML
// printWindow.document.write(invoiceContainer.innerHTML);
// printWindow.document.write('</body></html>');
// printWindow.document.close(); // Close the document to complete loading
// printWindow.focus();
// printWindow.print();
// printWindow.close();
// }
</script>
<div id="kt_app_footer" class="app-footer">
<div class="app-container container-fluid d-flex flex-column flex-md-row flex-center flex-md-stack py-3">
<div class="text-gray-900 order-2 order-md-1">
<span class="text-muted fw-semibold me-1">2025©</span>
<a href="https://thedotstudios.com/" target="_blank" class="text-gray-800 text-hover-primary">Copyright All rights reserved | Made with <span class="fa fa-heart text-danger"></span> <b> by TheDotStudios.</b></a>
</div>
<ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
<li class="menu-item">
<a href="https://thedotstudios.com/" target="_blank" class="menu-link px-2">About</a>
</li>
<li class="menu-item">
<a href="https://thedotstudios.com/" target="_blank" class="menu-link px-2">Support</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
<i class="ki-duotone ki-arrow-up">
<span class="path1"></span>
<span class="path2"></span>
</i>
</div>
<script>var hostUrl = "assets/";</script>
<script src="assets/plugins/global/plugins.bundle.js"></script>
<script src="assets/js/scripts.bundle.js"></script>
<script src="assets/plugins/custom/datatables/datatables.bundle.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="assets/js/widgets.bundle.js"></script>
<script src="assets/js/custom/widgets.js"></script>
<script src="assets/js/custom/apps/chat/chat.js"></script>
<script src="assets/js/custom/utilities/modals/upgrade-plan.js"></script>
<script src="assets/js/custom/utilities/modals/create-app.js"></script>
<script src="assets/js/custom/utilities/modals/users-search.js"></script>
</body>
</html>