npm - digikhata-mashreq-sdk - Versions diffs - 1.0.0 → 1.1.0 - Mend

digikhata-mashreq-sdk 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (718) hide show

package/lib/module/app/htmlTemplates/htmlTemplates.js ADDED Viewed

@@ -0,0 +1,2504 @@
+"use strict";
+import { addCommas, formatMyDate, formatTime, fromJsDateToSql } from "../themes/config.js";
+export const allTransactionsTemplate = (data, StartDate, EndDate, netBalance, totalAmount, totalSubAmount, totalBalance, type) => {
+  const generateTableRows = () => {
+    return data?.map((item, index) => `<tr>
+                    <td>${index + 1}</td>
+                    <td>${formatMyDate(item?.date)}</td>
+                    <td>${item?.client_name}</td>
+                    <td>${item?.notes?.split("_")[0]}</td>
+                    <td class="debit-cell">Rs ${item?.amount}</td>
+                    <td class="credit-cell">Rs ${item?.subamount}</td>
+                    <td style="color:${item?.balance < 0 ? "red" : "green"} ;">Rs ${Math.abs(item?.balance)}</td>
+                    </tr>
+            `).join('');
+  };
+  const htmlContent = `
+<html>
+<head>
+    <style>
+        @page {
+            margin-bottom: 80px;
+        }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        .header {
+            background-color: #FF5F00;
+            color: white;
+            text-align: center;
+            padding: 2px 0;
+            font-size: 20px;
+            font-weight: bold;
+        }
+        .footer {
+            background-color: orange;
+            color: white;
+            text-align: center;
+            padding: 5px 0;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+        }
+        .content {
+            padding-bottom: 100px;
+        }
+        .logo {
+            width: 130px;
+            height: auto;
+        }
+        .top {
+            width: 100%;
+            text-align: center;
+        }
+        .summary-box {
+            width: 90%;
+            margin: 15px auto;
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item {
+            width: 32%;
+            background-color: #f9f9f9;
+            text-align: center;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item h4 {
+            margin: 0;
+            font-size: 14px;
+        }
+        .summary-item p {
+            margin: 5px 0 0 0;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        th,
+        td {
+            border: 1px solid #000;
+            padding: 8px;
+            text-align: center;
+            font-size: 12px;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        .debit-cell {
+            background-color: #f8d7da;
+            /* light red */
+        }
+        .credit-cell {
+            background-color: #d4edda;
+            /* light green */
+        }
+        thead {
+            display: table-header-group;
+        }
+        tfoot {
+            display: table-footer-group;
+        }
+        tr {
+            page-break-inside: avoid;
+        }
+        .totals {
+            width: 90%;
+            margin: 20px auto;
+            text-align: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            background: #f9f9f9;
+        }
+        .report-generated {
+            width: 90%;
+            margin: 5px auto;
+            text-align: right;
+            font-size: 10px;
+            color: #555;
+        }
+        .title {
+            color: white;
+            font-size: 25px
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="title">DigiKhata</p>
+    </div>
+    <div class="content">
+        <div class="top">
+            <h3>Account Statement</h3>
+            <p>
+  ${StartDate === "" && EndDate === "" ? "All Transactions" : `${new Date(StartDate).toDateString()} - ${new Date(EndDate).toDateString()}`}
+</p>
+        </div>
+        <!-- Summary Box -->
+        <div class="summary-box">
+            <div class="summary-item">
+                <h4>Net Balance</h4>
+                <p style="color: ${type == "receivable" ? "green" : "red"};">Rs ${Math.abs(netBalance)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Total Debit</h4>
+                <p style="color: red">Rs ${Math.abs(totalAmount)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Total Credit</h4>
+                <p style="color: green">Rs ${Math.abs(totalSubAmount)}</p>
+            </div>
+        </div>
+        <!-- Table -->
+        <table style="width:90%; margin: 0 auto;">
+            <thead>
+                <tr>
+                    <th>Sr #</th>
+                    <th>Date</th>
+                    <th>Name</th>
+                    <th>Details</th>
+                    <th>Debit</th>
+                    <th>Credit</th>
+                    <th>Balance</th>
+                </tr>
+            </thead>
+            <tbody>
+                ${generateTableRows()}
+            </tbody>
+        </table>
+        <!-- Totals Section -->
+        <div class="totals">
+            <p><strong>Grand Total Debit:</strong> Rs ${Math.abs(totalAmount)}</p>
+            <p><strong>Grand Total Credit:</strong> Rs ${Math.abs(totalSubAmount)}</p>
+            <p><strong>Final Balance:</strong> Rs ${Math.abs(totalBalance)}</p>
+        </div>
+        <!-- Generated Date/Time -->
+        <div class="report-generated">
+            Report generated on: ${new Date().toLocaleString()}
+        </div>
+    </div>
+</body>
+</html>
+`;
+  return htmlContent;
+};
+export const allTransactionsBanksTemplate = (data, StartDate, EndDate, netBalance, totalAmount, totalSubAmount, totalBalance, type) => {
+  const generateTableRows = () => {
+    return data?.map((item, index) => `<tr>
+                    <td>${index + 1}</td>
+                    <td>${formatMyDate(item?.date)}</td>
+                    <td>
+                    <p>
+                    ${item?.client_name}<br />
+                    ${item?.client_phone}
+                    </p>
+                    </td>
+                    <td class="debit-cell">Rs ${item?.amount}</td>
+                    <td class="credit-cell">Rs ${item?.subamount}</td>
+                    <td style="color:${item?.balance < 0 ? "red" : "green"} ;">Rs ${Math.abs(item?.balance)}</td>
+                    </tr>
+            `).join('');
+  };
+  const htmlContent = `
+<html>
+<head>
+    <style>
+        @page {
+            margin-bottom: 80px;
+        }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        .header {
+            background-color: #FF5F00;
+            color: white;
+            text-align: center;
+            padding: 2px 0;
+            font-size: 20px;
+            font-weight: bold;
+        }
+        .footer {
+            background-color: orange;
+            color: white;
+            text-align: center;
+            padding: 5px 0;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+        }
+        .content {
+            padding-bottom: 100px;
+        }
+        .logo {
+            width: 130px;
+            height: auto;
+        }
+        .top {
+            width: 100%;
+            text-align: center;
+        }
+        .summary-box {
+            width: 90%;
+            margin: 15px auto;
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item {
+            width: 32%;
+            background-color: #f9f9f9;
+            text-align: center;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item h4 {
+            margin: 0;
+            font-size: 14px;
+        }
+        .summary-item p {
+            margin: 5px 0 0 0;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        th,
+        td {
+            border: 1px solid #000;
+            padding: 8px;
+            text-align: center;
+            font-size: 12px;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        .debit-cell {
+            background-color: #f8d7da;
+            /* light red */
+        }
+        .credit-cell {
+            background-color: #d4edda;
+            /* light green */
+        }
+        thead {
+            display: table-header-group;
+        }
+        tfoot {
+            display: table-footer-group;
+        }
+        tr {
+            page-break-inside: avoid;
+        }
+        .totals {
+            width: 90%;
+            margin: 20px auto;
+            text-align: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            background: #f9f9f9;
+        }
+        .report-generated {
+            width: 90%;
+            margin: 5px auto;
+            text-align: right;
+            font-size: 10px;
+            color: #555;
+        }
+        .title {
+            color: white;
+            font-size: 25px
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="title">DigiKhata</p>
+    </div>
+    <div class="content">
+        <div class="top">
+            <h3>Bank Statement</h3>
+            <p>
+  ${StartDate === "" && EndDate === "" ? "All Transactions" : `${new Date(StartDate).toDateString()} - ${new Date(EndDate).toDateString()}`}
+</p>
+        </div>
+        <!-- Summary Box -->
+        <div class="summary-box">
+            <div class="summary-item">
+                <h4>Net Balance</h4>
+                <p style="color: ${type == "receivable" ? "green" : "red"};">Rs ${Math.abs(netBalance)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Total Debit</h4>
+                <p style="color: red">Rs ${Math.abs(totalAmount)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Total Credit</h4>
+                <p style="color: green">Rs ${Math.abs(totalSubAmount)}</p>
+            </div>
+        </div>
+        <!-- Table -->
+        <table style="width:90%; margin: 0 auto;">
+            <thead>
+                <tr>
+                    <th>Sr #</th>
+                    <th>Date</th>
+                    <th>Bank</th>
+                    <th>Debit</th>
+                    <th>Credit</th>
+                    <th>Balance</th>
+                </tr>
+            </thead>
+            <tbody>
+                ${generateTableRows()}
+            </tbody>
+        </table>
+        <!-- Totals Section -->
+        <div class="totals">
+            <p><strong>Grand Total Debit:</strong> Rs ${Math.abs(totalAmount)}</p>
+            <p><strong>Grand Total Credit:</strong> Rs ${Math.abs(totalSubAmount)}</p>
+            <p><strong>Final Balance:</strong> Rs ${Math.abs(totalBalance)}</p>
+        </div>
+        <!-- Generated Date/Time -->
+        <div class="report-generated">
+            Report generated on: ${new Date().toLocaleString()}
+        </div>
+    </div>
+</body>
+</html>
+`;
+  return htmlContent;
+};
+export const allCustomersTemplate = (data, youGet, youGive) => {
+  const generateTableRows = () => {
+    return data?.map((item, index) => `<tr>
+                    <td>${index + 1}</td>
+                    <td>${item?.name}</td>
+                    <td>${item?.phone || ""}</td>
+                    <td class="debit-cell">${item?.pay_type == "receivable" ? item?.amount : ""}</td>
+                    <td class="credit-cell">${item?.pay_type == "payable" ? item?.amount : ""}</td>
+                    <td>${item?.paydate ? formatMyDate(item?.paydate) : ""}</td>
+                    </tr>
+            `).join('');
+  };
+  const htmlContent = `
+<html>
+<head>
+    <style>
+        @page {
+            margin-bottom: 80px;
+        }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        .header {
+            background-color: #FF5F00;
+            color: white;
+            text-align: center;
+            padding: 2px 0;
+            font-size: 20px;
+            font-weight: bold;
+        }
+        .footer {
+            background-color: orange;
+            color: white;
+            text-align: center;
+            padding: 5px 0;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+        }
+        .content {
+            padding-bottom: 100px;
+        }
+        .logo {
+            width: 130px;
+            height: auto;
+        }
+        .top {
+            width: 100%;
+            text-align: center;
+        }
+        .summary-box {
+            width: 90%;
+            margin: 15px auto;
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item {
+            width: 32%;
+            background-color: #f9f9f9;
+            text-align: center;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item h4 {
+            margin: 0;
+            font-size: 14px;
+        }
+        .summary-item p {
+            margin: 5px 0 0 0;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        th,
+        td {
+            border: 1px solid #000;
+            padding: 8px;
+            text-align: center;
+            font-size: 12px;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        .debit-cell {
+            background-color: #f8d7da;
+            /* light red */
+        }
+        .credit-cell {
+            background-color: #d4edda;
+            /* light green */
+        }
+        thead {
+            display: table-header-group;
+        }
+        tfoot {
+            display: table-footer-group;
+        }
+        tr {
+            page-break-inside: avoid;
+        }
+        .totals {
+            width: 90%;
+            margin: 20px auto;
+            text-align: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            background: #f9f9f9;
+        }
+        .report-generated {
+            width: 90%;
+            margin: 5px auto;
+            text-align: right;
+            font-size: 10px;
+            color: #555;
+        }
+        .title {
+            color: white;
+            font-size: 25px
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="title">DigiKhata</p>
+    </div>
+    <div class="content">
+        <div class="top">
+            <h3>Account Statement</h3>
+        </div>
+        <!-- Summary Box -->
+        <div class="summary-box">
+            <div class="summary-item">
+                <h4>You'll Get</h4>
+                <p style="color: red;">Rs ${Math.abs(youGet)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>You'll Give</h4>
+                <p style="color: green">Rs ${Math.abs(youGive)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Net Balance</h4>
+                <p style="color: black">Rs ${Math.abs(youGet - youGive)}</p>
+            </div>
+        </div>
+        <!-- Table -->
+        <table style="width:90%; margin: 0 auto;">
+            <thead>
+                <tr>
+                    <th>Sr #</th>
+                    <th>Customer</th>
+                    <th>Phone</th>
+                    <th>You'll Get</th>
+                    <th>You'll Give</th>
+                    <th>Collection Date</th>
+                </tr>
+            </thead>
+            <tbody>
+                ${generateTableRows()}
+            </tbody>
+        </table>
+        <!-- Totals Section -->
+        <div class="totals">
+            <p><strong>Total You'll Get:</strong> Rs ${Math.abs(youGet)}</p>
+            <p><strong>Total You'll Give:</strong> Rs ${Math.abs(youGive)}</p>
+        </div>
+        <!-- Generated Date/Time -->
+        <div class="report-generated">
+            Report generated on: ${new Date().toLocaleString()}
+        </div>
+    </div>
+</body>
+</html>
+`;
+  return htmlContent;
+};
+export const allSuppliersTemplate = (data, youGet, youGive) => {
+  const generateTableRows = () => {
+    return data?.map((item, index) => `<tr>
+                    <td>${index + 1}</td>
+                    <td>${item?.name}</td>
+                    <td>${item?.phone || ""}</td>
+                    <td class="debit-cell">${item?.pay_type == "receivable" ? item?.amount : ""}</td>
+                    <td class="credit-cell">${item?.pay_type == "payable" ? item?.amount : ""}</td>
+                    </tr>
+            `).join('');
+  };
+  const htmlContent = `
+<html>
+<head>
+    <style>
+        @page {
+            margin-bottom: 80px;
+        }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        .header {
+            background-color: #FF5F00;
+            color: white;
+            text-align: center;
+            padding: 2px 0;
+            font-size: 20px;
+            font-weight: bold;
+        }
+        .footer {
+            background-color: orange;
+            color: white;
+            text-align: center;
+            padding: 5px 0;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+        }
+        .content {
+            padding-bottom: 100px;
+        }
+        .logo {
+            width: 130px;
+            height: auto;
+        }
+        .top {
+            width: 100%;
+            text-align: center;
+        }
+        .summary-box {
+            width: 90%;
+            margin: 15px auto;
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item {
+            width: 32%;
+            background-color: #f9f9f9;
+            text-align: center;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item h4 {
+            margin: 0;
+            font-size: 14px;
+        }
+        .summary-item p {
+            margin: 5px 0 0 0;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        th,
+        td {
+            border: 1px solid #000;
+            padding: 8px;
+            text-align: center;
+            font-size: 12px;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        .debit-cell {
+            background-color: #f8d7da;
+            /* light red */
+        }
+        .credit-cell {
+            background-color: #d4edda;
+            /* light green */
+        }
+        thead {
+            display: table-header-group;
+        }
+        tfoot {
+            display: table-footer-group;
+        }
+        tr {
+            page-break-inside: avoid;
+        }
+        .totals {
+            width: 90%;
+            margin: 20px auto;
+            text-align: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            background: #f9f9f9;
+        }
+        .report-generated {
+            width: 90%;
+            margin: 5px auto;
+            text-align: right;
+            font-size: 10px;
+            color: #555;
+        }
+        .title {
+            color: white;
+            font-size: 25px
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="title">DigiKhata</p>
+    </div>
+    <div class="content">
+        <div class="top">
+            <h3>Account Statement</h3>
+        </div>
+        <!-- Summary Box -->
+        <div class="summary-box">
+            <div class="summary-item">
+                <h4>Total Advance</h4>
+                <p style="color: red;">Rs ${Math.abs(youGet)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>You'll Give</h4>
+                <p style="color: green">Rs ${Math.abs(youGive)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Net Balance</h4>
+                <p style="color: black">Rs ${Math.abs(youGet - youGive)}</p>
+            </div>
+        </div>
+        <!-- Table -->
+        <table style="width:90%; margin: 0 auto;">
+            <thead>
+                <tr>
+                    <th>Sr #</th>
+                    <th>Customer</th>
+                    <th>Phone</th>
+                    <th>Advance</th>
+                    <th>You'll Give</th>
+                </tr>
+            </thead>
+            <tbody>
+                ${generateTableRows()}
+            </tbody>
+        </table>
+        <!-- Totals Section -->
+        <div class="totals">
+            <p><strong>Total You'll Get:</strong> Rs ${Math.abs(youGet)}</p>
+            <p><strong>Total You'll Give:</strong> Rs ${Math.abs(youGive)}</p>
+        </div>
+        <!-- Generated Date/Time -->
+        <div class="report-generated">
+            Report generated on: ${new Date().toLocaleString()}
+        </div>
+    </div>
+</body>
+</html>
+`;
+  return htmlContent;
+};
+export const allBanksTemplate = (data, youGet, youGive) => {
+  const generateTableRows = () => {
+    return data?.map((item, index) => `<tr>
+                    <td>${index + 1}</td>
+                    <td>${item?.name}</td>
+                    <td>${item?.phone || ""}</td>
+                    <td class="credit-cell">${item?.pay_type == "payable" ? item?.amount : ""}</td>
+                    <td class="debit-cell">${item?.pay_type == "receivable" ? item?.amount : ""}</td>
+                    </tr>
+            `).join('');
+  };
+  const htmlContent = `
+<html>
+<head>
+    <style>
+        @page {
+            margin-bottom: 80px;
+        }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        .header {
+            background-color: #FF5F00;
+            color: white;
+            text-align: center;
+            padding: 2px 0;
+            font-size: 20px;
+            font-weight: bold;
+        }
+        .footer {
+            background-color: orange;
+            color: white;
+            text-align: center;
+            padding: 5px 0;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+        }
+        .content {
+            padding-bottom: 100px;
+        }
+        .logo {
+            width: 130px;
+            height: auto;
+        }
+        .top {
+            width: 100%;
+            text-align: center;
+        }
+        .summary-box {
+            width: 90%;
+            margin: 15px auto;
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item {
+            width: 32%;
+            background-color: #f9f9f9;
+            text-align: center;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item h4 {
+            margin: 0;
+            font-size: 14px;
+        }
+        .summary-item p {
+            margin: 5px 0 0 0;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        th,
+        td {
+            border: 1px solid #000;
+            padding: 8px;
+            text-align: center;
+            font-size: 12px;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        .debit-cell {
+            background-color: #f8d7da;
+            /* light red */
+        }
+        .credit-cell {
+            background-color: #d4edda;
+            /* light green */
+        }
+        thead {
+            display: table-header-group;
+        }
+        tfoot {
+            display: table-footer-group;
+        }
+        tr {
+            page-break-inside: avoid;
+        }
+        .totals {
+            width: 90%;
+            margin: 20px auto;
+            text-align: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            background: #f9f9f9;
+        }
+        .report-generated {
+            width: 90%;
+            margin: 5px auto;
+            text-align: right;
+            font-size: 10px;
+            color: #555;
+        }
+        .title {
+            color: white;
+            font-size: 25px
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="title">DigiKhata</p>
+    </div>
+    <div class="content">
+        <div class="top">
+            <h3>Account Statement</h3>
+        </div>
+        <!-- Summary Box -->
+        <div class="summary-box">
+            <div class="summary-item">
+                <h4>Total Credit</h4>
+                <p style="color: green">Rs ${Math.abs(youGive)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Total Debit</h4>
+                <p style="color: red;">Rs ${Math.abs(youGet)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Bank Balance</h4>
+                <p style="color: black">Rs ${Math.abs(youGet - youGive)}</p>
+            </div>
+        </div>
+        <!-- Table -->
+        <table style="width:90%; margin: 0 auto;">
+            <thead>
+                <tr>
+                    <th>Sr #</th>
+                    <th>Bank</th>
+                    <th>Details</th>
+                    <th>Credit</th>
+                    <th>Debit</th>
+                </tr>
+            </thead>
+            <tbody>
+                ${generateTableRows()}
+            </tbody>
+        </table>
+        <!-- Totals Section -->
+        <div class="totals">
+            <p><strong>Total Debit:</strong> Rs ${Math.abs(youGet)}</p>
+            <p><strong>Total Credit:</strong> Rs ${Math.abs(youGive)}</p>
+        </div>
+        <!-- Generated Date/Time -->
+        <div class="report-generated">
+            Report generated on: ${new Date().toLocaleString()}
+        </div>
+    </div>
+</body>
+</html>
+`;
+  return htmlContent;
+};
+export const cashMainTemplate = (data, totalCashIN, totalCashOUT, date) => {
+  const diff = totalCashIN - totalCashOUT;
+  const generateTableRows = () => {
+    return data?.map((item, index) => `<tr>
+                    <td>${index + 1}</td>
+                    <td>${formatTime(item?.entryDate)}</td>
+                    <td class="credit-cell">${item?.cashIN ? addCommas(item?.cashIN) : ""}</td>
+                    <td class="debit-cell">${item?.cashOUT ? addCommas(item?.cashOUT) : ""}</td>
+                    <td style="color: ${(item?.cashInHand ?? 0) >= 0 ? 'green' : 'red'}">
+                        ${addCommas(Math.abs(item?.cashInHand ?? 0))}
+                    </td>
+                    </tr>
+            `).join('');
+  };
+  const htmlContent = `
+<html>
+<head>
+    <style>
+        @page {
+            margin-bottom: 80px;
+        }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        .header {
+            background-color: #FF5F00;
+            color: white;
+            text-align: center;
+            padding: 2px 0;
+            font-size: 20px;
+            font-weight: bold;
+        }
+        .footer {
+            background-color: orange;
+            color: white;
+            text-align: center;
+            padding: 5px 0;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+        }
+        .content {
+            padding-bottom: 100px;
+        }
+        .logo {
+            width: 130px;
+            height: auto;
+        }
+        .top {
+            width: 100%;
+            text-align: center;
+        }
+        .summary-box {
+            width: 90%;
+            margin: 15px auto;
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item {
+            width: 32%;
+            background-color: #f9f9f9;
+            text-align: center;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item h4 {
+            margin: 0;
+            font-size: 14px;
+        }
+        .summary-item p {
+            margin: 5px 0 0 0;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        th,
+        td {
+            border: 1px solid #000;
+            padding: 8px;
+            text-align: center;
+            font-size: 12px;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        .debit-cell {
+            background-color: #f8d7da;
+            /* light red */
+        }
+        .credit-cell {
+            background-color: #d4edda;
+            /* light green */
+        }
+        thead {
+            display: table-header-group;
+        }
+        tfoot {
+            display: table-footer-group;
+        }
+        tr {
+            page-break-inside: avoid;
+        }
+        .totals {
+            width: 90%;
+            margin: 20px auto;
+            text-align: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            background: #f9f9f9;
+        }
+        .report-generated {
+            width: 90%;
+            margin: 5px auto;
+            text-align: right;
+            font-size: 10px;
+            color: #555;
+        }
+        .title {
+            color: white;
+            font-size: 25px
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="title">DigiKhata</p>
+    </div>
+    <div class="content">
+        <div class="top">
+            <h3>Cashbook Statement</h3>
+            <p style="color: black;">${date}</p>
+        </div>
+        <!-- Summary Box -->
+        <div class="summary-box">
+            <div class="summary-item">
+                <h4>Cash IN</h4>
+                <p style="color: green">Rs ${addCommas(totalCashIN)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Cash OUT</h4>
+                <p style="color: red;">Rs ${addCommas(totalCashOUT)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Net Balance</h4>
+                <p style="color: ${diff >= 0 ? 'green' : 'red'}">
+                    Rs ${addCommas(Math.abs(diff))}
+                </p>
+            </div>
+        </div>
+        <!-- Table -->
+        <table style="width:90%; margin: 0 auto;">
+            <thead>
+                <tr>
+                    <th>Sr #</th>
+                    <th>Time</th>
+                    <th>Total IN</th>
+                    <th>Total OUT</th>
+                    <th>Cash in Hand</th>
+                </tr>
+            </thead>
+            <tbody>
+                ${generateTableRows()}
+            </tbody>
+        </table>
+        <!-- Totals Section -->
+        <div class="totals">
+            <p><strong>Total IN:</strong> Rs ${addCommas(totalCashIN)}</p>
+            <p><strong>Total OUT:</strong> Rs ${addCommas(totalCashOUT)}</p>
+        </div>
+        <!-- Generated Date/Time -->
+        <div class="report-generated">
+            Report generated on: ${new Date().toLocaleString()}
+        </div>
+    </div>
+</body>
+</html>
+`;
+  return htmlContent;
+};
+export const dailyReportTemplate = (data, totalCashIN, totalCashOUT, date) => {
+  const diff = totalCashIN - totalCashOUT;
+  const generateTableRows = () => {
+    return data?.map((item, index) => `<tr>
+                    <td>${index + 1}</td>
+                    <td>
+                        ${formatMyDate(fromJsDateToSql(new Date(item?.date)))} - ${item?.entryCount} Entries
+                    </td>
+                    <td class="credit-cell">${item?.totalCashIN ? addCommas(item?.totalCashIN) : ""}</td>
+                    <td class="debit-cell">${item?.totalCashOUT ? addCommas(item?.totalCashOUT) : ""}</td>
+                    <td style="color: ${(item?.dailyBalance ?? 0) >= 0 ? 'green' : 'red'}">
+                        ${addCommas(Math.abs(item?.dailyBalance ?? 0))}
+                    </td>
+                    <td style="color: ${(item?.cashInHand ?? 0) >= 0 ? 'green' : 'red'}">
+                        ${addCommas(Math.abs(item?.cashInHand ?? 0))}
+                    </td>
+                    </tr>
+            `).join('');
+  };
+  const htmlContent = `
+<html>
+<head>
+    <style>
+        @page {
+            margin-bottom: 80px;
+        }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        .header {
+            background-color: #FF5F00;
+            color: white;
+            text-align: center;
+            padding: 2px 0;
+            font-size: 20px;
+            font-weight: bold;
+        }
+        .footer {
+            background-color: orange;
+            color: white;
+            text-align: center;
+            padding: 5px 0;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+        }
+        .content {
+            padding-bottom: 100px;
+        }
+        .logo {
+            width: 130px;
+            height: auto;
+        }
+        .top {
+            width: 100%;
+            text-align: center;
+        }
+        .summary-box {
+            width: 90%;
+            margin: 15px auto;
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item {
+            width: 32%;
+            background-color: #f9f9f9;
+            text-align: center;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item h4 {
+            margin: 0;
+            font-size: 14px;
+        }
+        .summary-item p {
+            margin: 5px 0 0 0;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        th,
+        td {
+            border: 1px solid #000;
+            padding: 8px;
+            text-align: center;
+            font-size: 12px;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        .debit-cell {
+            background-color: #f8d7da;
+            /* light red */
+        }
+        .credit-cell {
+            background-color: #d4edda;
+            /* light green */
+        }
+        thead {
+            display: table-header-group;
+        }
+        tfoot {
+            display: table-footer-group;
+        }
+        tr {
+            page-break-inside: avoid;
+        }
+        .totals {
+            width: 90%;
+            margin: 20px auto;
+            text-align: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            background: #f9f9f9;
+        }
+        .report-generated {
+            width: 90%;
+            margin: 5px auto;
+            text-align: right;
+            font-size: 10px;
+            color: #555;
+        }
+        .title {
+            color: white;
+            font-size: 25px
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="title">DigiKhata</p>
+    </div>
+    <div class="content">
+        <div class="top">
+            <h3>Cashbook Statement</h3>
+        </div>
+        <!-- Summary Box -->
+        <div class="summary-box">
+            <div class="summary-item">
+                <h4>Cash IN</h4>
+                <p style="color: green">Rs ${addCommas(totalCashIN)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Cash OUT</h4>
+                <p style="color: red;">Rs ${addCommas(totalCashOUT)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Net Balance</h4>
+                <p style="color: ${diff >= 0 ? 'green' : 'red'}">
+                    Rs ${addCommas(Math.abs(diff))}
+                </p>
+            </div>
+        </div>
+        <!-- Table -->
+        <table style="width:90%; margin: 0 auto;">
+            <thead>
+                <tr>
+                    <th>Sr #</th>
+                    <th>Date</th>
+                    <th>Total IN</th>
+                    <th>Total OUT</th>
+                    <th>Daily Balance</th>
+                    <th>Cash in Hand</th>
+                </tr>
+            </thead>
+            <tbody>
+                ${generateTableRows()}
+            </tbody>
+        </table>
+        <!-- Totals Section -->
+        <div class="totals">
+            <p><strong>Total IN:</strong> Rs ${addCommas(totalCashIN)}</p>
+            <p><strong>Total OUT:</strong> Rs ${addCommas(totalCashOUT)}</p>
+        </div>
+        <!-- Generated Date/Time -->
+        <div class="report-generated">
+            Report generated on: ${new Date().toLocaleString()}
+        </div>
+    </div>
+</body>
+</html>
+`;
+  return htmlContent;
+};
+export const detailedReportTemplate = (data, totalCashIN, totalCashOUT, date) => {
+  const diff = totalCashIN - totalCashOUT;
+  const generateTableRows = () => {
+    return data?.map((item, index) => {
+      // ✅ Main date summary row
+      let mainRow = `
+                <tr style="background-color: #f2f2f2; font-weight: bold;">
+                    <td>${index + 1}</td>
+                    <td>
+                        ${formatMyDate(fromJsDateToSql(new Date(item?.date)))} - ${item?.entryCount} Entries
+                    </td>
+                    <td class="credit-cell">${item?.totalCashIN ? addCommas(item?.totalCashIN) : ""}</td>
+                    <td class="debit-cell">${item?.totalCashOUT ? addCommas(item?.totalCashOUT) : ""}</td>
+                    <td style="color: ${(item?.dailyBalance ?? 0) >= 0 ? 'green' : 'red'}">
+                        ${addCommas(Math.abs(item?.dailyBalance ?? 0))}
+                    </td>
+                    <td style="color: ${(item?.cashInHand ?? 0) >= 0 ? 'green' : 'red'}">
+                        ${addCommas(Math.abs(item?.cashInHand ?? 0))}
+                    </td>
+                </tr>
+            `;
+      // ✅ Entry rows for this date
+      let entryRows = item?.entries?.map((entry, entryIndex) => `
+                <tr style="background-color: #ffffff;">
+                    <td>${index + 1}.${entryIndex + 1}</td>
+                    <td>${formatTime(entry?.created_at)}</td>
+                    <td class="credit-cell">${entry?.cashIN ? addCommas(entry?.cashIN) : ""}</td>
+                    <td class="debit-cell">${entry?.cashOUT ? addCommas(entry?.cashOUT) : ""}</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+            `).join('') || "";
+      return mainRow + entryRows;
+    }).join('');
+  };
+  const htmlContent = `
+<html>
+<head>
+    <style>
+        @page {
+            margin-bottom: 80px;
+        }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        .header {
+            background-color: #FF5F00;
+            color: white;
+            text-align: center;
+            padding: 2px 0;
+            font-size: 20px;
+            font-weight: bold;
+        }
+        .footer {
+            background-color: orange;
+            color: white;
+            text-align: center;
+            padding: 5px 0;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+        }
+        .content {
+            padding-bottom: 100px;
+        }
+        .summary-box {
+            width: 90%;
+            margin: 15px auto;
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item {
+            width: 32%;
+            background-color: #f9f9f9;
+            text-align: center;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item h4 {
+            margin: 0;
+            font-size: 14px;
+        }
+        .summary-item p {
+            margin: 5px 0 0 0;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        th, td {
+            border: 1px solid #000;
+            padding: 8px;
+            text-align: center;
+            font-size: 12px;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        .debit-cell {
+            background-color: #f8d7da;
+        }
+        .credit-cell {
+            background-color: #d4edda;
+        }
+        thead {
+            display: table-header-group;
+        }
+        tfoot {
+            display: table-footer-group;
+        }
+        tr {
+            page-break-inside: avoid;
+        }
+        .totals {
+            width: 90%;
+            margin: 20px auto;
+            text-align: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            background: #f9f9f9;
+        }
+        .report-generated {
+            width: 90%;
+            margin: 5px auto;
+            text-align: right;
+            font-size: 10px;
+            color: #555;
+        }
+        .title {
+            color: white;
+            font-size: 25px;
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="title">DigiKhata</p>
+    </div>
+    <div class="content">
+        <div class="top" style="text-align:center; margin:20px 0;">
+            <h3 style="margin:0;">Cashbook Statement</h3>
+        </div>
+        <!-- Summary Box -->
+        <div class="summary-box">
+            <div class="summary-item">
+                <h4>Cash IN</h4>
+                <p style="color: green">Rs ${addCommas(totalCashIN)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Cash OUT</h4>
+                <p style="color: red;">Rs ${addCommas(totalCashOUT)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Net Balance</h4>
+                <p style="color: ${diff >= 0 ? 'green' : 'red'}">
+                    Rs ${addCommas(Math.abs(diff))}
+                </p>
+            </div>
+        </div>
+        <!-- Table -->
+        <table style="width:90%; margin: 0 auto;">
+            <thead>
+                <tr>
+                    <th>Sr #</th>
+                    <th>Date / Time</th>
+                    <th>Total IN</th>
+                    <th>Total OUT</th>
+                    <th>Daily Balance</th>
+                    <th>Cash in Hand</th>
+                </tr>
+            </thead>
+            <tbody>
+                ${generateTableRows()}
+            </tbody>
+        </table>
+        <!-- Totals Section -->
+        <div class="totals">
+            <p><strong>Total IN:</strong> Rs ${addCommas(totalCashIN)}</p>
+            <p><strong>Total OUT:</strong> Rs ${addCommas(totalCashOUT)}</p>
+        </div>
+        <!-- Generated Date/Time -->
+        <div class="report-generated">
+            Report generated on: ${new Date().toLocaleString()}
+        </div>
+    </div>
+</body>
+</html>
+`;
+  return htmlContent;
+};
+export function generateBillHTML({
+  companyName = "test1",
+  companyPhone = "03281594279",
+  companyAddress = "C37X+7FF, Jhaal Khanuana Block B People's Colony No 1, Faisalabad, Pakistan Faisalabad Punjab",
+  billTo = "Customer Name",
+  billNo = "1",
+  billDate = "20-10-2025",
+  items = [],
+  details = "details",
+  amount,
+  discount,
+  tax,
+  grandTotal,
+  received,
+  discountedAmount,
+  clientName
+}) {
+  // Calculate totals
+  const totalAmount = amount;
+  // Generate table rows
+  const tableRows = items.map((item, index) => `
+        <tr>
+            <td class="sno">${index + 1}</td>
+            <td>${item.name}</td>
+            <td class="qty">${item?.addedQty ? item?.addedQty : item?.qty}</td>
+            <td class="price">${addCommas(Number(item?.addedRate ?? item?.sellingPrice))}</td>
+          <td class="price">${addCommas(Number(item?.addedQty ?? item?.qty) * Number(item?.addedRate ?? item?.sellingPrice))}</td>
+        </tr>
+    `).join('');
+  // Return final HTML
+  return `
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Bill - ${companyName}</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 20px; border: 1px solid #ccc; padding: 10px; }
+        .header, .bill-info, .totals, .details { margin-bottom: 20px; }
+        .header { text-align: left; font-size: 0.9em; line-height: 1.4; }
+        .company-name { font-size: 1.3em; font-weight: bold; }
+        .header h1 { text-align: center; font-size: 1.8em; margin-top: 0; margin-bottom: 30px; }
+        .bill-info { display: flex; justify-content: space-between; font-size: 1em; }
+        .item-table { width: 100%; border-collapse: collapse; margin-bottom: 20px}
+        .item-table th, .item-table td { padding: 8px 10px; text-align: left; border-bottom: 1px solid #eee; }
+        .item-table th { font-weight: bold; border-bottom: 2px solid #ccc; }
+        .item-table .qty, .item-table .price { text-align: right; width: 15%; }
+        .item-table .sno { width: 5%; }
+        .totals-section { display: flex; flex-direction: column; align-items: flex-end; border-top: 1px solid #000; padding-top: 10px; }
+        .total-row { display: flex; justify-content: space-between; width: 100%; max-width: 300px; font-size: 1.1em; padding: 5px 0; }
+        .total-row.grand-total { font-weight: bold; font-size: 1.2em; border-top: 2px solid #000; padding-top: 10px; }
+        .details h2 { font-size: 1.1em; margin-bottom: 5px; border-bottom: 1px solid #000; padding-bottom: 5px; }
+        .details p { margin-top: 5px; border-bottom: 1px solid #000; padding-bottom: 10px; }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="company-name"><strong>${companyName}</strong></p>
+        <p class="company-name">${companyPhone}</p>
+        <p><strong>${companyAddress}</strong></p>
+        <h1>Bill</h1>
+    </div>
+    <div class="bill-info">
+        <div><strong>Bill To: ${billTo}</strong></div>
+        <div style="text-align: right;">
+            <p><strong>Bill No. ${billNo}</strong></p>
+            <p>${billDate}</p>
+        </div>
+    </div>
+    <table class="item-table">
+        <thead>
+            <tr>
+                <th class="sno">#</th>
+                <th>Name</th>
+                <th class="qty">Qty</th>
+                <th class="price">Price</th>
+                <th class="price">Amount</th>
+            </tr>
+        </thead>
+        <tbody>
+            ${tableRows}
+        </tbody>
+    </table>
+    <div class="totals-section">
+        <div class="total-row">
+            <span><strong>Total</strong></span>
+            <span><strong>Rs ${addCommas(Number(totalAmount))}</strong></span>
+        </div>
+         <div class="total-row">
+            <span>Discount % (${Number(discount)})</span>
+            <span><strong>${addCommas(Number(discountedAmount))}</strong></span>
+        </div>
+        <div class="total-row">
+            <span>Tax</span>
+            <span><strong>${addCommas(Number(tax))}</strong></span>
+        </div>
+        <div class="total-row grand-total">
+            <span>Grand Total</span>
+            <span>Rs ${addCommas(Number(grandTotal))}</span>
+        </div>
+    </div>
+    <div class="details">
+        <h2>Details</h2>
+        <p>${details}</p>
+    </div>
+</body>
+</html>
+    `;
+}
+export const allBillsTemplate = (data, grandTotal, totalBills) => {
+  const generateTableRows = () => {
+    return data?.map((item, index) => `<tr>
+      <td>${index + 1}</td>
+      <td>${formatMyDate(item?.entryDate)}</td>
+      <td>${item?.bill}</td>
+      <td>${item?.details || ""}</td>
+      <td style="color: red;">${item?.payment_mode == 0 ? item?.amount : item?.advance}</td>
+    </tr>`).join('');
+  };
+  const htmlContent = `
+<html>
+<head>
+    <style>
+        @page {
+            margin-bottom: 80px;
+        }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        .header {
+            background-color: #FF5F00;
+            color: white;
+            text-align: center;
+            padding: 2px 0;
+            font-size: 20px;
+            font-weight: bold;
+        }
+        .footer {
+            background-color: orange;
+            color: white;
+            text-align: center;
+            padding: 5px 0;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+        }
+        .content {
+            padding-bottom: 100px;
+        }
+        .logo {
+            width: 130px;
+            height: auto;
+        }
+        .top {
+            width: 100%;
+            text-align: center;
+        }
+        .summary-box {
+            width: 90%;
+            margin: 15px auto;
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item {
+            width: 32%;
+            background-color: #f9f9f9;
+            text-align: center;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item h4 {
+            margin: 0;
+            font-size: 14px;
+        }
+        .summary-item p {
+            margin: 5px 0 0 0;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        th,
+        td {
+            border: 1px solid #000;
+            padding: 8px;
+            text-align: center;
+            font-size: 12px;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        .debit-cell {
+            background-color: #f8d7da;
+            /* light red */
+        }
+        .credit-cell {
+            background-color: #d4edda;
+            /* light green */
+        }
+        thead {
+            display: table-header-group;
+        }
+        tfoot {
+            display: table-footer-group;
+        }
+        tr {
+            page-break-inside: avoid;
+        }
+        .totals {
+            width: 90%;
+            margin: 20px auto;
+            text-align: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            background: #f9f9f9;
+        }
+        .report-generated {
+            width: 90%;
+            margin: 5px auto;
+            text-align: right;
+            font-size: 10px;
+            color: #555;
+        }
+        .title {
+            color: white;
+            font-size: 25px
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="title">DigiKhata</p>
+    </div>
+    <div class="content">
+        <div class="top">
+            <h3>Bill Report</h3>
+        </div>
+        <!-- Summary Box -->
+        <div class="summary-box">
+            <div class="summary-item">
+                <h4>Total Bills</h4>
+                <p style="color: red;">Rs ${Math.abs(totalBills)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Total Amount</h4>
+                <p>Rs ${addCommas(Math.abs(grandTotal))}</p>
+            </div>
+        </div>
+        <!-- Table -->
+        <table style="width:90%; margin: 0 auto;">
+            <thead>
+                <tr>
+                    <th>Sr #</th>
+                    <th>Date</th>
+                    <th>Bill#</th>
+                    <th>Details</th>
+                    <th>Amount</th>
+                </tr>
+            </thead>
+            <tbody>
+                ${generateTableRows()}
+            </tbody>
+        </table>
+        <!-- Totals Section -->
+        <div class="totals">
+            <p><strong>Total You'll Get:</strong> Rs ${Math.abs(grandTotal)}</p>
+        </div>
+        <!-- Generated Date/Time -->
+        <div class="report-generated">
+            Report generated on: ${new Date().toLocaleString()}
+        </div>
+    </div>
+</body>
+</html>
+`;
+  return htmlContent;
+};
+export const allItemsTemplate = (data, totalItems) => {
+  const generateTableRows = () => {
+    return data?.map((item, index) => `<tr>
+                <td>${index + 1}</td>
+                <td>${item?.name}</td>
+                <td>${item?.unit || ""}</td>
+                <td style="color: ${item?.qty > 0 ? 'green' : item?.qty < 0 ? 'red' : 'black'};">
+  ${Math.abs(Number(item?.qty))}
+</td>
+            </tr>`).join('');
+  };
+  const htmlContent = `
+<html>
+<head>
+    <style>
+        @page {
+            margin-bottom: 80px;
+        }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        .header {
+            background-color: #FF5F00;
+            color: white;
+            text-align: center;
+            padding: 2px 0;
+            font-size: 20px;
+            font-weight: bold;
+        }
+        .footer {
+            background-color: orange;
+            color: white;
+            text-align: center;
+            padding: 5px 0;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+        }
+        .content {
+            padding-bottom: 100px;
+        }
+        .logo {
+            width: 130px;
+            height: auto;
+        }
+        .top {
+            width: 100%;
+            text-align: center;
+        }
+        .summary-box {
+            width: 90%;
+            margin: 15px auto;
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item {
+            width: 32%;
+            background-color: #f9f9f9;
+            text-align: center;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item h4 {
+            margin: 0;
+            font-size: 14px;
+        }
+        .summary-item p {
+            margin: 5px 0 0 0;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        th,
+        td {
+            border: 1px solid #000;
+            padding: 8px;
+            text-align: center;
+            font-size: 12px;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        .debit-cell {
+            background-color: #f8d7da;
+            /* light red */
+        }
+        .credit-cell {
+            background-color: #d4edda;
+            /* light green */
+        }
+        thead {
+            display: table-header-group;
+        }
+        tfoot {
+            display: table-footer-group;
+        }
+        tr {
+            page-break-inside: avoid;
+        }
+        .totals {
+            width: 90%;
+            margin: 20px auto;
+            text-align: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            background: #f9f9f9;
+        }
+        .report-generated {
+            width: 90%;
+            margin: 5px auto;
+            text-align: right;
+            font-size: 10px;
+            color: #555;
+        }
+        .title {
+            color: white;
+            font-size: 25px
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="title">DigiKhata</p>
+    </div>
+    <div class="content">
+        <div class="top">
+            <h3>Items List Report</h3>
+        </div>
+        <h6 style="margin-left: 50px;">No of Items ${totalItems}</h6>
+        <!-- Table -->
+        <table style="width:90%; margin: 0 auto;">
+            <thead>
+                <tr>
+                    <th>Sr #</th>
+                    <th>Item</th>
+                    <th>Unit</th>
+                    <th>Stock in Hand</th>
+                </tr>
+            </thead>
+            <tbody>
+                ${generateTableRows()}
+            </tbody>
+        </table>
+        <!-- Generated Date/Time -->
+        <div class="report-generated">
+            Report generated on: ${new Date().toLocaleString()}
+        </div>
+    </div>
+</body>
+</html>
+`;
+  return htmlContent;
+};
+export const itemDetailsTemplate = (data, grandTotal, totalBills) => {
+  const generateTableRows = () => {
+    return data?.map((item, index) => `<tr>
+      <td>${index + 1}</td>
+      <td>${formatMyDate(item?.entryDate)}</td>
+      <td>${item?.itemName}</td>
+      <td>${item?.details?.split("_bill_")[0] || ""}</td>
+      <td style="color: ${Number(item?.qty) > 0 ? 'green' : Number(item?.qty) < 0 ? 'red' : 'black'}">
+  ${Math.abs(Number(item?.qty))}
+</td>
+      <td>${addCommas(Number(item?.subamount))}</td>
+      <td>${addCommas(Number(item?.amount))}</td>
+    </tr>`).join('');
+  };
+  const htmlContent = `
+<html>
+<head>
+    <style>
+        @page {
+            margin-bottom: 80px;
+        }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        .header {
+            background-color: #FF5F00;
+            color: white;
+            text-align: center;
+            padding: 2px 0;
+            font-size: 20px;
+            font-weight: bold;
+        }
+        .footer {
+            background-color: orange;
+            color: white;
+            text-align: center;
+            padding: 5px 0;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+        }
+        .content {
+            padding-bottom: 100px;
+        }
+        .logo {
+            width: 130px;
+            height: auto;
+        }
+        .top {
+            width: 100%;
+            text-align: center;
+        }
+        .summary-box {
+            width: 90%;
+            margin: 15px auto;
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item {
+            width: 32%;
+            background-color: #f9f9f9;
+            text-align: center;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item h4 {
+            margin: 0;
+            font-size: 14px;
+        }
+        .summary-item p {
+            margin: 5px 0 0 0;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        th,
+        td {
+            border: 1px solid #000;
+            padding: 8px;
+            text-align: center;
+            font-size: 12px;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        .debit-cell {
+            background-color: #f8d7da;
+            /* light red */
+        }
+        .credit-cell {
+            background-color: #d4edda;
+            /* light green */
+        }
+        thead {
+            display: table-header-group;
+        }
+        tfoot {
+            display: table-footer-group;
+        }
+        tr {
+            page-break-inside: avoid;
+        }
+        .totals {
+            width: 90%;
+            margin: 20px auto;
+            text-align: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            background: #f9f9f9;
+        }
+        .report-generated {
+            width: 90%;
+            margin: 5px auto;
+            text-align: right;
+            font-size: 10px;
+            color: #555;
+        }
+        .title {
+            color: white;
+            font-size: 25px
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="title">DigiKhata</p>
+    </div>
+    <div class="content">
+        <div class="top">
+            <h3>Stock Report</h3>
+        </div>
+        <!-- Summary Box -->
+        <div class="summary-box">
+            <div class="summary-item">
+                <h4>No of Entries</h4>
+                <p>Rs ${Math.abs(totalBills)}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Total Amount</h4>
+                <p>Rs ${addCommas(Math.abs(grandTotal))}</p>
+            </div>
+        </div>
+        <!-- Table -->
+        <table style="width:90%; margin: 0 auto;">
+            <thead>
+                <tr>
+                    <th>Sr #</th>
+                    <th>Date</th>
+                    <th>Item</th>
+                    <th>Details</th>
+                    <th>Qty</th>
+                    <th>Rate</th>
+                    <th>Amount</th>
+                </tr>
+            </thead>
+            <tbody>
+                ${generateTableRows()}
+            </tbody>
+        </table>
+        <!-- Totals Section -->
+        <div class="totals">
+            <p><strong>Grand Total:</strong> Rs ${Math.abs(grandTotal)}</p>
+        </div>
+        <!-- Generated Date/Time -->
+        <div class="report-generated">
+            Report generated on: ${new Date().toLocaleString()}
+        </div>
+    </div>
+</body>
+</html>
+`;
+  return htmlContent;
+};
+//# sourceMappingURL=htmlTemplates.js.map