diff --git a/src/Features/BookingScreen/BookingData/BookingData.js b/src/Features/BookingScreen/BookingData/BookingData.js
index 97bb72b..9598fbc 100644
--- a/src/Features/BookingScreen/BookingData/BookingData.js
+++ b/src/Features/BookingScreen/BookingData/BookingData.js
@@ -18,6 +18,15 @@ export const getNotification = createAsyncThunk(
     );
   }
 );
+export const getStockDetailsByVariantName = createAsyncThunk(
+  'BookingData/getStockDetailsByVariantName',
+  async (data) => {
+    return await axiosRetailInstanceData.post(
+      `/productVariantListByname`,
+      data
+    );
+  }
+);
 
 export const getLayoutCategories = createAsyncThunk(
   'BookingData/getLayoutCategories',
@@ -1449,8 +1458,7 @@ export const CustomerOrderList = createAsyncThunk(
       return await axiosRetailInstanceData.get(
         `/LastBuyProductList?compId=${CompId}&branchId=${BranchId}&appId=${AppId}&mobileNo=${MobileNo}&fromDate=${FromDate}&toDate=${ToDate}`
       );
-    }
-    else if (
+    } else if (
       AppId != null &&
       AppId != undefined &&
       CompId != null &&
diff --git a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable4/BSBilling4Payment.jsx b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable4/BSBilling4Payment.jsx
index e74dd18..6b6a3a1 100644
--- a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable4/BSBilling4Payment.jsx
+++ b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable4/BSBilling4Payment.jsx
@@ -3789,40 +3789,7 @@ const BSBilling4Payment = () => {
                       </div>
                     </TooltipWrapper>
                   )}
-                  {/* Customer Orders */}
-                  {GetCustId && (
-                    <Tooltip title="Customer Orders" isMobile={isMobile}>
-                      {' '}
-                      <div
-                        className="BSBillingNav-icon-table-icon"
-                        onClick={() => {
-                          if (
-                            CheckBookingStatus !== 'Close' &&
-                            !addnewAccess &&
-                            !(OrderCardDetail?.length > 0)
-                          ) {
-                            setCustomerPreviesOrders(true);
-                          }
-                        }}
-                        style={{
-                          cursor: OrderCardDetail?.length > 0 && 'not-allowed',
-                          color:
-                            OrderCardDetail?.length > 0 ||
-                              (OrderCardDetail?.length > 0 &&
-                                GetCustId?.CustMobile === undefined)
-                              ? 'gray'
-                              : 'rgb(18, 146, 238)',
-                          fontSize: '25px',
-                          display: 'flex',
-                          alignItems: 'center',
-                          height: '2.46rem',
-                          width: '1.5rem',
-                        }}
-                      >
-                        <FaCartPlus />
-                      </div>
-                    </Tooltip>
-                  )}
+
                   {OtherServicesglobal && OrderCardDetail.length >= 1 && (
                     <TooltipWrapper title="Vehicle Number" isMobile={isMobile}>
                       {' '}
@@ -3859,6 +3826,41 @@ const BSBilling4Payment = () => {
                   {/* </React.Fragment> */}
                 </div>
               )}
+              
+              {/* Customer Orders */}
+              {GetCustId && (
+                <Tooltip title="Customer Orders" isMobile={isMobile}>
+                  {' '}
+                  <div
+                    className="BSBillingNav-icon-table-icon"
+                    onClick={() => {
+                      if (
+                        CheckBookingStatus !== 'Close' &&
+                        !addnewAccess &&
+                        !(OrderCardDetail?.length > 0)
+                      ) {
+                        setCustomerPreviesOrders(true);
+                      }
+                    }}
+                    style={{
+                      cursor: OrderCardDetail?.length > 0 && 'not-allowed',
+                      color:
+                        OrderCardDetail?.length > 0 ||
+                          (OrderCardDetail?.length > 0 &&
+                            GetCustId?.CustMobile === undefined)
+                          ? 'gray'
+                          : 'rgb(18, 146, 238)',
+                      fontSize: '25px',
+                      display: 'flex',
+                      alignItems: 'center',
+                      height: '2.46rem',
+                      width: '1.5rem',
+                    }}
+                  >
+                    <FaCartPlus />
+                  </div>
+                </Tooltip>
+              )}
               {tabledata?.length > 0 && (
                 <div style={{ width: '2rem' }}>
                   {tableOptions
diff --git a/src/Pages/BookingScreen/Components/OtherConponents/Reprint/BSReprint.jsx b/src/Pages/BookingScreen/Components/OtherConponents/Reprint/BSReprint.jsx
index 61056a2..db26e13 100644
--- a/src/Pages/BookingScreen/Components/OtherConponents/Reprint/BSReprint.jsx
+++ b/src/Pages/BookingScreen/Components/OtherConponents/Reprint/BSReprint.jsx
@@ -815,6 +815,7 @@ function BSReprint({ setOpenModel = () => { } }) {
         <a style={{ color: 'black' }}>{(page - 1) * 10 + index + 1}</a>
       ),
     },
+
     {
       title: 'Bill No',
       dataIndex: 'BillNo',
@@ -1420,7 +1421,7 @@ function BSReprint({ setOpenModel = () => { } }) {
               CreatedDate={orderDetail?.CreatedDate}
               PaymentStatus={reprintData?.[0]?.OrderPaymentDtl}
               Preference={SettingDataSelector}
-
+              printDatas={printDatas}
             />
           </div>
         ))}
@@ -1553,7 +1554,7 @@ function BSReprint({ setOpenModel = () => { } }) {
                         label: option.ConfigName,
                       }))}
                       label={
-                        <label class="required">Reprint reason Type</label>
+                        <label className="required">Reprint reason Type</label>
                       }
                       className="field-DropDown-Emp"
                       onChangeFunction={(e) => reprintReasonDropDownChange(e)}
@@ -1748,6 +1749,7 @@ function BSReprint({ setOpenModel = () => { } }) {
                         CreatedDate={orderDetail?.CreatedDate}
                         PaymentStatus={reprintData?.[0]?.OrderPaymentDtl}
                         Preference={SettingDataSelector}
+                        printDatas={printDatas}
                       />
                     </div>
                   ))}
@@ -1809,6 +1811,7 @@ function BSReprint({ setOpenModel = () => { } }) {
               CreatedDate={orderDetail?.CreatedDate}
               PaymentStatus={reprintData?.[0]?.OrderPaymentDtl}
               Preference={SettingDataSelector}
+              printDatas={printDatas}
             />
           </div>
         ))}
diff --git a/src/Pages/BookingScreen/PrintTemplates/A4/A4Standard.jsx b/src/Pages/BookingScreen/PrintTemplates/A4/A4Standard.jsx
index 993b6a0..140924d 100644
--- a/src/Pages/BookingScreen/PrintTemplates/A4/A4Standard.jsx
+++ b/src/Pages/BookingScreen/PrintTemplates/A4/A4Standard.jsx
@@ -1,10 +1,10 @@
-import React from "react";
-import { useDispatch, useSelector } from "react-redux";
+import React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
 import {
   extractLastNumber,
   extractLastNumberOrderId,
-} from "../../../../Services/Others";
-import Logo from '../../../../Images/Logo.jpg'
+} from '../../../../Services/Others';
+import Logo from '../../../../Images/Logo.jpg';
 import {
   GlobalprintSlNo,
   GlobalprintItem,
@@ -27,14 +27,19 @@ import {
   GlobalprintCashierName,
   GlobalprintLogo,
   GlobalprintTax,
-} from "../../../../Features/ThemeChange/ThemeChange";
-import "../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle1.scss";
-import QRCode from "react-qr-code";
-import { GlobalUpiIDprint, PreferenceData } from "../../../../Features/BookingScreen/BookingData/BookingData";
-import signature from "../../../../Images/signatureimage.jpg"
+  GlobalSelectedPrintHeaderColor,
+} from '../../../../Features/ThemeChange/ThemeChange';
+import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle1.scss';
+import QRCode from 'react-qr-code';
+import {
+  GlobalUpiIDprint,
+  PreferenceData,
+} from '../../../../Features/BookingScreen/BookingData/BookingData';
+import signature from '../../../../Images/signatureimage.jpg';
 import { isMobile } from 'react-device-detect';
 
-const InvoiceTemplate = ({ index,
+const InvoiceTemplate = ({
+  index,
   totalQuantityFilter,
   Date1,
   CashierName,
@@ -48,23 +53,27 @@ const InvoiceTemplate = ({ index,
   PrintLogo,
   PrintGreeting,
   base64Image,
-  printDatas, isPdf, sportsAppPreference, MembershipApplied = null }) => {
+  printDatas,
+  isPdf,
+  sportsAppPreference,
+  MembershipApplied = null,
+}) => {
   const dispatch = useDispatch();
   const GlobalUpiID = useSelector(GlobalUpiIDprint);
   const FieldDetails = useSelector(GloabalFieldDetails);
-  console.log(table2Data, "FieldDetails")
-  const SLNO = FieldDetails?.["Sl.No"];
-  const Item = FieldDetails?.["Item"];
-  console.log(Item, "Item")
-  const MRP = FieldDetails?.["MRP"];
-  const Discount = FieldDetails?.["Discount"];
-  const Quantity = FieldDetails?.["Quantity"];
-  const Tax = FieldDetails?.["Tax"];
-  const Rate = FieldDetails?.["Rate"];
-  const Amount = FieldDetails?.["Amount"];
-  const HsnCode = FieldDetails?.["HsnCode"];
-  const Qrcodet = FieldDetails?.["Qrcode"];
-  const LogoField = FieldDetails?.["Logo"];
+  console.log(table2Data, 'FieldDetails');
+  const SLNO = FieldDetails?.['Sl.No'];
+  const Item = FieldDetails?.['Item'];
+  console.log(Item, 'Item');
+  const MRP = FieldDetails?.['MRP'];
+  const Discount = FieldDetails?.['Discount'];
+  const Quantity = FieldDetails?.['Quantity'];
+  const Tax = FieldDetails?.['Tax'];
+  const Rate = FieldDetails?.['Rate'];
+  const Amount = FieldDetails?.['Amount'];
+  const HsnCode = FieldDetails?.['HsnCode'];
+  const Qrcodet = FieldDetails?.['Qrcode'];
+  const LogoField = FieldDetails?.['Logo'];
   const WeightasKg = FieldDetails?.['Weight'];
   const GlobalSlNo = useSelector(GlobalprintSlNo);
   const GlobalItem = useSelector(GlobalprintItem);
@@ -81,44 +90,50 @@ const InvoiceTemplate = ({ index,
   const GlobaltermsAndConditions = useSelector(GlobalprinttermsAndConditions);
   const GlobalSignatureImages = useSelector(GlobalSignatureImage);
   const GlobalIsnotes = useSelector(Globalnotes);
-  const GlobalthemeFormatr = useSelector(GlobalthemeFormat)
-  const GlobalBilltext = useSelector(GlobalBillName)
+  const GlobalthemeFormatr = useSelector(GlobalthemeFormat);
+  const GlobalBilltext = useSelector(GlobalBillName);
   const GlobalLogo = useSelector(GlobalprintLogo);
   const SettingData = useSelector(PreferenceData);
-  const estimatePrintHeader = SettingData?.[0]?.SettingDtlDetails?.find(setting => setting?.SettingIdName?.toLowerCase() === 'estimateprintheader')?.SettingValue === 'Y'
+  const estimatePrintHeader =
+    SettingData?.[0]?.SettingDtlDetails?.find(
+      (setting) =>
+        setting?.SettingIdName?.toLowerCase() === 'estimateprintheader',
+    )?.SettingValue === 'Y';
   const keysLength = Object.keys(table2Data ?? {}).length;
-  console.log(GlobalDiscount, Discount, "Discount");
+  console.log(GlobalDiscount, Discount, 'Discount');
 
-  let BankDetails = table2Data?.BankDetails
-  let TermsAndConditions = printDatas?.TermsandConditions
-  let SignatureImg = printDatas?.Signature
-  let Notestext = printDatas?.Notes
-  let BillName = printDatas?.PrintHdrName
-  let FormatTheme = printDatas?.PrintType == "S" ? true : false
-  let PageSize = printDatas?.PageSize
-  const Signature = FieldDetails?.["signature"];
-  const TermsnAdCondition = FieldDetails?.["terms&conditions"];
-  console.log(BankDetails, "GlobalthemeFormatr");
-  console.log(table2Data, "FormatThemekjhjk", PaymentStatus)
+  const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
+
+  let BankDetails = table2Data?.BankDetails;
+  let TermsAndConditions = printDatas?.TermsandConditions;
+  let SignatureImg = printDatas?.Signature;
+  let Notestext = printDatas?.Notes;
+  let BillName = printDatas?.PrintHdrName;
+  let FormatTheme = printDatas?.PrintType == 'S' ? true : false;
+  let PageSize = printDatas?.PageSize;
+  const Signature = FieldDetails?.['signature'];
+  const TermsnAdCondition = FieldDetails?.['terms&conditions'];
+  console.log(BankDetails, 'GlobalthemeFormatr');
+  console.log(table2Data, 'FormatThemekjhjk', PaymentStatus);
 
   if (keysLength > 0) {
     dispatch(changeReprintDataFound(true));
   }
   const currentDate = new Date();
-  const day = currentDate.getDate().toString().padStart(2, "0");
+  const day = currentDate.getDate().toString().padStart(2, '0');
   const monthNames = [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec",
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec',
   ];
   const monthIndex = currentDate.getMonth();
   const year = currentDate.getFullYear().toString().slice(-2);
@@ -126,15 +141,15 @@ const InvoiceTemplate = ({ index,
   const formattedDate = `${day}-${monthNames[monthIndex]}-${year}`;
 
   const TakeawayData = table2Data?.productDetails?.filter(
-    (item) => item.BookingTypeName?.toLowerCase() === "takeaway"
+    (item) => item.BookingTypeName?.toLowerCase() === 'takeaway',
   );
   const DineInData = table2Data?.productDetails?.filter(
-    (item) => item.BookingTypeName?.toLowerCase() === "dine in"
+    (item) => item.BookingTypeName?.toLowerCase() === 'dine in',
   );
   let PaymentStatusSuccess = PaymentStatus?.filter(
-    (ps) => ps.PaymentStatus === "S"
+    (ps) => ps.PaymentStatus === 'S',
   );
-  const isEditedBill = PaymentStatus?.some(payment => {
+  const isEditedBill = PaymentStatus?.some((payment) => {
     const type = payment?.AdjustmentType?.toLowerCase();
     return (
       (type === 'extra' || type === 'refund') &&
@@ -143,16 +158,16 @@ const InvoiceTemplate = ({ index,
     );
   });
   const lastTransaction = PaymentStatus?.find(
-    (ps) => ps.PaymentStatus === 'S' && ps?.LastOrderTran === 'Y'
-  )
+    (ps) => ps.PaymentStatus === 'S' && ps?.LastOrderTran === 'Y',
+  );
   const TakeawayTotal = TakeawayData?.reduce(
     (accumulator, currentValue) => accumulator + currentValue.TotalAmt,
-    0
+    0,
   );
-  const PackageDetails = table2Data?.PackageDtl
+  const PackageDetails = table2Data?.PackageDtl;
   const DineInTotal = DineInData?.reduce(
     (accumulator, currentValue) => accumulator + currentValue.TotalAmt,
-    0
+    0,
   );
   const aggregatedPayments = PaymentStatusSuccess?.reduce(
     (acc, paymentdata) => {
@@ -167,69 +182,77 @@ const InvoiceTemplate = ({ index,
 
       return acc;
     },
-    {}
+    {},
   );
   const productsData = table2Data?.productDetails || [];
   const offers = table2Data?.OrderOfferDetails || [];
 
   let TotalOfferAmount = 0;
-  console.log(table2Data, "productsDatakl")
+  console.log(table2Data, 'productsDatakl');
 
   // Calculate SalesWiseOffers total amount
-  offers.forEach(offer => {
+  offers.forEach((offer) => {
     if (offer.TableName === 'SalesWiseOffers') {
       TotalOfferAmount += offer.OfferAmount;
     }
   });
-  const hasMappedOffer = offers.some(offer =>
-    ["ItemWiseOffers", "BundleOffers", "QuantityWiseOffers"].includes(offer.TableName)
+  const hasMappedOffer = offers.some((offer) =>
+    ['ItemWiseOffers', 'BundleOffers', 'QuantityWiseOffers'].includes(
+      offer.TableName,
+    ),
   );
 
   if (hasMappedOffer) {
-
-    const productTotal = productsData?.reduce((acc, item) => acc + (item?.Type != "C" ? item.OfferAmt : item.OfferValue || 0), 0);
+    const productTotal = productsData?.reduce(
+      (acc, item) =>
+        acc + (item?.Type != 'C' ? item.OfferAmt : item.OfferValue || 0),
+      0,
+    );
     TotalOfferAmount += productTotal;
   } else {
-    const Combothere = productsData?.filter(item => item?.Type == "C")
-    const CombothereTotal = Combothere?.reduce((acc, item) => acc + (item.OfferValue || 0), 0);
+    const Combothere = productsData?.filter((item) => item?.Type == 'C');
+    const CombothereTotal = Combothere?.reduce(
+      (acc, item) => acc + (item.OfferValue || 0),
+      0,
+    );
     TotalOfferAmount += CombothereTotal;
   }
 
-
   const invoiceData = {
     company: {
-      name: "Prematix Software Solution Pvt Ltd.",
-      address: "#589, 2nd floor, VP Chambers, 1st cross, 3rd block, Koramangala, Bengaluru- 560034.",
-      phone: "9344270900",
-      email: "info@prematix.com",
-      gstin: "29AAICP0469K1ZX"
+      name: 'Prematix Software Solution Pvt Ltd.',
+      address:
+        '#589, 2nd floor, VP Chambers, 1st cross, 3rd block, Koramangala, Bengaluru- 560034.',
+      phone: '9344270900',
+      email: 'info@prematix.com',
+      gstin: '29AAICP0469K1ZX',
     },
     invoice: {
-      state: "Karnataka",
-      stateCode: "29",
-      date: "13/04/2024",
-      number: "BLR/01/2024-25",
-      reverseCharge: "",
-      placeOfSupply: "",
-      dateOfSupply: "",
-      vehicleNumber: "",
-      transportationMode: ""
+      state: 'Karnataka',
+      stateCode: '29',
+      date: '13/04/2024',
+      number: 'BLR/01/2024-25',
+      reverseCharge: '',
+      placeOfSupply: '',
+      dateOfSupply: '',
+      vehicleNumber: '',
+      transportationMode: '',
     },
     billTo: {
-      name: "Ooty Boat House",
-      address: "No:2, North Lake Road,",
-      state: "Tamil Nadu",
-      stateCode: "33",
-      gstin: "",
-      poNumber: "BLR/14/2024",
-      poDate: "11/04/2024"
+      name: 'Ooty Boat House',
+      address: 'No:2, North Lake Road,',
+      state: 'Tamil Nadu',
+      stateCode: '33',
+      gstin: '',
+      poNumber: 'BLR/14/2024',
+      poDate: '11/04/2024',
     },
     items: [
       {
         sr: 1,
-        name: "Acrylic Scanner Box",
-        hsn: "39204900",
-        uom: "INR",
+        name: 'Acrylic Scanner Box',
+        hsn: '39204900',
+        uom: 'INR',
         qty: 1,
         rate: 6501,
         amount: 6501,
@@ -239,15 +262,15 @@ const InvoiceTemplate = ({ index,
         cgstAmount: 0,
         sgstRate: 0,
         sgstAmount: 0,
-        igstRate: 18.00,
+        igstRate: 18.0,
         igstAmount: 1170,
-        totalAmount: 7671
+        totalAmount: 7671,
       },
       {
         sr: 2,
         name: '32" Wide Angle view display FHD',
-        hsn: "84716030",
-        uom: "INR",
+        hsn: '84716030',
+        uom: 'INR',
         qty: 1,
         rate: 48317,
         amount: 48317,
@@ -257,15 +280,15 @@ const InvoiceTemplate = ({ index,
         cgstAmount: 0,
         sgstRate: 0,
         sgstAmount: 0,
-        igstRate: 18.00,
+        igstRate: 18.0,
         igstAmount: 8697,
-        totalAmount: 57014
+        totalAmount: 57014,
       },
       {
         sr: 3,
-        name: "Service charges",
-        hsn: "999630",
-        uom: "INR",
+        name: 'Service charges',
+        hsn: '999630',
+        uom: 'INR',
         qty: 1,
         rate: 25000,
         amount: 25000,
@@ -275,11 +298,10 @@ const InvoiceTemplate = ({ index,
         cgstAmount: 0,
         sgstRate: 0,
         sgstAmount: 0,
-        igstRate: 18.00,
+        igstRate: 18.0,
         igstAmount: 4500,
-        totalAmount: 29500
+        totalAmount: 29500,
       },
-
     ],
     totals: {
       beforeTax: 83660,
@@ -288,21 +310,22 @@ const InvoiceTemplate = ({ index,
       cgst: 0,
       totalGst: 15059,
       afterTax: 98719,
-      amountInWords: "Ninety Eight Thousand Seven Hundred and Nineteen Rupees Only"
+      amountInWords:
+        'Ninety Eight Thousand Seven Hundred and Nineteen Rupees Only',
     },
     bankDetails: {
-      bankName: "State Bank of India",
-      accountNo: "34850253701",
-      ifscCode: "SBIN0006242",
-      branchName: "Mookandapalli"
-    }
+      bankName: 'State Bank of India',
+      accountNo: '34850253701',
+      ifscCode: 'SBIN0006242',
+      branchName: 'Mookandapalli',
+    },
   };
 
-  const chunkSize = isMobile ? 11 : PageSize == "A5" ? 8 : 9;
+  const chunkSize = isMobile ? 11 : PageSize == 'A5' ? 8 : 9;
   let dataSource = [];
 
   if (GlobaldummyData || TakeawayData?.length > 0) {
-    dataSource = GlobaldummyData ? "" : TakeawayData;
+    dataSource = GlobaldummyData ? '' : TakeawayData;
   } else if (DineInData?.length > 0) {
     dataSource = DineInData;
   }
@@ -311,50 +334,100 @@ const InvoiceTemplate = ({ index,
   for (let i = 0; i < dataSource.length; i += chunkSize) {
     paginatedChunks.push(dataSource.slice(i, i + chunkSize));
   }
-  const lastChunkRows = paginatedChunks.length > 0 ? paginatedChunks[paginatedChunks.length - 1].length : 0;
-  const shouldFooterBeOnNewPage = lastChunkRows > (isMobile ? 11 : PageSize == "A5" ? 4 : 6);
+  const lastChunkRows =
+    paginatedChunks.length > 0
+      ? paginatedChunks[paginatedChunks.length - 1].length
+      : 0;
+  const shouldFooterBeOnNewPage =
+    lastChunkRows > (isMobile ? 11 : PageSize == 'A5' ? 4 : 6);
 
-  console.log(table2Data, "table2Datah")
+  console.log(table2Data, 'table2Datah');
 
   const companyName = table2Data?.CompName;
-  const companyAddress = table2Data?.AddressDetails?.[0]?.Address1 + (table2Data?.AddressDetails?.[0]?.Address2 || '') || "#589, 2nd floor, VP Chambers, 1st cross, 3rd block, Koramangala, Bengaluru- 560034.";
-  const companyPhone = table2Data?.BrMobile + "," + table2Data?.BrMobile2 !== null ? table2Data?.BrMobile2 : "";
-  const companyEmail = table2Data?.CompanyEmail || "info@prematix.com";
+  const companyAddress =
+    table2Data?.AddressDetails?.[0]?.Address1 +
+    (table2Data?.AddressDetails?.[0]?.Address2 || '') ||
+    '#589, 2nd floor, VP Chambers, 1st cross, 3rd block, Koramangala, Bengaluru- 560034.';
+  const companyPhone =
+    table2Data?.BrMobile + ',' + table2Data?.BrMobile2 !== null
+      ? table2Data?.BrMobile2
+      : '';
+  const companyEmail = table2Data?.CompanyEmail || 'info@prematix.com';
   const companyGSTIN = table2Data?.CompGSTIN;
 
   // Billing Address (replace static values)
-  const billToName = table2Data?.CustomerName || "Ooty Boat House";
-  const billToAddress = table2Data?.CustomerAddress || "No:2, North Lake Road,";
-  const billToState = table2Data?.CustomerState || "Tamil Nadu";
-  const billToStateCode = table2Data?.CustomerStateCode || "33";
-  const billToGSTIN = table2Data?.CustomerGSTIN || "";
+  const billToName = table2Data?.CustomerName || 'Ooty Boat House';
+  const billToAddress = table2Data?.CustomerAddress || 'No:2, North Lake Road,';
+  const billToState = table2Data?.CustomerState || 'Tamil Nadu';
+  const billToStateCode = table2Data?.CustomerStateCode || '33';
+  const billToGSTIN = table2Data?.CustomerGSTIN || '';
 
   const InvoiceAmountWords = ({ amount }) => {
     const numberToWords = (num) => {
       const a = [
-        "", "One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight", "Nine", "Ten",
-        "Eleven", "Twelve", "Thirteen", "Fourteen", "Fifteen", "Sixteen", "Seventeen",
-        "Eighteen", "Nineteen"
+        '',
+        'One',
+        'Two',
+        'Three',
+        'Four',
+        'Five',
+        'Six',
+        'Seven',
+        'Eight',
+        'Nine',
+        'Ten',
+        'Eleven',
+        'Twelve',
+        'Thirteen',
+        'Fourteen',
+        'Fifteen',
+        'Sixteen',
+        'Seventeen',
+        'Eighteen',
+        'Nineteen',
+      ];
+      const b = [
+        '',
+        '',
+        'Twenty',
+        'Thirty',
+        'Forty',
+        'Fifty',
+        'Sixty',
+        'Seventy',
+        'Eighty',
+        'Ninety',
       ];
-      const b = ["", "", "Twenty", "Thirty", "Forty", "Fifty", "Sixty", "Seventy", "Eighty", "Ninety"];
 
-      if (num === 0) return "Zero";
+      if (num === 0) return 'Zero';
 
       if (num < 20) return a[num];
-      if (num < 100) return b[Math.floor(num / 10)] + (num % 10 ? " " + a[num % 10] : "");
+      if (num < 100)
+        return b[Math.floor(num / 10)] + (num % 10 ? ' ' + a[num % 10] : '');
       if (num < 1000)
-        return a[Math.floor(num / 100)] + " Hundred" + (num % 100 ? " and " + numberToWords(num % 100) : "");
+        return (
+          a[Math.floor(num / 100)] +
+          ' Hundred' +
+          (num % 100 ? ' and ' + numberToWords(num % 100) : '')
+        );
       if (num < 100000)
-        return numberToWords(Math.floor(num / 1000)) + " Thousand" + (num % 1000 ? " " + numberToWords(num % 1000) : "");
+        return (
+          numberToWords(Math.floor(num / 1000)) +
+          ' Thousand' +
+          (num % 1000 ? ' ' + numberToWords(num % 1000) : '')
+        );
 
-      return "Number too large";
+      return 'Number too large';
     };
     return (
       <div>
         <p style={{ fontSize: '12px', fontWeight: 'bold' }}>
           Total Invoice Amount in Words:
         </p>
-        <p className="amount-in-words" style={{ fontSize: '12px', fontWeight: 'bold' }}>
+        <p
+          className="amount-in-words"
+          style={{ fontSize: '12px', fontWeight: 'bold' }}
+        >
           {numberToWords(amount)}
         </p>
       </div>
@@ -363,54 +436,52 @@ const InvoiceTemplate = ({ index,
 
   const products = [
     {
-      ProdName: "ITEM 1",
+      ProdName: 'ITEM 1',
       Rate: 88.0,
       SalesQty: 2,
       MRP: 100,
       TotalAmt: 176,
       discount: 0,
-      HSN: "01",
+      HSN: '01',
     },
     {
-      ProdName: "ITEM 2",
+      ProdName: 'ITEM 2',
       Rate: 300.0,
       SalesQty: 1,
       MRP: 350,
       TotalAmt: 300,
       discount: 0,
-      HSN: "02",
+      HSN: '02',
     },
     {
-      ProdName: "ITEM 3",
+      ProdName: 'ITEM 3',
       Rate: 200.0,
       SalesQty: 1,
       MRP: 250,
       TotalAmt: 200,
       discount: 0,
-      HSN: "03",
+      HSN: '03',
     },
     {
-      ProdName: "ITEM 4",
+      ProdName: 'ITEM 4',
       Rate: 30.0,
       SalesQty: 1,
       MRP: 50,
       TotalAmt: 30,
       discount: 0,
-      HSN: "04",
+      HSN: '04',
     },
     {
-      ProdName: "ITEM 5",
+      ProdName: 'ITEM 5',
       Rate: 30.0,
       SalesQty: 1,
       MRP: 50,
       TotalAmt: 30,
       discount: 0,
-      HSN: "05",
+      HSN: '05',
     },
-
   ];
 
-
   return (
     <>
       <style>
@@ -741,349 +812,668 @@ const InvoiceTemplate = ({ index,
         `}
       </style>
       <>
-        {FormatTheme ?
-
-          <div id={`A4Standard-${index}`} style={{
-            fontFamily: "sans-serif", position: "relative",
-            width: "100%",
-            //  minHeight:  isMobile? "296mm":PageSize == "A5" ? '210mm' :'297mm',
-            padding: "5px",
-          }} className="invoice-container ">
+        {FormatTheme ? (
+          <div
+            id={`A4Standard-${index}`}
+            style={{
+              fontFamily: 'sans-serif',
+              position: 'relative',
+              width: '100%',
+              //  minHeight:  isMobile? "296mm":PageSize == "A5" ? '210mm' :'297mm',
+              padding: '5px',
+            }}
+            className="invoice-container "
+          >
             <div className="">
               {paginatedChunks.map((dataChunk, chunkIndex) => (
-                <div className={isMobile ? `invoice-wrapper container pdf-page` : `invoice-wrapper container print-chunk${chunkIndex > 0 ? ' print-page-break' : ''}`}
+                <div
+                  className={
+                    isMobile
+                      ? `invoice-wrapper container pdf-page`
+                      : `invoice-wrapper container print-chunk${chunkIndex > 0 ? ' print-page-break' : ''}`
+                  }
                   style={{
-                    display: "flex", flexDirection: "column",
-                    justifyContent: ((chunkIndex === paginatedChunks.length - 1) && (!shouldFooterBeOnNewPage)) && FormatTheme ? "space-between" : "",
-                    height: FormatTheme ? isMobile ? "293mm" : PageSize == "A5" ? '170mm' : "275mm" : "", marginBottom: "0"
-                  }} key={chunkIndex}>
-
+                    display: 'flex',
+                    flexDirection: 'column',
+                    justifyContent:
+                      chunkIndex === paginatedChunks.length - 1 &&
+                        !shouldFooterBeOnNewPage &&
+                        FormatTheme
+                        ? 'space-between'
+                        : '',
+                    height: FormatTheme
+                      ? isMobile
+                        ? '293mm'
+                        : PageSize == 'A5'
+                          ? '170mm'
+                          : '275mm'
+                      : '',
+                    marginBottom: '0',
+                  }}
+                  key={chunkIndex}
+                >
                   {/* <div className="invoice-wrapper"> */}
                   {/* Header */}
 
                   {/* <div className="header" style={{ position: !isMobile && (GlobaldummyData ? "absolute" : "fixed"), top: 0, width: "100%" }}> */}
-                  <div className="header" style={{ position: isMobile ? "" : GlobaldummyData ? "absolute" : isPdf ? "static" : "fixed", top: 0, width: "100%" }}>
-                    {((!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div className="header-section">
-                      <div>
-                        <div style={{ display: "flex", alignItems: 'center' }}>
-                          {(GlobalLogo && GlobaldummyData) && <div > <img src={Logo} alt='Brand Logo' style={{ width: '100px', height: 'auto', objectFit: 'contain' }} /></div>}
-                          {(base64Image && (PrintLogo?.SettingValue === "Y" || LogoField)) ? <img src={base64Image} alt='Brand Logo' style={{ width: '60px', height: 'auto', objectFit: 'contain' }} /> : null}
-                          <h1 className="company-name">{GlobaldummyData ? "Company Name" : companyName}</h1>
-                        </div>
-                        <p>{companyAddress}</p>
-                        {(companyPhone || GlobaldummyData) && <div>Phone: {GlobaldummyData ? "999999XXXX" : companyPhone}</div>}
-                        <div>Email: {companyEmail}</div>
-                        {companyGSTIN || GlobaldummyData && <div style={{ fontSize: "16px", fontWeight: "600" }}>GSTIN: {GlobaldummyData ? "XXTTHJJF7679" : companyGSTIN}</div>}
-                      </div>
-                      <div style={{ fontWeight: "600", fontSize: "14px" }}>
-                        {" "}
-                        BillNo:
-                        {GlobaldummyData
-                          ? "121"
-                          : table2Data?.OrderId &&
-                          extractLastNumberOrderId(
-                            table2Data?.OrderId,
-                            table2Data?.FYStatus
+                  <div
+                    className="header"
+                    style={{
+                      position: isMobile
+                        ? ''
+                        : GlobaldummyData
+                          ? 'absolute'
+                          : isPdf
+                            ? 'static'
+                            : 'fixed',
+                      top: 0,
+                      width: '100%',
+                    }}
+                  >
+                    {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                      ''
+                    ) : (
+                      <div className="header-section">
+                        <div>
+                          <div
+                            style={{ display: 'flex', alignItems: 'center' }}
+                          >
+                            {GlobalLogo && GlobaldummyData && (
+                              <div>
+                                {' '}
+                                <img
+                                  src={Logo}
+                                  alt="Brand Logo"
+                                  style={{
+                                    width: '100px',
+                                    height: 'auto',
+                                    objectFit: 'contain',
+                                  }}
+                                />
+                              </div>
+                            )}
+                            {base64Image &&
+                              (PrintLogo?.SettingValue === 'Y' || LogoField) ? (
+                              <img
+                                src={base64Image}
+                                alt="Brand Logo"
+                                style={{
+                                  width: '60px',
+                                  height: 'auto',
+                                  objectFit: 'contain',
+                                }}
+                              />
+                            ) : null}
+                            <h1 className="company-name">
+                              {GlobaldummyData ? 'Company Name' : companyName}
+                            </h1>
+                          </div>
+                          <p>{companyAddress}</p>
+                          {(companyPhone || GlobaldummyData) && (
+                            <div>
+                              Phone:{' '}
+                              {GlobaldummyData ? '999999XXXX' : companyPhone}
+                            </div>
                           )}
+                          <div>Email: {companyEmail}</div>
+                          {companyGSTIN ||
+                            (GlobaldummyData && (
+                              <div
+                                style={{ fontSize: '16px', fontWeight: '600' }}
+                              >
+                                GSTIN:{' '}
+                                {GlobaldummyData
+                                  ? 'XXTTHJJF7679'
+                                  : companyGSTIN}
+                              </div>
+                            ))}
+                        </div>
+                        <div style={{ fontWeight: '600', fontSize: '14px' }}>
+                          {' '}
+                          BillNo:
+                          {GlobaldummyData
+                            ? '121'
+                            : table2Data?.OrderId &&
+                            extractLastNumberOrderId(
+                              table2Data?.OrderId,
+                              table2Data?.FYStatus,
+                            )}
+                        </div>
                       </div>
-
-                    </div>)}
+                    )}
 
                     {/* Invoice Title */}
                     <div className="invoice-title">
-                      {table2Data?.OrderType === "E" && (
+                      {table2Data?.OrderType === 'E' && (
                         <div
                           style={{
-                            fontSize: "14px",
-                            margin: "2px 0 0 0",
+                            fontSize: '14px',
+                            margin: '2px 0 0 0',
                             padding: 0,
                             fontWeight: 600,
                           }}
                         >
-                          Estimate{" "}
+                          Estimate{' '}
                         </div>
                       )}
-                      {table2Data?.OrderType === "E" ? (
-                        ""
+                      {table2Data?.OrderType === 'E' ? (
+                        ''
                       ) : (
                         <div
                           style={{
-                            fontSize: "14px",
-                            margin: "2px 0 0 0",
+                            fontSize: '14px',
+                            margin: '2px 0 0 0',
                             padding: 0,
                             fontWeight: 600,
                           }}
                         >
-                          {GlobaldummyData ? GlobalBilltext ? GlobalBilltext : "Cash" + ' Bill' : BillName ? BillName : PaymentStatusSuccess?.length === 1 ? PaymentStatusSuccess?.[0]?.PaymentTypeName + ' Bill' : ""}
-
+                          {GlobaldummyData
+                            ? GlobalBilltext
+                              ? GlobalBilltext
+                              : 'Cash' + ' Bill'
+                            : BillName
+                              ? BillName
+                              : PaymentStatusSuccess?.length === 1
+                                ? PaymentStatusSuccess?.[0]?.PaymentTypeName +
+                                ' Bill'
+                                : ''}
                         </div>
                       )}
                     </div>
 
-
-                    {GlobaldummyData ?
+                    {GlobaldummyData ? (
                       <div className="billing-grid">
                         <div className="billing-left">
-                          <h3 className="section-title">Details of Receiver | Billed to</h3>
+                          <h3 className="section-title">
+                            Details of Receiver | Billed to
+                          </h3>
                           <div className="billing-details">
-                            <div className="billing-detail-item"><strong>Name : </strong>
+                            <div className="billing-detail-item">
+                              <strong>Name : </strong>
                               {GlobaldummyData ? (
-                                <span style={{ fontSize: "11px" }}>
-                                  {"XXXYYY"}
-                                </span>
-                              ) : table2Data?.CustomerDetails?.[0]?.CustSuppName}
-                            </div>
-
-
-                            <div className="billing-detail-item"><strong>Address: </strong>
-                              XYZ City
-                            </div>
-
-                            <div className="billing-detail-item"><strong>State:</strong> XYZ State</div>
-
-                          </div>
-                        </div>
-
-                      </div>
-                      :
-                      table2Data?.CustomerDetails?.length > 0 &&
-                      <div className="billing-grid">
-                        <div className="billing-left">
-                          <h3 className="section-title">Details of Receiver | Billed to</h3>
-                          <div className="billing-details">
-                            <div className="billing-detail-item"><strong>Name : </strong>
-                              {GlobaldummyData ? (
-                                <span style={{ fontSize: "11px" }}>
-                                  {"XXXYYY"}
-                                </span>
-                              ) : table2Data?.CustomerDetails?.[0]?.CustSuppName}
-                            </div>
-
-
-                            <div className="billing-detail-item"><strong>Address:</strong> {table2Data?.CustomerDetails?.length > 0 &&
-                              !GlobaldummyData && (
-                                <span style={{ fontSize: "11px" }}>
-                                  {table2Data?.CustomerDetails?.[0]?.Address1}  {table2Data?.CustomerDetails?.[0]?.Address2}
+                                <span style={{ fontSize: '11px' }}>
+                                  {'XXXYYY'}
                                 </span>
+                              ) : (
+                                table2Data?.CustomerDetails?.[0]?.CustSuppName
                               )}
                             </div>
 
-                            <div className="billing-detail-item"><strong>State:</strong> {table2Data?.CustomerDetails?.[0]?.State}</div>
-                            {table2Data?.CustomerDetails?.[0]?.CustGSTNo && <div className="billing-detail-item"><strong>GST:</strong> {table2Data?.CustomerDetails?.[0]?.CustGSTNo}</div>}
+                            <div className="billing-detail-item">
+                              <strong>Address: </strong>
+                              XYZ City
+                            </div>
+
+                            <div className="billing-detail-item">
+                              <strong>State:</strong> XYZ State
+                            </div>
                           </div>
                         </div>
-
                       </div>
-                    }
+                    ) : (
+                      table2Data?.CustomerDetails?.length > 0 && (
+                        <div className="billing-grid">
+                          <div className="billing-left">
+                            <h3 className="section-title">
+                              Details of Receiver | Billed to
+                            </h3>
+                            <div className="billing-details">
+                              <div className="billing-detail-item">
+                                <strong>Name : </strong>
+                                {GlobaldummyData ? (
+                                  <span style={{ fontSize: '11px' }}>
+                                    {'XXXYYY'}
+                                  </span>
+                                ) : (
+                                  table2Data?.CustomerDetails?.[0]?.CustSuppName
+                                )}
+                              </div>
 
+                              <div className="billing-detail-item">
+                                <strong>Address:</strong>{' '}
+                                {table2Data?.CustomerDetails?.length > 0 &&
+                                  !GlobaldummyData && (
+                                    <span style={{ fontSize: '11px' }}>
+                                      {
+                                        table2Data?.CustomerDetails?.[0]
+                                          ?.Address1
+                                      }{' '}
+                                      {
+                                        table2Data?.CustomerDetails?.[0]
+                                          ?.Address2
+                                      }
+                                    </span>
+                                  )}
+                              </div>
 
+                              <div className="billing-detail-item">
+                                <strong>State:</strong>{' '}
+                                {table2Data?.CustomerDetails?.[0]?.State}
+                              </div>
+                              {table2Data?.CustomerDetails?.[0]?.CustGSTNo && (
+                                <div className="billing-detail-item">
+                                  <strong>GST:</strong>{' '}
+                                  {table2Data?.CustomerDetails?.[0]?.CustGSTNo}
+                                </div>
+                              )}
+                            </div>
+                          </div>
+                        </div>
+                      )
+                    )}
                   </div>
 
-
                   {/* Items Table */}
-                  <div style={{ marginTop: GlobaldummyData ? "9rem" : "0rem" }} className="print-body">
+                  <div
+                    style={{ marginTop: GlobaldummyData ? '9rem' : '0rem' }}
+                    className="print-body"
+                  >
                     <div className="table-overflow">
-                      <table className="items-table" style={{ borderTop: "1px solid black", fontFamily: "sans-serif" }}>
+                      <table
+                        className="items-table"
+                        style={{
+                          borderTop: '1px solid black',
+                          fontFamily: 'sans-serif',
+                        }}
+                      >
                         <thead>
                           <tr className="table-header">
                             {GlobaldummyData
-                              ? GlobalSlNo && <th className="table-header-cell">S.No</th> :
-                              SLNO == true && <th className="table-header-cell" style={{ textAlign: "center", fontFamily: "sans-serif" }}>S.No</th>}
+                              ? GlobalSlNo && (
+                                <th className="table-header-cell">S.No</th>
+                              )
+                              : SLNO == true && (
+                                <th
+                                  className="table-header-cell"
+                                  style={{
+                                    textAlign: 'center',
+                                    fontFamily: 'sans-serif',
+                                  }}
+                                >
+                                  S.No
+                                </th>
+                              )}
 
                             {GlobaldummyData
-                              ? GlobalItem && <th className="table-header-cell">Item</th> :
-                              Item == true && <th className="table-header-cell" style={{ fontFamily: "sans-serif" }}>Item</th>}
-
+                              ? GlobalItem && (
+                                <th className="table-header-cell">Item</th>
+                              )
+                              : Item == true && (
+                                <th
+                                  className="table-header-cell"
+                                  style={{ fontFamily: 'sans-serif' }}
+                                >
+                                  Item
+                                </th>
+                              )}
 
                             {GlobaldummyData
-                              ? GlobalHsnCode && <th className="table-header-cell">HSN </th> :
-                              HsnCode == true && <th className="table-header-cell" style={{ fontFamily: "sans-serif" }}>HSN </th>}
+                              ? GlobalHsnCode && (
+                                <th className="table-header-cell">HSN </th>
+                              )
+                              : HsnCode == true && (
+                                <th
+                                  className="table-header-cell"
+                                  style={{ fontFamily: 'sans-serif' }}
+                                >
+                                  HSN{' '}
+                                </th>
+                              )}
 
                             {GlobaldummyData
-                              ? GlobalQuantity && <th className="table-header-cell" >Qty</th>
-                              : Quantity == true && <th className="table-header-cell" style={{ textAlign: "center", fontFamily: "sans-serif" }}> {WeightasKg ? 'Qty/Kg' : 'Qty'}</th>}
+                              ? GlobalQuantity && (
+                                <th className="table-header-cell">Qty</th>
+                              )
+                              : Quantity == true && (
+                                <th
+                                  className="table-header-cell"
+                                  style={{
+                                    textAlign: 'center',
+                                    fontFamily: 'sans-serif',
+                                  }}
+                                >
+                                  {' '}
+                                  {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                                </th>
+                              )}
 
                             {/* <th className="table-header-cell">UOM</th>
                   <th className="table-header-cell">UOM</th> */}
 
                             {GlobaldummyData
-                              ? GlobalMRP && <th className="table-header-cell">MRP</th>
-                              : MRP == true && <th className="table-header-cell" style={{ textAlign: "right", fontFamily: "sans-serif" }}>MRP</th>}
+                              ? GlobalMRP && (
+                                <th className="table-header-cell">MRP</th>
+                              )
+                              : MRP == true && (
+                                <th
+                                  className="table-header-cell"
+                                  style={{
+                                    textAlign: 'right',
+                                    fontFamily: 'sans-serif',
+                                  }}
+                                >
+                                  MRP
+                                </th>
+                              )}
 
                             {GlobaldummyData
-                              ? GlobalRate && <th className="table-header-cell">Rate</th>
-                              : Rate == true && <th className="table-header-cell" style={{ textAlign: "right", fontFamily: "sans-serif" }}>Rate</th>}
+                              ? GlobalRate && (
+                                <th className="table-header-cell">Rate</th>
+                              )
+                              : Rate == true && (
+                                <th
+                                  className="table-header-cell"
+                                  style={{
+                                    textAlign: 'right',
+                                    fontFamily: 'sans-serif',
+                                  }}
+                                >
+                                  Rate
+                                </th>
+                              )}
 
                             {GlobaldummyData
-                              ? GlobalDiscount && <th className="table-header-cell">Dis</th>
-                              : Discount == true && <th className="table-header-cell" style={{ textAlign: "right", fontFamily: "sans-serif" }}>Dis</th>}
+                              ? GlobalDiscount && (
+                                <th className="table-header-cell">Dis</th>
+                              )
+                              : Discount == true && (
+                                <th
+                                  className="table-header-cell"
+                                  style={{
+                                    textAlign: 'right',
+                                    fontFamily: 'sans-serif',
+                                  }}
+                                >
+                                  Dis
+                                </th>
+                              )}
 
                             {GlobaldummyData
-                              ? GlobalTax && <th className="table-header-cell">Tax %</th>
-                              : (Tax && table2Data?.OrderType !== 'E') && <th className="table-header-cell" style={{ textAlign: "right", fontFamily: "sans-serif" }}>Tax %</th>}
+                              ? GlobalTax && (
+                                <th className="table-header-cell">Tax %</th>
+                              )
+                              : Tax &&
+                              table2Data?.OrderType !== 'E' && (
+                                <th
+                                  className="table-header-cell"
+                                  style={{
+                                    textAlign: 'right',
+                                    fontFamily: 'sans-serif',
+                                  }}
+                                >
+                                  Tax %
+                                </th>
+                              )}
 
                             {GlobaldummyData
-                              ? GlobalAmount && <th className="table-header-cell">Amount</th>
-                              : Amount == true && <th className="table-header-cell" style={{ textAlign: "right", fontFamily: "sans-serif" }}>Amount</th>}
-
+                              ? GlobalAmount && (
+                                <th className="table-header-cell">Amount</th>
+                              )
+                              : Amount == true && (
+                                <th
+                                  className="table-header-cell"
+                                  style={{
+                                    textAlign: 'right',
+                                    fontFamily: 'sans-serif',
+                                  }}
+                                >
+                                  Amount
+                                </th>
+                              )}
                           </tr>
-
                         </thead>
                         <tbody>
-                          {((GlobaldummyData ? products : dataChunk) || []).map((item, idx) => (
-                            <tr key={idx} className="table-row">
-                              {GlobaldummyData
-                                ? GlobalSlNo && (
-                                  <td className="table-header-cell" style={{ textAlign: "center" }}>
-                                    {chunkIndex * chunkSize + idx + 1}
-                                  </td>
-                                )
-                                : SLNO == true && (
-                                  <td className="table-header-cell" style={{ textAlign: "center", fontFamily: "sans-serif" }}>
-                                    {chunkIndex * chunkSize + idx + 1}
-                                  </td>
-                                )}
-                              {GlobaldummyData
-                                ? GlobalItem && <td className="table-header-cell">{item?.ProdName}</td>
-                                : Item == true && (
-                                  <td className="table-header-cell"
-                                    style={{
-                                      display: "flex",
-                                      flexDirection: "column",
-                                      fontFamily: "sans-serif"
-                                    }}
-                                  >
-                                    <div>{item?.ProdName}</div>
-                                    {(PackageDetails?.filter((pkg) => pkg.ProdId === item.ProdId).length > 0 ?
-                                      <div>
-                                        {PackageDetails?.filter((pkg) => pkg.ProdId === item.ProdId)?.map((item, index) => (
-                                          <span key={index} style={{ display: "block" }}>
-                                            {item.ParcelCount} PCS {item.ParcelQty} PACK ({item.ParcelType})
-                                          </span>
-                                        ))}
-                                      </div>
-
-                                      : <div>
-                                        ({item?.Size ? item?.Size : "1"}{" "}
-                                        {item?.SinglePc == "Y"
-                                          ? "PCS"
-                                          : item?.Type != "C"
-                                            ? item?.UomName
-                                            : "COMBO"}
-                                        )
-                                      </div>)}
-                                    &nbsp;{" "}
-                                    {item?.BrandName !== null
-                                      ? item?.BrandName
-                                      : ""}
-                                    &nbsp;
-                                    {item?.ProductIdentifierDtls?.length > 0
-                                      ? item?.ProductIdentifierDtls?.filter(
-                                        (items) =>
-                                          !(
-                                            items.SerialNumber == "" ||
-                                            items.SerialNumber == null
+                          {((GlobaldummyData ? products : dataChunk) || []).map(
+                            (item, idx) => (
+                              <tr key={idx} className="table-row">
+                                {GlobaldummyData
+                                  ? GlobalSlNo && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{ textAlign: 'center' }}
+                                    >
+                                      {chunkIndex * chunkSize + idx + 1}
+                                    </td>
+                                  )
+                                  : SLNO == true && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{
+                                        textAlign: 'center',
+                                        fontFamily: 'sans-serif',
+                                      }}
+                                    >
+                                      {chunkIndex * chunkSize + idx + 1}
+                                    </td>
+                                  )}
+                                {GlobaldummyData
+                                  ? GlobalItem && (
+                                    <td className="table-header-cell">
+                                      {item?.ProdName}
+                                    </td>
+                                  )
+                                  : Item == true && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{
+                                        display: 'flex',
+                                        flexDirection: 'column',
+                                        fontFamily: 'sans-serif',
+                                      }}
+                                    >
+                                      <div>{item?.ProdName}</div>
+                                      {PackageDetails?.filter(
+                                        (pkg) => pkg.ProdId === item.ProdId,
+                                      ).length > 0 ? (
+                                        <div>
+                                          {PackageDetails?.filter(
+                                            (pkg) =>
+                                              pkg.ProdId === item.ProdId,
+                                          )?.map((item, index) => (
+                                            <span
+                                              key={index}
+                                              style={{ display: 'block' }}
+                                            >
+                                              {item.ParcelCount} PCS{' '}
+                                              {item.ParcelQty} PACK (
+                                              {item.ParcelType})
+                                            </span>
+                                          ))}
+                                        </div>
+                                      ) : (
+                                        <div>
+                                          ({item?.Size ? item?.Size : '1'}{' '}
+                                          {item?.SinglePc == 'Y'
+                                            ? 'PCS'
+                                            : item?.Type != 'C'
+                                              ? item?.UomName
+                                              : 'COMBO'}
                                           )
-                                      )?.map((a) => {
-                                        return <div>{a.SerialNumber}</div>;
-                                      })
-                                      : ""}{" "}
-                                    {item?.ProductIdentifierDtls?.length > 0
-                                      ? item?.ProductIdentifierDtls.filter(
-                                        (item1) =>
-                                          item1.IMEI1 !== "" || item1.IMEI2 !== ""
-                                      )?.map((item2) => {
-                                        const imei1 = item2.IMEI1 || "";
-                                        const imei2 = item2.IMEI2 || "";
-                                        return (
-                                          <div>
-                                            {[imei1, imei2]
-                                              .filter(Boolean)
-                                              .join(",")}
-                                          </div>
-                                        );
-                                      })
-                                      : ""}
-                                  </td>
-
-                                )}
-                              {GlobaldummyData
-                                ? GlobalHsnCode && (
-                                  <td className="table-header-cell" style={{ textAlign: "center" }}>
-                                    {item?.HSN}
-                                  </td>
-                                )
-                                : HsnCode == true && (
-                                  <td className="table-header-cell" style={{ textAlign: "center", fontFamily: "sans-serif" }}>
-                                    {item?.HSN}
-                                  </td>
-                                )}
-                              {GlobaldummyData
-                                ? GlobalQuantity && (
-                                  <td className="table-header-cell" style={{ textAlign: "center" }}>
-                                    {item?.SalesQty}
-                                  </td>
-                                )
-                                : Quantity == true && (
-                                  <td className="table-header-cell" style={{ textAlign: "center", fontFamily: "sans-serif" }}>
-                                    {item?.SalesQty}
-                                  </td>
-                                )}
-                              {GlobaldummyData
-                                ? GlobalMRP && (
-                                  <td className="table-header-cell" style={{ textAlign: "right" }}>
-                                    {item?.MRP}
-                                  </td>
-                                )
-                                : MRP == true && (
-                                  <td className="table-header-cell" style={{ textAlign: "right", fontFamily: "sans-serif" }}>
-                                    {item?.SinglePc === "Y"
-                                      ? item?.Rate
-                                      : item?.MRP}
-                                  </td>
-                                )}
-                              {GlobaldummyData
-                                ? GlobalRate && (
-                                  <td className="table-header-cell" style={{ textAlign: "right" }}>
-                                    {item?.Rate}
-                                  </td>
-                                )
-                                : Rate == true && (
-                                  <td className="table-header-cell" style={{ textAlign: "right", fontFamily: "sans-serif" }}>
-                                    {" "}
-                                    {item?.Rate}
-                                  </td>
-                                )}
-                              {GlobaldummyData
-                                ? GlobalDiscount && <td className="table-header-cell">{item.discount}</td>
-                                : Discount == true && (
-                                  <td className="table-header-cell" style={{ textAlign: "right", fontFamily: "sans-serif" }}>
-                                    {item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}
-                                  </td>
-                                )}
-                              {GlobaldummyData
-                                ? GlobalTax && <td className="table-header-cell">{item?.ProdTaxPercentage}</td>
-                                : (Tax && table2Data?.OrderType !== 'E') && (
-                                  <td className="table-header-cell" style={{ textAlign: "right", fontFamily: "sans-serif" }}>
-                                    {item?.ProdTaxPercentage || 0}
-                                  </td>
-                                )}
-                              {GlobaldummyData
-                                ? GlobalAmount && (
-                                  <td className="table-header-cell" style={{ textAlign: "right" }}>
-                                    {item?.TotalAmt}
-                                  </td>
-                                )
-                                : Amount == true && (
-                                  <td className="table-header-cell" style={{ textAlign: "right", fontFamily: "sans-serif" }}>
-                                    {item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}
-                                  </td>
-                                )}
-                            </tr>
-                          ))}
-
-
-
+                                        </div>
+                                      )}
+                                      &nbsp;{' '}
+                                      {item?.BrandName !== null
+                                        ? item?.BrandName
+                                        : ''}
+                                      &nbsp;
+                                      {item?.ProductIdentifierDtls?.length > 0
+                                        ? item?.ProductIdentifierDtls?.filter(
+                                          (items) =>
+                                            !(
+                                              items.SerialNumber == '' ||
+                                              items.SerialNumber == null
+                                            ),
+                                        )?.map((a) => {
+                                          return (
+                                            <div>{a.SerialNumber}</div>
+                                          );
+                                        })
+                                        : ''}{' '}
+                                      {item?.ProductIdentifierDtls?.length > 0
+                                        ? item?.ProductIdentifierDtls.filter(
+                                          (item1) =>
+                                            item1.IMEI1 !== '' ||
+                                            item1.IMEI2 !== '',
+                                        )?.map((item2) => {
+                                          const imei1 = item2.IMEI1 || '';
+                                          const imei2 = item2.IMEI2 || '';
+                                          return (
+                                            <div>
+                                              {[imei1, imei2]
+                                                .filter(Boolean)
+                                                .join(',')}
+                                            </div>
+                                          );
+                                        })
+                                        : ''}
+                                    </td>
+                                  )}
+                                {GlobaldummyData
+                                  ? GlobalHsnCode && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{ textAlign: 'center' }}
+                                    >
+                                      {item?.HSN}
+                                    </td>
+                                  )
+                                  : HsnCode == true && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{
+                                        textAlign: 'center',
+                                        fontFamily: 'sans-serif',
+                                      }}
+                                    >
+                                      {item?.HSN}
+                                    </td>
+                                  )}
+                                {GlobaldummyData
+                                  ? GlobalQuantity && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{ textAlign: 'center' }}
+                                    >
+                                      {item?.SalesQty}
+                                    </td>
+                                  )
+                                  : Quantity == true && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{
+                                        textAlign: 'center',
+                                        fontFamily: 'sans-serif',
+                                      }}
+                                    >
+                                      {item?.SalesQty}
+                                    </td>
+                                  )}
+                                {GlobaldummyData
+                                  ? GlobalMRP && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{ textAlign: 'right' }}
+                                    >
+                                      {item?.MRP}
+                                    </td>
+                                  )
+                                  : MRP == true && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{
+                                        textAlign: 'right',
+                                        fontFamily: 'sans-serif',
+                                      }}
+                                    >
+                                      {item?.SinglePc === 'Y'
+                                        ? item?.Rate
+                                        : item?.MRP}
+                                    </td>
+                                  )}
+                                {GlobaldummyData
+                                  ? GlobalRate && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{ textAlign: 'right' }}
+                                    >
+                                      {item?.Rate}
+                                    </td>
+                                  )
+                                  : Rate == true && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{
+                                        textAlign: 'right',
+                                        fontFamily: 'sans-serif',
+                                      }}
+                                    >
+                                      {' '}
+                                      {item?.Rate}
+                                    </td>
+                                  )}
+                                {GlobaldummyData
+                                  ? GlobalDiscount && (
+                                    <td className="table-header-cell">
+                                      {item.discount}
+                                    </td>
+                                  )
+                                  : Discount == true && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{
+                                        textAlign: 'right',
+                                        fontFamily: 'sans-serif',
+                                      }}
+                                    >
+                                      {item?.Type != 'C'
+                                        ? item?.OfferAmt || 0
+                                        : item?.OfferValue || 0}
+                                    </td>
+                                  )}
+                                {GlobaldummyData
+                                  ? GlobalTax && (
+                                    <td className="table-header-cell">
+                                      {item?.ProdTaxPercentage}
+                                    </td>
+                                  )
+                                  : Tax &&
+                                  table2Data?.OrderType !== 'E' && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{
+                                        textAlign: 'right',
+                                        fontFamily: 'sans-serif',
+                                      }}
+                                    >
+                                      {item?.ProdTaxPercentage || 0}
+                                    </td>
+                                  )}
+                                {GlobaldummyData
+                                  ? GlobalAmount && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{ textAlign: 'right' }}
+                                    >
+                                      {item?.TotalAmt}
+                                    </td>
+                                  )
+                                  : Amount == true && (
+                                    <td
+                                      className="table-header-cell"
+                                      style={{
+                                        textAlign: 'right',
+                                        fontFamily: 'sans-serif',
+                                      }}
+                                    >
+                                      {item?.Type != 'C'
+                                        ? item?.TotalAmt - item?.OfferAmt || 0
+                                        : item?.TotalAmt - item?.OfferValue ||
+                                        0}
+                                    </td>
+                                  )}
+                              </tr>
+                            ),
+                          )}
                         </tbody>
                       </table>
                     </div>
@@ -1143,483 +1533,1113 @@ const InvoiceTemplate = ({ index,
                     <div></div>
                   )}
 
-                  {((chunkIndex === paginatedChunks.length - 1) && (!shouldFooterBeOnNewPage)) && FormatTheme &&
-                    <>
-                      {(sportsAppPreference && MembershipApplied) && <div style={{ width: '100%', textAlign: 'center', paddingTop: '10px', fontSize: "13px" }}>{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>}
+                  {chunkIndex === paginatedChunks.length - 1 &&
+                    !shouldFooterBeOnNewPage &&
+                    FormatTheme && (
+                      <>
+                        {sportsAppPreference && MembershipApplied && (
+                          <div
+                            style={{
+                              width: '100%',
+                              textAlign: 'center',
+                              paddingTop: '10px',
+                              fontSize: '13px',
+                            }}
+                          >{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>
+                        )}
 
-                      <div style={{ display: "flex", flexDirection: "column", justifyContent: "flex-start" }}>
                         <div
                           style={{
-                            display: "flex",
-                            flexDirection: "column",
-                            justifyContent: "flex-start",
-                            width: "95%",
-                            whiteSpace: "nowrap",
-                            fontSize: "10px",
-                            flexWrap: "wrap",
-                            alignItems: "flex-end",
-                            gap: "2px",
-                            marginBottom: "0.5rem"
-
+                            display: 'flex',
+                            flexDirection: 'column',
+                            justifyContent: 'flex-start',
                           }}
                         >
-
-                          <div style={{ display: "flex" }}>
-                            <div style={{ width: "180px", textAlign: "right", paddingRight: "8px", fontSize: "15px", fontFamily: "sans-serif" }}>
-                              Items  :
-                            </div>
-                            <div style={{ fontSize: "15px", fontWeight: "600", fontFamily: "sans-serif" }}>{GlobaldummyData ? "7" : totalQuantityFilter?.length}</div>
-                          </div>
-
-                          <div style={{ display: "flex" }}>
-                            <div style={{ width: "180px", textAlign: "right", paddingRight: "8px", fontSize: "15px", fontFamily: "sans-serif" }}>
-                              Qty  :
-                            </div>
-                            <div style={{ fontSize: "15px", fontWeight: "600", fontFamily: "sans-serif" }}>{GlobaldummyData ? "9" : totalQuantity}</div>
-                          </div>
-
-                          <div style={{ display: "flex" }}>
-                            <div style={{ width: "180px", textAlign: "right", paddingRight: "8px", fontSize: "15px", fontFamily: "sans-serif" }}>
-                              Off  :
-                            </div>
-                            <div style={{ fontSize: "15px", fontWeight: "600", fontFamily: "sans-serif" }}>{(Number(TotalOfferAmount || 0) + Number(table2Data?.OverallDisc || 0)).toFixed(2)}</div>
-                          </div>
-                          <div style={{ display: "flex" }}>
-                            <div style={{ width: "180px", textAlign: "right", paddingRight: "8px", fontSize: "15px", fontFamily: "sans-serif" }}>
-                              Amount  :₹
-                            </div>
-                            <div style={{ fontSize: "15px", fontWeight: "600", fontFamily: "sans-serif" }}>{GlobaldummyData
-                              ? "1066"
-                              : (table2Data?.NetAmount)}</div>
-                          </div>
-
-
-
-
-
-
-                        </div>
-                        {/* Summary */}
-                        <div style={{ border: "1px solid #000" }} className="summary-grid">
-                          {GlobaldummyData ? <div className="summary-left">
-                            <InvoiceAmountWords amount={736} />
-                          </div> : <div className="summary-left">
-                            <InvoiceAmountWords amount={(table2Data?.NetAmount)} />
-                          </div>}
-                          {table2Data?.OrderType !== 'E' && <div className="summary-right">
-
-
-                            <div style={{ display: "flex" }}>
-                              <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                                Total Taxable Amount :
+                          <div
+                            style={{
+                              display: 'flex',
+                              flexDirection: 'column',
+                              justifyContent: 'flex-start',
+                              width: '95%',
+                              whiteSpace: 'nowrap',
+                              fontSize: '10px',
+                              flexWrap: 'wrap',
+                              alignItems: 'flex-end',
+                              gap: '2px',
+                              marginBottom: '0.5rem',
+                            }}
+                          >
+                            <div style={{ display: 'flex' }}>
+                              <div
+                                style={{
+                                  width: '180px',
+                                  textAlign: 'right',
+                                  paddingRight: '8px',
+                                  fontSize: '15px',
+                                  fontFamily: 'sans-serif',
+                                }}
+                              >
+                                Items :
+                              </div>
+                              <div
+                                style={{
+                                  fontSize: '15px',
+                                  fontWeight: '600',
+                                  fontFamily: 'sans-serif',
+                                }}
+                              >
+                                {GlobaldummyData
+                                  ? '7'
+                                  : totalQuantityFilter?.length}
                               </div>
-                              <div>{GlobaldummyData ? 736 : table2Data?.BillAmount}</div>
                             </div>
 
-                            <div style={{ display: "flex", flexDirection: "column", fontSize: "12px", gap: "8px" }}>
-                              {OrderDetailGST?.map((item, index) => (
-                                <div key={index}>
-                                  <div style={{ display: "flex" }}>
-                                    <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                                      Taxable Amount :
-                                    </div>
-                                    <div>{Number(item.WithOutTaxAmount).toFixed(2)}</div>
-                                  </div>
+                            <div style={{ display: 'flex' }}>
+                              <div
+                                style={{
+                                  width: '180px',
+                                  textAlign: 'right',
+                                  paddingRight: '8px',
+                                  fontSize: '15px',
+                                  fontFamily: 'sans-serif',
+                                }}
+                              >
+                                Qty :
+                              </div>
+                              <div
+                                style={{
+                                  fontSize: '15px',
+                                  fontWeight: '600',
+                                  fontFamily: 'sans-serif',
+                                }}
+                              >
+                                {GlobaldummyData ? '9' : totalQuantity}
+                              </div>
+                            </div>
 
-                                  <div style={{ display: "flex" }}>
-                                    <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                                      CGST ({item.TaxPercentage / 2}%) :
-                                    </div>
-                                    <div>{Number(item.CGST).toFixed(2)}</div>
+                            <div style={{ display: 'flex' }}>
+                              <div
+                                style={{
+                                  width: '180px',
+                                  textAlign: 'right',
+                                  paddingRight: '8px',
+                                  fontSize: '15px',
+                                  fontFamily: 'sans-serif',
+                                }}
+                              >
+                                Off :
+                              </div>
+                              <div
+                                style={{
+                                  fontSize: '15px',
+                                  fontWeight: '600',
+                                  fontFamily: 'sans-serif',
+                                }}
+                              >
+                                {(
+                                  Number(TotalOfferAmount || 0) +
+                                  Number(table2Data?.OverallDisc || 0)
+                                ).toFixed(2)}
+                              </div>
+                            </div>
+                            <div style={{ display: 'flex' }}>
+                              <div
+                                style={{
+                                  width: '180px',
+                                  textAlign: 'right',
+                                  paddingRight: '8px',
+                                  fontSize: '15px',
+                                  fontFamily: 'sans-serif',
+                                }}
+                              >
+                                Amount :₹
+                              </div>
+                              <div
+                                style={{
+                                  fontSize: '15px',
+                                  fontWeight: '600',
+                                  fontFamily: 'sans-serif',
+                                }}
+                              >
+                                {GlobaldummyData
+                                  ? '1066'
+                                  : table2Data?.NetAmount}
+                              </div>
+                            </div>
+                          </div>
+                          {/* Summary */}
+                          <div
+                            style={{ border: '1px solid #000' }}
+                            className="summary-grid"
+                          >
+                            {GlobaldummyData ? (
+                              <div className="summary-left">
+                                <InvoiceAmountWords amount={736} />
+                              </div>
+                            ) : (
+                              <div className="summary-left">
+                                <InvoiceAmountWords
+                                  amount={table2Data?.NetAmount}
+                                />
+                              </div>
+                            )}
+                            {table2Data?.OrderType !== 'E' && (
+                              <div className="summary-right">
+                                <div style={{ display: 'flex' }}>
+                                  <div
+                                    style={{
+                                      width: '180px',
+                                      textAlign: 'right',
+                                      paddingRight: '8px',
+                                    }}
+                                  >
+                                    Total Taxable Amount :
                                   </div>
-
-                                  <div style={{ display: "flex" }}>
-                                    <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                                      SGST ({item.TaxPercentage / 2}%) :
-                                    </div>
-                                    <div>{Number(item.SGST).toFixed(2)}</div>
-                                  </div>
-
-                                  <div style={{ display: "flex" }}>
-                                    <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                                      Total (incl GST) :
-                                    </div>
-                                    <div>{Number(item.TotalAmt).toFixed(2)}</div>
+                                  <div>
+                                    {GlobaldummyData
+                                      ? 736
+                                      : table2Data?.BillAmount}
                                   </div>
                                 </div>
-                              ))}
-                            </div>
 
-                            {/* <div className="summary-item">
+                                <div
+                                  style={{
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    fontSize: '12px',
+                                    gap: '8px',
+                                  }}
+                                >
+                                  {OrderDetailGST?.map((item, index) => (
+                                    <div key={index}>
+                                      <div style={{ display: 'flex' }}>
+                                        <div
+                                          style={{
+                                            width: '180px',
+                                            textAlign: 'right',
+                                            paddingRight: '8px',
+                                          }}
+                                        >
+                                          Taxable Amount :
+                                        </div>
+                                        <div>
+                                          {Number(
+                                            item.WithOutTaxAmount,
+                                          ).toFixed(2)}
+                                        </div>
+                                      </div>
+
+                                      <div style={{ display: 'flex' }}>
+                                        <div
+                                          style={{
+                                            width: '180px',
+                                            textAlign: 'right',
+                                            paddingRight: '8px',
+                                          }}
+                                        >
+                                          CGST ({item.TaxPercentage / 2}%) :
+                                        </div>
+                                        <div>
+                                          {Number(item.CGST).toFixed(2)}
+                                        </div>
+                                      </div>
+
+                                      <div style={{ display: 'flex' }}>
+                                        <div
+                                          style={{
+                                            width: '180px',
+                                            textAlign: 'right',
+                                            paddingRight: '8px',
+                                          }}
+                                        >
+                                          SGST ({item.TaxPercentage / 2}%) :
+                                        </div>
+                                        <div>
+                                          {Number(item.SGST).toFixed(2)}
+                                        </div>
+                                      </div>
+
+                                      <div style={{ display: 'flex' }}>
+                                        <div
+                                          style={{
+                                            width: '180px',
+                                            textAlign: 'right',
+                                            paddingRight: '8px',
+                                          }}
+                                        >
+                                          Total (incl GST) :
+                                        </div>
+                                        <div>
+                                          {Number(item.TotalAmt).toFixed(2)}
+                                        </div>
+                                      </div>
+                                    </div>
+                                  ))}
+                                </div>
+
+                                {/* <div className="summary-item">
                           <span>GST Payable on Reverse Charge</span>
                           <span></span>
                         </div> */}
-                            <hr />
+                                <hr />
 
-                            <div style={{ display: "flex" }}>
-                              <div style={{ width: "180px", textAlign: "right", paddingRight: "8px", fontSize: "16px", fontWeight: "600" }}>
-                                Total Amount Payable :
-                              </div>
-                              <div>{Number(GlobaldummyData ? 736 : table2Data?.NetAmount)?.toFixed(2)}</div>
-                            </div>
-                            {isEditedBill && lastTransaction && (
-                              <div style={{
-                                width: '100%', marginTop: '2px',
-                                paddingTop: '2px', display: 'flex', justifyContent: 'center', alignItems: 'flex-start',
-                                flexDirection: 'column', borderTop: '1px dashed #000'
-                              }}>
-                                <div
-                                  style={{
-                                    fontSize: '12px',
-                                    width: '100%'
-                                  }}
-                                >
-                                  <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-                                    <span style={{ color: '#000', fontWeight: 600, }}>Bill Gross Amount</span>
-                                    <strong>{(lastTransaction?.BeforeAdjustment || 0).toFixed(2)}</strong>
-                                  </div>
+                                <div style={{ display: 'flex' }}>
                                   <div
                                     style={{
-                                      display: 'flex',
-                                      justifyContent: 'space-between',
-                                      fontWeight: 600,
-                                      color:
-                                        lastTransaction?.AdjustmentType === 'REFUND'
-                                          ? '#000'
-                                          : '#000',
+                                      width: '180px',
+                                      textAlign: 'right',
+                                      paddingRight: '8px',
+                                      fontSize: '16px',
+                                      fontWeight: '600',
                                     }}
                                   >
-                                    <span>{'Adjustment Amount'}</span>
-                                    <span>
-                                      {lastTransaction?.AdjustmentType === 'REFUND' ? '-' : '+'}
-                                      {(lastTransaction?.Amount || 0).toFixed(2)}
-                                    </span>
+                                    Total Amount Payable :
                                   </div>
-                                  <div style={{ display: 'flex', justifyContent: 'space-between', marginTop: '4px' }}>
-                                    <span style={{ color: '#000', fontWeight: 600 }}>Net Bill Amount</span>
-                                    <strong>{(lastTransaction?.AfterAdjustment || 0).toFixed(2)}</strong>
+                                  <div>
+                                    {Number(
+                                      GlobaldummyData
+                                        ? 736
+                                        : table2Data?.NetAmount,
+                                    )?.toFixed(2)}
                                   </div>
                                 </div>
-                              </div>
-                            )}
+                                {isEditedBill && lastTransaction && (
+                                  <div
+                                    style={{
+                                      width: '100%',
+                                      marginTop: '2px',
+                                      paddingTop: '2px',
+                                      display: 'flex',
+                                      justifyContent: 'center',
+                                      alignItems: 'flex-start',
+                                      flexDirection: 'column',
+                                      borderTop: '1px dashed #000',
+                                    }}
+                                  >
+                                    <div
+                                      style={{
+                                        fontSize: '12px',
+                                        width: '100%',
+                                      }}
+                                    >
+                                      <div
+                                        style={{
+                                          display: 'flex',
+                                          justifyContent: 'space-between',
+                                        }}
+                                      >
+                                        <span
+                                          style={{
+                                            color: '#000',
+                                            fontWeight: 600,
+                                          }}
+                                        >
+                                          Bill Gross Amount
+                                        </span>
+                                        <strong>
+                                          {(
+                                            lastTransaction?.BeforeAdjustment ||
+                                            0
+                                          ).toFixed(2)}
+                                        </strong>
+                                      </div>
+                                      <div
+                                        style={{
+                                          display: 'flex',
+                                          justifyContent: 'space-between',
+                                          fontWeight: 600,
+                                          color:
+                                            lastTransaction?.AdjustmentType ===
+                                              'REFUND'
+                                              ? '#000'
+                                              : '#000',
+                                        }}
+                                      >
+                                        <span>{'Adjustment Amount'}</span>
+                                        <span>
+                                          {lastTransaction?.AdjustmentType ===
+                                            'REFUND'
+                                            ? '-'
+                                            : '+'}
+                                          {(
+                                            lastTransaction?.Amount || 0
+                                          ).toFixed(2)}
+                                        </span>
+                                      </div>
+                                      <div
+                                        style={{
+                                          display: 'flex',
+                                          justifyContent: 'space-between',
+                                          marginTop: '4px',
+                                        }}
+                                      >
+                                        <span
+                                          style={{
+                                            color: '#000',
+                                            fontWeight: 600,
+                                          }}
+                                        >
+                                          Net Bill Amount
+                                        </span>
+                                        <strong>
+                                          {(
+                                            lastTransaction?.AfterAdjustment ||
+                                            0
+                                          ).toFixed(2)}
+                                        </strong>
+                                      </div>
+                                    </div>
+                                  </div>
+                                )}
 
-                            {/* <div className="summary-item-bold">
+                                {/* <div className="summary-item-bold">
                             <span>Total Amount Payable</span>
                             <span>{Number(GlobaldummyData ? 736 : table2Data?.NetAmount)?.toFixed(2)}</span>
                           </div> */}
-                            {/* <div className="total-amount">
+                                {/* <div className="total-amount">
                             {Number(GlobaldummyData ? 736 : table2Data?.NetAmount)?.toFixed(2)}
                           </div> */}
-                          </div>}
-                        </div>
-
-                        {/* Footer */}
-                        <div className="footer-grid">
-                          <div className="footer-left">
-                            {(BankDetails?.length > 0) && (<>
-                              <h4 className="bank-details-title">Bank Details:</h4>
-                              <div className="bank-details">
-                                <div className="bank-detail-item"><strong>Bank Name:</strong> {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : BankDetails?.[0]?.BankName}</div>
-                                <div className="bank-detail-item"><strong>Account No.:</strong> {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : BankDetails?.[0]?.AccountNo}</div>
-                                <div className="bank-detail-item"><strong>IFSC Code:</strong> {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : BankDetails?.[0]?.IFSCCode}</div>
-                                <div className="bank-detail-item"><strong>Branch Name:</strong> {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : BankDetails?.[0]?.BankBranch}</div>
                               </div>
-                              <hr />
-                            </>)}
+                            )}
+                          </div>
 
-                            <div className="terms-title">
-                              {GlobaldummyData ? GlobaltermsAndConditions &&
-                                (<div style={{ margin: "8px 0", padding: "8px", fontFamily: "sans-serif", width: "100%" }}>
-                                  <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>
-                                    Terms & Conditions
+                          {/* Footer */}
+                          <div className="footer-grid">
+                            <div className="footer-left">
+                              {BankDetails?.length > 0 && (
+                                <>
+                                  <h4 className="bank-details-title">
+                                    Bank Details:
+                                  </h4>
+                                  <div className="bank-details">
+                                    <div className="bank-detail-item">
+                                      <strong>Bank Name:</strong>{' '}
+                                      {!estimatePrintHeader &&
+                                        table2Data?.OrderType === 'E'
+                                        ? ''
+                                        : BankDetails?.[0]?.BankName}
+                                    </div>
+                                    <div className="bank-detail-item">
+                                      <strong>Account No.:</strong>{' '}
+                                      {!estimatePrintHeader &&
+                                        table2Data?.OrderType === 'E'
+                                        ? ''
+                                        : BankDetails?.[0]?.AccountNo}
+                                    </div>
+                                    <div className="bank-detail-item">
+                                      <strong>IFSC Code:</strong>{' '}
+                                      {!estimatePrintHeader &&
+                                        table2Data?.OrderType === 'E'
+                                        ? ''
+                                        : BankDetails?.[0]?.IFSCCode}
+                                    </div>
+                                    <div className="bank-detail-item">
+                                      <strong>Branch Name:</strong>{' '}
+                                      {!estimatePrintHeader &&
+                                        table2Data?.OrderType === 'E'
+                                        ? ''
+                                        : BankDetails?.[0]?.BankBranch}
+                                    </div>
+                                  </div>
+                                  <hr />
+                                </>
+                              )}
+
+                              <div className="terms-title">
+                                {GlobaldummyData
+                                  ? GlobaltermsAndConditions && (
+                                    <div
+                                      style={{
+                                        margin: '8px 0',
+                                        padding: '8px',
+                                        fontFamily: 'sans-serif',
+                                        width: '100%',
+                                      }}
+                                    >
+                                      <p
+                                        style={{
+                                          fontSize: '13px',
+                                          fontWeight: 'bold',
+                                          marginBottom: '6px',
+                                        }}
+                                      >
+                                        Terms & Conditions
+                                      </p>
+                                      <ol
+                                        style={{
+                                          fontSize: '12px',
+                                          paddingLeft: '18px',
+                                          margin: 0,
+                                          lineHeight: '1',
+                                        }}
+                                      >
+                                        <li>
+                                          Once goods are sold, they are not
+                                          exchangeable or refundable.
+                                        </li>
+                                        <li>
+                                          Please check the product before
+                                          leaving the counter.
+                                        </li>
+                                      </ol>
+                                    </div>
+                                  )
+                                  : TermsnAdCondition == true &&
+                                  TermsAndConditions?.length > 0 && (
+                                    <div
+                                      style={{
+                                        margin: '8px 0',
+                                        fontFamily: 'sans-serif',
+                                        width: '100%',
+                                        display: 'flex',
+                                        flexDirection: 'column',
+                                        alignItems: 'flex-start',
+                                      }}
+                                    >
+                                      <p
+                                        style={{
+                                          fontSize: '13px',
+                                          fontWeight: 'bold',
+                                          marginBottom: '6px',
+                                        }}
+                                      >
+                                        Terms & Conditions
+                                      </p>
+                                      <ol
+                                        style={{
+                                          fontSize: '12px',
+                                          paddingLeft: '18px',
+                                          margin: 0,
+                                          lineHeight: '1',
+                                        }}
+                                      >
+                                        {TermsAndConditions?.map((item) => (
+                                          <li style={{ textAlign: 'start' }}>
+                                            {item?.TermsandConditions}
+                                          </li>
+                                        ))}
+                                        {/* <li>Please check the product before leaving the counter.</li> */}
+                                      </ol>
+                                    </div>
+                                  )}
+                              </div>
+                            </div>
+                            <div
+                              style={{
+                                display: 'flex',
+                                justifyContent: 'flex-end',
+                              }}
+                              className="footer-right"
+                            >
+                              <div className="certification">
+                                <p>
+                                  Certified that the particulars given above are
+                                  true and correct.
+                                </p>
+                              </div>
+                              <div className="signature-section">
+                                {GlobaldummyData ? (
+                                  <p className="signature-text">Company Name</p>
+                                ) : !estimatePrintHeader &&
+                                  table2Data?.OrderType === 'E' ? (
+                                  ''
+                                ) : (
+                                  <p className="signature-text">
+                                    {' '}
+                                    "For" {companyName}
                                   </p>
-                                  <ol style={{ fontSize: "12px", paddingLeft: "18px", margin: 0, lineHeight: "1" }}>
-                                    <li>Once goods are sold, they are not exchangeable or refundable.</li>
-                                    <li>Please check the product before leaving the counter.</li>
-                                  </ol>
-                                </div>)
-                                :
-                                (TermsnAdCondition == true && TermsAndConditions?.length > 0) && (<div style={{ margin: "8px 0", fontFamily: "sans-serif", width: "100%", display: "flex", flexDirection: "column", alignItems: "flex-start" }}>
-                                  <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>
-                                    Terms & Conditions
-                                  </p>
-                                  <ol style={{ fontSize: "12px", paddingLeft: "18px", margin: 0, lineHeight: "1" }}>
-                                    {TermsAndConditions?.map(item => (<li style={{ textAlign: "start" }}>{item?.TermsandConditions}</li>))}
-                                    {/* <li>Please check the product before leaving the counter.</li> */}
-                                  </ol>
-                                </div>)
-                              }
+                                )}
+                                <p className="signature-text">
+                                  Authorised Signatory
+                                </p>
+
+                                {GlobaldummyData
+                                  ? GlobalSignature && (
+                                    <div style={{ paddingBottom: '1rem' }}>
+                                      <img
+                                        style={{
+                                          width: '70px',
+                                          height: '40px',
+                                        }}
+                                        src={
+                                          GlobalSignatureImages
+                                            ? GlobalSignatureImages
+                                            : signature
+                                        }
+                                        alt=""
+                                      />
+                                    </div>
+                                  )
+                                  : Signature == true && (
+                                    <div style={{}}>
+                                      {!estimatePrintHeader &&
+                                        table2Data?.OrderType === 'E' ? (
+                                        ''
+                                      ) : (
+                                        <img
+                                          style={{
+                                            width: '100px',
+                                            height: '60px',
+                                          }}
+                                          src={SignatureImg}
+                                          alt=""
+                                        />
+                                      )}
+                                    </div>
+                                  )}
+                                <p className="signature-text">(Common Seal)</p>
+                              </div>
                             </div>
                           </div>
-                          <div style={{ display: "flex", justifyContent: "flex-end" }} className="footer-right">
-                            <div className="certification">
-                              <p>Certified that the particulars given above are true and correct.</p>
-                            </div>
-                            <div className="signature-section">
-                              {GlobaldummyData ? <p className="signature-text">Company Name</p>
-                                : (!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <p className="signature-text">  "For"  {companyName}</p>}
-                              <p className="signature-text">Authorised Signatory</p>
+                          {/* </div> */}
 
-                              {GlobaldummyData ? GlobalSignature && (<div style={{ paddingBottom: "1rem" }}>
-                                <img style={{ width: "70px", height: "40px" }} src={GlobalSignatureImages ? GlobalSignatureImages : signature} alt="" />
-                              </div>) : Signature == true && (
-                                <div style={{}}>
-                                  {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />}
+                          {/* Copy Labels */}
+                          <div className="copy-labels">
+                            {GlobaldummyData
+                              ? GlobalIsnotes && (
+                                <div>
+                                  <p style={{ padding: '0rem 1rem' }}>
+                                    Notes : 10 days Return policy
+                                  </p>
+
+                                  <hr className="PrintA4Style11-print-dottline" />
+                                </div>
+                              )
+                              : Notestext && (
+                                <div>
+                                  <p
+                                    style={{
+                                      padding: '0rem 1rem',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    {Notestext}
+                                  </p>
+
+                                  {/* <hr className="PrintA4Style11-print-dottline" /> */}
                                 </div>
                               )}
-                              <p className="signature-text">(Common Seal)</p>
-                            </div>
                           </div>
                         </div>
-                        {/* </div> */}
-
-
-
-
-                        {/* Copy Labels */}
-                        <div className="copy-labels">
-                          {GlobaldummyData ? GlobalIsnotes &&
-                            (<div>
-                              <p style={{ padding: "0rem 1rem" }}>Notes : 10 days Return policy</p>
-
-                              <hr className="PrintA4Style11-print-dottline" />
-                            </div>) :
-                            Notestext && (<div>
-                              <p style={{ padding: "0rem 1rem", textAlign: "center" }}>{Notestext}</p>
-
-                              {/* <hr className="PrintA4Style11-print-dottline" /> */}
-                            </div>)
-                          }
-                        </div>
-                      </div>
-                    </>
-                  }
+                      </>
+                    )}
                 </div>
                 // </div>
               ))}
             </div>
             {/* <hr /> */}
-            {shouldFooterBeOnNewPage && FormatTheme &&
+            {shouldFooterBeOnNewPage && FormatTheme && (
               <div
                 className="print-page invoice-wrapper"
                 style={{
-                  display: "flex",
-                  flexDirection: "column",
-                  minHeight: PageSize == "A5" ? "200mm" : "257mm",
-                  justifyContent: "flex-end",
-                  pageBreakBefore: "always",
+                  display: 'flex',
+                  flexDirection: 'column',
+                  minHeight: PageSize == 'A5' ? '200mm' : '257mm',
+                  justifyContent: 'flex-end',
+                  pageBreakBefore: 'always',
                 }}
               >
-                <div className="page-footerA4Style11 "
+                <div
+                  className="page-footerA4Style11 "
                   style={{
-                    marginTop: "auto",
-                    pageBreakBefore: "avoid",
-                    pageBreakInside: "avoid",
-                    minHeight: "auto",
+                    marginTop: 'auto',
+                    pageBreakBefore: 'avoid',
+                    pageBreakInside: 'avoid',
+                    minHeight: 'auto',
                   }}
                 >
                   <>
-                    {(sportsAppPreference && MembershipApplied) && <div style={{ width: '100%', textAlign: 'center', paddingTop: '10px', fontSize: "13px" }}>{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>}
+                    {sportsAppPreference && MembershipApplied && (
+                      <div
+                        style={{
+                          width: '100%',
+                          textAlign: 'center',
+                          paddingTop: '10px',
+                          fontSize: '13px',
+                        }}
+                      >{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>
+                    )}
 
                     <div
                       style={{
-                        display: "flex",
-                        flexDirection: "column",
-                        alignItems: "flex-end",
-                        justifyContent: "space-around",
-                        width: "95%",
-                        whiteSpace: "nowrap",
-                        fontSize: "10px",
-                        flexWrap: "wrap",
-                        gap: "2px",
-
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'flex-end',
+                        justifyContent: 'space-around',
+                        width: '95%',
+                        whiteSpace: 'nowrap',
+                        fontSize: '10px',
+                        flexWrap: 'wrap',
+                        gap: '2px',
                       }}
                     >
-                      <div style={{ display: "flex" }}>
-                        <div style={{ width: "180px", textAlign: "right", paddingRight: "8px", fontSize: "15px", fontFamily: "sans-serif" }}>
-                          Items  :
+                      <div style={{ display: 'flex' }}>
+                        <div
+                          style={{
+                            width: '180px',
+                            textAlign: 'right',
+                            paddingRight: '8px',
+                            fontSize: '15px',
+                            fontFamily: 'sans-serif',
+                          }}
+                        >
+                          Items :
+                        </div>
+                        <div
+                          style={{
+                            fontSize: '15px',
+                            fontWeight: '600',
+                            fontFamily: 'sans-serif',
+                          }}
+                        >
+                          {GlobaldummyData ? '7' : totalQuantityFilter?.length}
                         </div>
-                        <div style={{ fontSize: "15px", fontWeight: "600", fontFamily: "sans-serif" }}>{GlobaldummyData ? "7" : totalQuantityFilter?.length}</div>
                       </div>
 
-                      <div style={{ display: "flex" }}>
-                        <div style={{ width: "180px", textAlign: "right", paddingRight: "8px", fontSize: "15px", fontFamily: "sans-serif" }}>
-                          Qty  :
+                      <div style={{ display: 'flex' }}>
+                        <div
+                          style={{
+                            width: '180px',
+                            textAlign: 'right',
+                            paddingRight: '8px',
+                            fontSize: '15px',
+                            fontFamily: 'sans-serif',
+                          }}
+                        >
+                          Qty :
+                        </div>
+                        <div
+                          style={{
+                            fontSize: '15px',
+                            fontWeight: '600',
+                            fontFamily: 'sans-serif',
+                          }}
+                        >
+                          {GlobaldummyData ? '9' : totalQuantity}
                         </div>
-                        <div style={{ fontSize: "15px", fontWeight: "600", fontFamily: "sans-serif" }}>{GlobaldummyData ? "9" : totalQuantity}</div>
                       </div>
 
-                      <div style={{ display: "flex" }}>
-                        <div style={{ width: "180px", textAlign: "right", paddingRight: "8px", fontSize: "15px", fontFamily: "sans-serif" }}>
-                          Off  :
+                      <div style={{ display: 'flex' }}>
+                        <div
+                          style={{
+                            width: '180px',
+                            textAlign: 'right',
+                            paddingRight: '8px',
+                            fontSize: '15px',
+                            fontFamily: 'sans-serif',
+                          }}
+                        >
+                          Off :
+                        </div>
+                        <div
+                          style={{
+                            fontSize: '15px',
+                            fontWeight: '600',
+                            fontFamily: 'sans-serif',
+                          }}
+                        >
+                          {(
+                            Number(TotalOfferAmount || 0) +
+                            Number(table2Data?.OverallDisc || 0)
+                          ).toFixed(2)}
                         </div>
-                        <div style={{ fontSize: "15px", fontWeight: "600", fontFamily: "sans-serif" }}>{(Number(TotalOfferAmount || 0) + Number(table2Data?.OverallDisc || 0)).toFixed(2)}</div>
                       </div>
-                      <div style={{ display: "flex" }}>
-                        <div style={{ width: "180px", textAlign: "right", paddingRight: "8px", fontSize: "15px", fontFamily: "sans-serif" }}>
-                          Amount  :₹
+                      <div style={{ display: 'flex' }}>
+                        <div
+                          style={{
+                            width: '180px',
+                            textAlign: 'right',
+                            paddingRight: '8px',
+                            fontSize: '15px',
+                            fontFamily: 'sans-serif',
+                          }}
+                        >
+                          Amount :₹
+                        </div>
+                        <div
+                          style={{
+                            fontSize: '15px',
+                            fontWeight: '600',
+                            fontFamily: 'sans-serif',
+                          }}
+                        >
+                          {GlobaldummyData ? '1066' : table2Data?.NetAmount}
                         </div>
-                        <div style={{ fontSize: "15px", fontWeight: "600", fontFamily: "sans-serif" }}>{GlobaldummyData
-                          ? "1066"
-                          : (table2Data?.NetAmount)}</div>
                       </div>
                     </div>
                     {/* <hr /> */}
                     {/* Summary */}
                     <div className="summary-grid">
-                      {GlobaldummyData ? <div className="summary-left">
-                        <InvoiceAmountWords amount={736} />
-                      </div> : <div className="summary-left">
-                        <InvoiceAmountWords amount={(table2Data?.NetAmount)} />
-                      </div>}
-                      {table2Data?.OrderType !== 'E' && <div className="summary-right">
-
-
-                        <div style={{ display: "flex" }}>
-                          <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                            Total Taxable Amount :
-                          </div>
-                          <div>{GlobaldummyData ? 736 : table2Data?.BillAmount}</div>
+                      {GlobaldummyData ? (
+                        <div className="summary-left">
+                          <InvoiceAmountWords amount={736} />
                         </div>
-
-                        <div style={{ display: "flex", flexDirection: "column", fontSize: "12px", gap: "8px" }}>
-                          {OrderDetailGST?.map((item, index) => (
-                            <div key={index}>
-                              <div style={{ display: "flex" }}>
-                                <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                                  Taxable Amount :
-                                </div>
-                                <div>{Number(item.WithOutTaxAmount).toFixed(2)}</div>
-                              </div>
-
-                              <div style={{ display: "flex" }}>
-                                <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                                  CGST ({item.TaxPercentage / 2}%) :
-                                </div>
-                                <div>{Number(item.CGST).toFixed(2)}</div>
-                              </div>
-
-                              <div style={{ display: "flex" }}>
-                                <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                                  SGST ({item.TaxPercentage / 2}%) :
-                                </div>
-                                <div>{Number(item.SGST).toFixed(2)}</div>
-                              </div>
-
-                              <div style={{ display: "flex" }}>
-                                <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                                  Total Amount Tax :
-                                </div>
-                                <div>{Number(item.TotalAmt).toFixed(2)}</div>
-                              </div>
+                      ) : (
+                        <div className="summary-left">
+                          <InvoiceAmountWords amount={table2Data?.NetAmount} />
+                        </div>
+                      )}
+                      {table2Data?.OrderType !== 'E' && (
+                        <div className="summary-right">
+                          <div style={{ display: 'flex' }}>
+                            <div
+                              style={{
+                                width: '180px',
+                                textAlign: 'right',
+                                paddingRight: '8px',
+                              }}
+                            >
+                              Total Taxable Amount :
                             </div>
-                          ))}
-                        </div>
-                        {/* <div className="summary-item">
+                            <div>
+                              {GlobaldummyData ? 736 : table2Data?.BillAmount}
+                            </div>
+                          </div>
+
+                          <div
+                            style={{
+                              display: 'flex',
+                              flexDirection: 'column',
+                              fontSize: '12px',
+                              gap: '8px',
+                            }}
+                          >
+                            {OrderDetailGST?.map((item, index) => (
+                              <div key={index}>
+                                <div style={{ display: 'flex' }}>
+                                  <div
+                                    style={{
+                                      width: '180px',
+                                      textAlign: 'right',
+                                      paddingRight: '8px',
+                                    }}
+                                  >
+                                    Taxable Amount :
+                                  </div>
+                                  <div>
+                                    {Number(item.WithOutTaxAmount).toFixed(2)}
+                                  </div>
+                                </div>
+
+                                <div style={{ display: 'flex' }}>
+                                  <div
+                                    style={{
+                                      width: '180px',
+                                      textAlign: 'right',
+                                      paddingRight: '8px',
+                                    }}
+                                  >
+                                    CGST ({item.TaxPercentage / 2}%) :
+                                  </div>
+                                  <div>{Number(item.CGST).toFixed(2)}</div>
+                                </div>
+
+                                <div style={{ display: 'flex' }}>
+                                  <div
+                                    style={{
+                                      width: '180px',
+                                      textAlign: 'right',
+                                      paddingRight: '8px',
+                                    }}
+                                  >
+                                    SGST ({item.TaxPercentage / 2}%) :
+                                  </div>
+                                  <div>{Number(item.SGST).toFixed(2)}</div>
+                                </div>
+
+                                <div style={{ display: 'flex' }}>
+                                  <div
+                                    style={{
+                                      width: '180px',
+                                      textAlign: 'right',
+                                      paddingRight: '8px',
+                                    }}
+                                  >
+                                    Total Amount Tax :
+                                  </div>
+                                  <div>{Number(item.TotalAmt).toFixed(2)}</div>
+                                </div>
+                              </div>
+                            ))}
+                          </div>
+                          {/* <div className="summary-item">
                           <span>GST Payable on Reverse Charge</span>
                           <span></span>
                         </div> */}
-                        <hr />
-                        <div className="summary-item-bold">
-                          <span>Total Amount Payable</span>
-                          <span>{Number(GlobaldummyData ? 736 : table2Data?.NetAmount)?.toFixed(2)}</span>
-                        </div>
-                        <div className="total-amount">
-                          {Number(GlobaldummyData ? 736 : table2Data?.NetAmount)?.toFixed(2)}
-                        </div>
-                        {isEditedBill && lastTransaction && (
-                          <div style={{
-                            width: '100%', marginTop: '2px',
-                            paddingTop: '2px', display: 'flex', justifyContent: 'center', alignItems: 'flex-start',
-                            flexDirection: 'column', borderTop: '1px dashed #000'
-                          }}>
+                          <hr />
+                          <div className="summary-item-bold">
+                            <span>Total Amount Payable</span>
+                            <span>
+                              {Number(
+                                GlobaldummyData ? 736 : table2Data?.NetAmount,
+                              )?.toFixed(2)}
+                            </span>
+                          </div>
+                          <div className="total-amount">
+                            {Number(
+                              GlobaldummyData ? 736 : table2Data?.NetAmount,
+                            )?.toFixed(2)}
+                          </div>
+                          {isEditedBill && lastTransaction && (
                             <div
                               style={{
-                                fontSize: '12px',
-                                width: '100%'
+                                width: '100%',
+                                marginTop: '2px',
+                                paddingTop: '2px',
+                                display: 'flex',
+                                justifyContent: 'center',
+                                alignItems: 'flex-start',
+                                flexDirection: 'column',
+                                borderTop: '1px dashed #000',
                               }}
                             >
-                              <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-                                <span style={{ color: '#000', fontWeight: 600, }}>Bill Gross Amount</span>
-                                <strong>{(lastTransaction?.BeforeAdjustment || 0).toFixed(2)}</strong>
-                              </div>
                               <div
                                 style={{
-                                  display: 'flex',
-                                  justifyContent: 'space-between',
-                                  fontWeight: 600,
-                                  color:
-                                    lastTransaction?.AdjustmentType === 'REFUND'
-                                      ? '#000'
-                                      : '#000',
+                                  fontSize: '12px',
+                                  width: '100%',
                                 }}
                               >
-                                <span>{'Adjustment Amount'}</span>
-                                <span>
-                                  {lastTransaction?.AdjustmentType === 'REFUND' ? '-' : '+'}
-                                  {(lastTransaction?.Amount || 0).toFixed(2)}
-                                </span>
-                              </div>
-                              <div style={{ display: 'flex', justifyContent: 'space-between', marginTop: '4px' }}>
-                                <span style={{ color: '#000', fontWeight: 600 }}>Net Bill Amount</span>
-                                <strong>{(lastTransaction?.AfterAdjustment || 0).toFixed(2)}</strong>
+                                <div
+                                  style={{
+                                    display: 'flex',
+                                    justifyContent: 'space-between',
+                                  }}
+                                >
+                                  <span
+                                    style={{ color: '#000', fontWeight: 600 }}
+                                  >
+                                    Bill Gross Amount
+                                  </span>
+                                  <strong>
+                                    {(
+                                      lastTransaction?.BeforeAdjustment || 0
+                                    ).toFixed(2)}
+                                  </strong>
+                                </div>
+                                <div
+                                  style={{
+                                    display: 'flex',
+                                    justifyContent: 'space-between',
+                                    fontWeight: 600,
+                                    color:
+                                      lastTransaction?.AdjustmentType ===
+                                        'REFUND'
+                                        ? '#000'
+                                        : '#000',
+                                  }}
+                                >
+                                  <span>{'Adjustment Amount'}</span>
+                                  <span>
+                                    {lastTransaction?.AdjustmentType ===
+                                      'REFUND'
+                                      ? '-'
+                                      : '+'}
+                                    {(lastTransaction?.Amount || 0).toFixed(2)}
+                                  </span>
+                                </div>
+                                <div
+                                  style={{
+                                    display: 'flex',
+                                    justifyContent: 'space-between',
+                                    marginTop: '4px',
+                                  }}
+                                >
+                                  <span
+                                    style={{ color: '#000', fontWeight: 600 }}
+                                  >
+                                    Net Bill Amount
+                                  </span>
+                                  <strong>
+                                    {(
+                                      lastTransaction?.AfterAdjustment || 0
+                                    ).toFixed(2)}
+                                  </strong>
+                                </div>
                               </div>
                             </div>
-                          </div>
-                        )}
-                      </div>}
+                          )}
+                        </div>
+                      )}
                     </div>
 
                     {/* Footer */}
                     <div className="footer-grid">
                       <div className="footer-left">
-                        {BankDetails?.length > 0 && (<>
-                          <h4 className="bank-details-title">Bank Details:</h4>
-                          <div className="bank-details">
-                            <div className="bank-detail-item"><strong>Bank Name:</strong> {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : BankDetails?.[0]?.BankName}</div>
-                            <div className="bank-detail-item"><strong>Account No.:</strong> {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : BankDetails?.[0]?.AccountNo}</div>
-                            <div className="bank-detail-item"><strong>IFSC Code:</strong> {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : BankDetails?.[0]?.IFSCCode}</div>
-                            <div className="bank-detail-item"><strong>Branch Name:</strong> {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : BankDetails?.[0]?.BankBranch}</div>
-                          </div>
-                          <hr />
-                        </>)}
+                        {BankDetails?.length > 0 && (
+                          <>
+                            <h4 className="bank-details-title">
+                              Bank Details:
+                            </h4>
+                            <div className="bank-details">
+                              <div className="bank-detail-item">
+                                <strong>Bank Name:</strong>{' '}
+                                {!estimatePrintHeader &&
+                                  table2Data?.OrderType === 'E'
+                                  ? ''
+                                  : BankDetails?.[0]?.BankName}
+                              </div>
+                              <div className="bank-detail-item">
+                                <strong>Account No.:</strong>{' '}
+                                {!estimatePrintHeader &&
+                                  table2Data?.OrderType === 'E'
+                                  ? ''
+                                  : BankDetails?.[0]?.AccountNo}
+                              </div>
+                              <div className="bank-detail-item">
+                                <strong>IFSC Code:</strong>{' '}
+                                {!estimatePrintHeader &&
+                                  table2Data?.OrderType === 'E'
+                                  ? ''
+                                  : BankDetails?.[0]?.IFSCCode}
+                              </div>
+                              <div className="bank-detail-item">
+                                <strong>Branch Name:</strong>{' '}
+                                {!estimatePrintHeader &&
+                                  table2Data?.OrderType === 'E'
+                                  ? ''
+                                  : BankDetails?.[0]?.BankBranch}
+                              </div>
+                            </div>
+                            <hr />
+                          </>
+                        )}
                         <div className="terms-title">
-                          {GlobaldummyData ? GlobaltermsAndConditions &&
-                            (<div style={{ margin: "8px 0", padding: "8px", fontFamily: "sans-serif", width: "100%" }}>
-                              <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>
-                                Terms & Conditions
-                              </p>
-                              <ol style={{ fontSize: "12px", paddingLeft: "18px", margin: 0, lineHeight: "1" }}>
-                                <li>Once goods are sold, they are not exchangeable or refundable.</li>
-                                <li>Please check the product before leaving the counter.</li>
-                              </ol>
-                            </div>)
-                            :
-                            (TermsnAdCondition == true && TermsAndConditions?.length > 0) && (<div style={{ margin: "8px 0", fontFamily: "sans-serif", width: "100%", display: "flex", flexDirection: "column", alignItems: "flex-start" }}>
-                              <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>
-                                Terms & Conditions
-                              </p>
-                              <ol style={{ fontSize: "12px", paddingLeft: "18px", margin: 0, lineHeight: "1" }}>
-                                {TermsAndConditions?.map(item => (<li style={{ textAlign: "start" }}>{item?.TermsandConditions}</li>))}
-                                {/* <li>Please check the product before leaving the counter.</li> */}
-                              </ol>
-                            </div>)
-                          }
+                          {GlobaldummyData
+                            ? GlobaltermsAndConditions && (
+                              <div
+                                style={{
+                                  margin: '8px 0',
+                                  padding: '8px',
+                                  fontFamily: 'sans-serif',
+                                  width: '100%',
+                                }}
+                              >
+                                <p
+                                  style={{
+                                    fontSize: '13px',
+                                    fontWeight: 'bold',
+                                    marginBottom: '6px',
+                                  }}
+                                >
+                                  Terms & Conditions
+                                </p>
+                                <ol
+                                  style={{
+                                    fontSize: '12px',
+                                    paddingLeft: '18px',
+                                    margin: 0,
+                                    lineHeight: '1',
+                                  }}
+                                >
+                                  <li>
+                                    Once goods are sold, they are not
+                                    exchangeable or refundable.
+                                  </li>
+                                  <li>
+                                    Please check the product before leaving
+                                    the counter.
+                                  </li>
+                                </ol>
+                              </div>
+                            )
+                            : TermsnAdCondition == true &&
+                            TermsAndConditions?.length > 0 && (
+                              <div
+                                style={{
+                                  margin: '8px 0',
+                                  fontFamily: 'sans-serif',
+                                  width: '100%',
+                                  display: 'flex',
+                                  flexDirection: 'column',
+                                  alignItems: 'flex-start',
+                                }}
+                              >
+                                <p
+                                  style={{
+                                    fontSize: '13px',
+                                    fontWeight: 'bold',
+                                    marginBottom: '6px',
+                                  }}
+                                >
+                                  Terms & Conditions
+                                </p>
+                                <ol
+                                  style={{
+                                    fontSize: '12px',
+                                    paddingLeft: '18px',
+                                    margin: 0,
+                                    lineHeight: '1',
+                                  }}
+                                >
+                                  {TermsAndConditions?.map((item) => (
+                                    <li style={{ textAlign: 'start' }}>
+                                      {item?.TermsandConditions}
+                                    </li>
+                                  ))}
+                                  {/* <li>Please check the product before leaving the counter.</li> */}
+                                </ol>
+                              </div>
+                            )}
                         </div>
                       </div>
-                      <div style={{ display: "flex", justifyContent: "flex-end" }} className="footer-right">
+                      <div
+                        style={{ display: 'flex', justifyContent: 'flex-end' }}
+                        className="footer-right"
+                      >
                         <div className="certification">
-                          <p>Certified that the particulars given above are true and correct.</p>
+                          <p>
+                            Certified that the particulars given above are true
+                            and correct.
+                          </p>
                         </div>
                         <div className="signature-section">
-                          {GlobaldummyData ? <p className="signature-text">Company Name</p>
-                            : <p className="signature-text">  "For" {companyName}</p>}
+                          {GlobaldummyData ? (
+                            <p className="signature-text">Company Name</p>
+                          ) : (
+                            <p className="signature-text">
+                              {' '}
+                              "For" {companyName}
+                            </p>
+                          )}
                           <p className="signature-text">Authorised Signatory</p>
-                          {GlobaldummyData ? GlobalSignature && (<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", paddingBottom: "1rem" }}>
-                            <img style={{ width: "70px", height: "40px" }} src={GlobalSignatureImages ? GlobalSignatureImages : signature} alt="" />
-                          </div>) : Signature == true && (<div style={{ display: "flex", flexDirection: "column", alignItems: "center", marginTop: "1rem", paddingBottom: "1rem" }}>
-                            <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                          </div>)}
+                          {GlobaldummyData
+                            ? GlobalSignature && (
+                              <div
+                                style={{
+                                  display: 'flex',
+                                  flexDirection: 'column',
+                                  alignItems: 'flex-end',
+                                  paddingBottom: '1rem',
+                                }}
+                              >
+                                <img
+                                  style={{ width: '70px', height: '40px' }}
+                                  src={
+                                    GlobalSignatureImages
+                                      ? GlobalSignatureImages
+                                      : signature
+                                  }
+                                  alt=""
+                                />
+                              </div>
+                            )
+                            : Signature == true && (
+                              <div
+                                style={{
+                                  display: 'flex',
+                                  flexDirection: 'column',
+                                  alignItems: 'center',
+                                  marginTop: '1rem',
+                                  paddingBottom: '1rem',
+                                }}
+                              >
+                                <img
+                                  style={{ width: '100px', height: '60px' }}
+                                  src={SignatureImg}
+                                  alt=""
+                                />
+                              </div>
+                            )}
                           <p className="signature-text">(Common Seal)</p>
                         </div>
                       </div>
@@ -1628,177 +2648,296 @@ const InvoiceTemplate = ({ index,
 
                     {/* Copy Labels */}
                     <div className="copy-labels">
-                      {GlobaldummyData ? GlobalIsnotes &&
-                        (<div>
-                          <p style={{ padding: "0rem 1rem" }}>Notes : 10 days Return policy</p>
+                      {GlobaldummyData
+                        ? GlobalIsnotes && (
+                          <div>
+                            <p style={{ padding: '0rem 1rem' }}>
+                              Notes : 10 days Return policy
+                            </p>
 
-                          <hr className="PrintA4Style11-print-dottline" />
-                        </div>) :
-                        Notestext && (<div>
-                          <p style={{ padding: "0rem 1rem", textAlign: "center" }}>{Notestext}</p>
+                            <hr className="PrintA4Style11-print-dottline" />
+                          </div>
+                        )
+                        : Notestext && (
+                          <div>
+                            <p
+                              style={{
+                                padding: '0rem 1rem',
+                                textAlign: 'center',
+                              }}
+                            >
+                              {Notestext}
+                            </p>
 
-                          {/* <hr className="PrintA4Style11-print-dottline" /> */}
-                        </div>)
-                      }
+                            {/* <hr className="PrintA4Style11-print-dottline" /> */}
+                          </div>
+                        )}
                     </div>
                   </>
                 </div>
               </div>
-            }
-
+            )}
           </div>
-          :
+        ) : (
           <div id={`A4Standard-${index}`} className="invoice-container">
             <div className="invoice-wrapper">
               {/* Header */}
-              {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div className="header-section">
-
-                <div>
-                  <div style={{ display: "flex", alignItems: 'center' }}>
-                    {(GlobalLogo && GlobaldummyData) && <div > <img src={Logo} alt='Brand Logo' style={{ width: '100px', height: 'auto', objectFit: 'contain' }} /></div>}
-                    {(base64Image && (PrintLogo?.SettingValue === "Y" || LogoField)) ? <img src={base64Image} alt='Brand Logo' style={{ width: '60px', height: 'auto', objectFit: 'contain' }} /> : null}
-                    <h1 className="company-name">{GlobaldummyData ? "Company Name" : companyName}</h1>
+              {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                ''
+              ) : (
+                <div className="header-section">
+                  <div>
+                    <div style={{ display: 'flex', alignItems: 'center' }}>
+                      {GlobalLogo && GlobaldummyData && (
+                        <div>
+                          {' '}
+                          <img
+                            src={Logo}
+                            alt="Brand Logo"
+                            style={{
+                              width: '100px',
+                              height: 'auto',
+                              objectFit: 'contain',
+                            }}
+                          />
+                        </div>
+                      )}
+                      {base64Image &&
+                        (PrintLogo?.SettingValue === 'Y' || LogoField) ? (
+                        <img
+                          src={base64Image}
+                          alt="Brand Logo"
+                          style={{
+                            width: '60px',
+                            height: 'auto',
+                            objectFit: 'contain',
+                          }}
+                        />
+                      ) : null}
+                      <h1
+                        className="company-name"
+                        style={{
+                          color: SelectedHeaderColor,
+                        }}
+                      >
+                        {GlobaldummyData ? 'Company Name' : companyName}
+                      </h1>
+                    </div>
+                    <p>{companyAddress}</p>
+                    {(companyPhone || GlobaldummyData) && (
+                      <div>
+                        Phone: {GlobaldummyData ? '999999XXXX' : companyPhone}
+                      </div>
+                    )}
+                    <div>Email: {companyEmail}</div>
+                    {companyGSTIN ||
+                      (GlobaldummyData && (
+                        <div style={{ fontSize: '16px', fontWeight: '600' }}>
+                          GSTIN:{' '}
+                          {GlobaldummyData ? 'XXTTHJJF7679' : companyGSTIN}
+                        </div>
+                      ))}
                   </div>
-                  <p>{companyAddress}</p>
-                  {(companyPhone || GlobaldummyData) && <div>Phone: {GlobaldummyData ? "999999XXXX" : companyPhone}</div>}
-                  <div>Email: {companyEmail}</div>
-                  {companyGSTIN || GlobaldummyData && <div style={{ fontSize: "16px", fontWeight: "600" }}>GSTIN: {GlobaldummyData ? "XXTTHJJF7679" : companyGSTIN}</div>}
                 </div>
-
-
-              </div>}
+              )}
 
               {/* Invoice Title */}
               <div className="invoice-title">
-                {table2Data?.OrderType === "E" && (
+                {table2Data?.OrderType === 'E' && (
                   <div
                     style={{
-                      fontSize: "14px",
-                      margin: "2px 0 0 0",
+                      fontSize: '14px',
+                      margin: '2px 0 0 0',
                       padding: 0,
                       fontWeight: 600,
                     }}
                   >
-                    Estimate{" "}
+                    Estimate{' '}
                   </div>
                 )}
-                {table2Data?.OrderType === "E" ? (
-                  ""
+                {table2Data?.OrderType === 'E' ? (
+                  ''
                 ) : (
                   <div
                     style={{
-                      fontSize: "14px",
-                      margin: "2px 0 0 0",
+                      fontSize: '14px',
+                      margin: '2px 0 0 0',
                       padding: 0,
                       fontWeight: 600,
                     }}
                   >
-                    {GlobaldummyData ? GlobalBilltext ? GlobalBilltext : "Cash" + ' Bill' : BillName ? BillName : PaymentStatusSuccess?.length === 1 ? PaymentStatusSuccess?.[0]?.PaymentTypeName + ' Bill' : ""}
-
+                    {GlobaldummyData
+                      ? GlobalBilltext
+                        ? GlobalBilltext
+                        : 'Cash' + ' Bill'
+                      : BillName
+                        ? BillName
+                        : PaymentStatusSuccess?.length === 1
+                          ? PaymentStatusSuccess?.[0]?.PaymentTypeName + ' Bill'
+                          : ''}
                   </div>
                 )}
               </div>
 
-
-              {GlobaldummyData ?
+              {GlobaldummyData ? (
                 <div className="billing-grid">
                   <div className="billing-left">
-                    <h3 className="section-title">Details of Receiver | Billed to</h3>
+                    <h3 className="section-title">
+                      Details of Receiver | Billed to
+                    </h3>
                     <div className="billing-details">
-                      <div className="billing-detail-item"><strong>Name : </strong>
+                      <div className="billing-detail-item">
+                        <strong>Name : </strong>
                         {GlobaldummyData ? (
-                          <span style={{ fontSize: "11px" }}>
-                            {"XXXYYY"}
-                          </span>
-                        ) : table2Data?.CustomerDetails?.[0]?.CustSuppName}
-                      </div>
-
-
-                      <div className="billing-detail-item"><strong>Address: </strong>
-                        XYZ City
-                      </div>
-
-                      <div className="billing-detail-item"><strong>State:</strong> XYZ State</div>
-
-                    </div>
-                  </div>
-
-                </div>
-                :
-                table2Data?.CustomerDetails?.length > 0 && <div className="billing-grid">
-                  <div className="billing-left">
-                    <h3 className="section-title">Details of Receiver | Billed to</h3>
-                    <div className="billing-details">
-                      <div className="billing-detail-item"><strong>Name : </strong>
-                        {GlobaldummyData ? (
-                          <span style={{ fontSize: "11px" }}>
-                            {"XXXYYY"}
-                          </span>
-                        ) : table2Data?.CustomerDetails?.[0]?.CustSuppName}
-                      </div>
-
-
-                      <div className="billing-detail-item"><strong>Address:</strong> {table2Data?.CustomerDetails?.length > 0 &&
-                        !GlobaldummyData && (
-                          <span style={{ fontSize: "11px" }}>
-                            {table2Data?.CustomerDetails?.[0]?.Address1}  {table2Data?.CustomerDetails?.[0]?.Address2}
-                          </span>
+                          <span style={{ fontSize: '11px' }}>{'XXXYYY'}</span>
+                        ) : (
+                          table2Data?.CustomerDetails?.[0]?.CustSuppName
                         )}
                       </div>
 
-                      <div className="billing-detail-item"><strong>State:</strong> {table2Data?.CustomerDetails?.[0]?.State}</div>
+                      <div className="billing-detail-item">
+                        <strong>Address: </strong>
+                        XYZ City
+                      </div>
 
+                      <div className="billing-detail-item">
+                        <strong>State:</strong> XYZ State
+                      </div>
                     </div>
                   </div>
-
                 </div>
-              }
+              ) : (
+                table2Data?.CustomerDetails?.length > 0 && (
+                  <div className="billing-grid">
+                    <div className="billing-left">
+                      <h3 className="section-title">
+                        Details of Receiver | Billed to
+                      </h3>
+                      <div className="billing-details">
+                        <div className="billing-detail-item">
+                          <strong>Name : </strong>
+                          {GlobaldummyData ? (
+                            <span style={{ fontSize: '11px' }}>{'XXXYYY'}</span>
+                          ) : (
+                            table2Data?.CustomerDetails?.[0]?.CustSuppName
+                          )}
+                        </div>
 
+                        <div className="billing-detail-item">
+                          <strong>Address:</strong>{' '}
+                          {table2Data?.CustomerDetails?.length > 0 &&
+                            !GlobaldummyData && (
+                              <span style={{ fontSize: '11px' }}>
+                                {table2Data?.CustomerDetails?.[0]?.Address1}{' '}
+                                {table2Data?.CustomerDetails?.[0]?.Address2}
+                              </span>
+                            )}
+                        </div>
+
+                        <div className="billing-detail-item">
+                          <strong>State:</strong>{' '}
+                          {table2Data?.CustomerDetails?.[0]?.State}
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                )
+              )}
 
               {/* Items Table */}
               <div className="table-overflow">
-                <table className="items-table" style={{ borderTop: "1px solid black" }}>
+                <table
+                  className="items-table"
+                  style={{ borderTop: '1px solid black' }}
+                >
                   <thead>
                     <tr className="table-header">
                       {GlobaldummyData
-                        ? GlobalSlNo && <th className="table-header-cell">S.No</th> :
-                        SLNO == true && <th className="table-header-cell">S.No</th>}
+                        ? GlobalSlNo && (
+                          <th className="table-header-cell">S.No</th>
+                        )
+                        : SLNO == true && (
+                          <th className="table-header-cell">S.No</th>
+                        )}
 
                       {GlobaldummyData
-                        ? GlobalItem && <th className="table-header-cell">Item</th> :
-                        Item == true && <th className="table-header-cell">Item</th>}
-
+                        ? GlobalItem && (
+                          <th className="table-header-cell">Item</th>
+                        )
+                        : Item == true && (
+                          <th className="table-header-cell">Item</th>
+                        )}
 
                       {GlobaldummyData
-                        ? GlobalHsnCode && <th className="table-header-cell">HSN </th> :
-                        HsnCode == true && <th className="table-header-cell">HSN </th>}
+                        ? GlobalHsnCode && (
+                          <th className="table-header-cell">HSN </th>
+                        )
+                        : HsnCode == true && (
+                          <th className="table-header-cell">HSN </th>
+                        )}
 
                       {GlobaldummyData
-                        ? GlobalQuantity && <th className="table-header-cell">Qty</th>
-                        : Quantity == true && <th className="table-header-cell"> {WeightasKg ? 'Qty/Kg' : 'Qty'}</th>}
+                        ? GlobalQuantity && (
+                          <th className="table-header-cell">Qty</th>
+                        )
+                        : Quantity == true && (
+                          <th className="table-header-cell">
+                            {' '}
+                            {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                          </th>
+                        )}
 
                       {/* <th className="table-header-cell">UOM</th>
                   <th className="table-header-cell">UOM</th> */}
 
                       {GlobaldummyData
-                        ? GlobalMRP && <th className="table-header-cell">MRP</th>
-                        : MRP == true && <th className="table-header-cell">MRP</th>}
+                        ? GlobalMRP && (
+                          <th className="table-header-cell">MRP</th>
+                        )
+                        : MRP == true && (
+                          <th className="table-header-cell">MRP</th>
+                        )}
 
                       {GlobaldummyData
-                        ? GlobalRate && <th className="table-header-cell">Rate</th>
-                        : Rate == true && <th className="table-header-cell">Rate</th>}
+                        ? GlobalRate && (
+                          <th className="table-header-cell">Rate</th>
+                        )
+                        : Rate == true && (
+                          <th className="table-header-cell">Rate</th>
+                        )}
 
                       {GlobaldummyData
-                        ? GlobalDiscount && <th className="table-header-cell">Dis</th>
-                        : Discount == true && <th className="table-header-cell">Dis</th>}
+                        ? GlobalDiscount && (
+                          <th className="table-header-cell">Dis</th>
+                        )
+                        : Discount == true && (
+                          <th className="table-header-cell">Dis</th>
+                        )}
 
                       {GlobaldummyData
-                        ? GlobalTax && <th className="table-header-cell">Tax %</th>
-                        : (Tax && table2Data?.OrderType !== 'E') && <th className="table-header-cell" style={{ textAlign: "right", fontFamily: "sans-serif" }}>Tax %</th>}
+                        ? GlobalTax && (
+                          <th className="table-header-cell">Tax %</th>
+                        )
+                        : Tax &&
+                        table2Data?.OrderType !== 'E' && (
+                          <th
+                            className="table-header-cell"
+                            style={{
+                              textAlign: 'right',
+                              fontFamily: 'sans-serif',
+                            }}
+                          >
+                            Tax %
+                          </th>
+                        )}
 
                       {GlobaldummyData
-                        ? GlobalAmount && <th className="table-header-cell">Amount</th>
-                        : Amount == true && <th className="table-header-cell">Amount</th>}
+                        ? GlobalAmount && (
+                          <th className="table-header-cell">Amount</th>
+                        )
+                        : Amount == true && (
+                          <th className="table-header-cell">Amount</th>
+                        )}
 
                       {/* <th className="table-header-cell">Taxable</th>
                   <th className="table-header-cell-center" colSpan="2">IGST</th>
@@ -1820,368 +2959,647 @@ const InvoiceTemplate = ({ index,
                 </tr> */}
                   </thead>
                   <tbody>
-                    {((GlobaldummyData ? products : productsData) || []).map((item, idx) => (
-                      <tr key={idx} className="table-row">
-                        {GlobaldummyData
-                          ? GlobalSlNo && (
-                            <td className="table-header-cell" style={{ textAlign: "center" }}>
-                              {idx + 1}
-                            </td>
-                          )
-                          : SLNO == true && (
-                            <td className="table-header-cell" style={{ textAlign: "center" }}>
-                              {idx + 1}
-                            </td>
-                          )}
-                        {GlobaldummyData
-                          ? GlobalItem && <td className="table-header-cell">{item?.ProdName}</td>
-                          : Item == true && (
-                            <td className="table-header-cell"
-                              style={{
-                                display: "flex",
-                                flexDirection: "column",
-                              }}
-                            >
-                              <div>{item?.ProdName}</div>
-                              <div>
-                                ({item?.Size ? item?.Size : "1"}{" "}
-                                {item?.SinglePc == "Y"
-                                  ? "PCS"
-                                  : item?.Type != "C"
-                                    ? item?.UomName
-                                    : "COMBO"}
-                                )
-                              </div>
-                              &nbsp;{" "}
-                              {item?.BrandName !== null
-                                ? item?.BrandName
-                                : ""}
-                              &nbsp;
-                              {item?.ProductIdentifierDtls?.length > 0
-                                ? item?.ProductIdentifierDtls?.filter(
-                                  (items) =>
-                                    !(
-                                      items.SerialNumber == "" ||
-                                      items.SerialNumber == null
-                                    )
-                                )?.map((a) => {
-                                  return <div>{a.SerialNumber}</div>;
-                                })
-                                : ""}{" "}
-                              {item?.ProductIdentifierDtls?.length > 0
-                                ? item?.ProductIdentifierDtls.filter(
-                                  (item1) =>
-                                    item1.IMEI1 !== "" || item1.IMEI2 !== ""
-                                )?.map((item2) => {
-                                  const imei1 = item2.IMEI1 || "";
-                                  const imei2 = item2.IMEI2 || "";
-                                  return (
-                                    <div>
-                                      {[imei1, imei2]
-                                        .filter(Boolean)
-                                        .join(",")}
-                                    </div>
-                                  );
-                                })
-                                : ""}
-                            </td>
-
-                          )}
-                        {GlobaldummyData
-                          ? GlobalHsnCode && (
-                            <td className="table-header-cell" style={{ textAlign: "center" }}>
-                              {item?.HSN}
-                            </td>
-                          )
-                          : HsnCode == true && (
-                            <td className="table-header-cell" style={{ textAlign: "center" }}>
-                              {item?.HSN}
-                            </td>
-                          )}
-                        {GlobaldummyData
-                          ? GlobalQuantity && (
-                            <td className="table-header-cell" style={{ textAlign: "center" }}>
-                              {item?.SalesQty}
-                            </td>
-                          )
-                          : Quantity == true && (
-                            <td className="table-header-cell" style={{ textAlign: "center" }}>
-                              {item?.SalesQty}
-                            </td>
-                          )}
-                        {GlobaldummyData
-                          ? GlobalMRP && (
-                            <td className="table-header-cell" style={{ textAlign: "right" }}>
-                              {item?.MRP}
-                            </td>
-                          )
-                          : MRP == true && (
-                            <td className="table-header-cell" style={{ textAlign: "right" }}>
-                              {item?.SinglePc === "Y"
-                                ? item?.Rate
-                                : item?.MRP}
-                            </td>
-                          )}
-                        {GlobaldummyData
-                          ? GlobalRate && (
-                            <td className="table-header-cell" style={{ textAlign: "right" }}>
-                              {item?.Rate}
-                            </td>
-                          )
-                          : Rate == true && (
-                            <td className="table-header-cell" style={{ textAlign: "right" }}>
-                              {" "}
-                              {item?.Rate}
-                            </td>
-                          )}
-                        {GlobaldummyData
-                          ? GlobalDiscount && <td className="table-header-cell">{item.discount}</td>
-                          : Discount == true && (
-                            <td className="table-header-cell" style={{ textAlign: "right" }}>
-                              {item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}
-                            </td>
-                          )}
-                        {(GlobaldummyData
-                          ? GlobalTax && <td className="table-header-cell">{item?.ProdTaxPercentage}</td>
-                          : (Tax && table2Data?.OrderType !== 'E') && <td className="table-header-cell" style={{ textAlign: "right", fontFamily: "sans-serif" }}>{item?.ProdTaxPercentage || 0}</td>
-                        )}
-                        {GlobaldummyData
-                          ? GlobalAmount && (
-                            <td className="table-header-cell" style={{ textAlign: "right" }}>
-                              {item?.TotalAmt}
-                            </td>
-                          )
-                          : Amount == true && (
-                            <td className="table-header-cell" style={{ textAlign: "right" }}>
-                              {item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}
-                            </td>
-                          )}
-                      </tr>
-                    ))}
-
-
-
+                    {((GlobaldummyData ? products : productsData) || []).map(
+                      (item, idx) => (
+                        <tr key={idx} className="table-row">
+                          {GlobaldummyData
+                            ? GlobalSlNo && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'center' }}
+                              >
+                                {idx + 1}
+                              </td>
+                            )
+                            : SLNO == true && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'center' }}
+                              >
+                                {idx + 1}
+                              </td>
+                            )}
+                          {GlobaldummyData
+                            ? GlobalItem && (
+                              <td className="table-header-cell">
+                                {item?.ProdName}
+                              </td>
+                            )
+                            : Item == true && (
+                              <td
+                                className="table-header-cell"
+                                style={{
+                                  display: 'flex',
+                                  flexDirection: 'column',
+                                }}
+                              >
+                                <div>{item?.ProdName}</div>
+                                <div>
+                                  ({item?.Size ? item?.Size : '1'}{' '}
+                                  {item?.SinglePc == 'Y'
+                                    ? 'PCS'
+                                    : item?.Type != 'C'
+                                      ? item?.UomName
+                                      : 'COMBO'}
+                                  )
+                                </div>
+                                &nbsp;{' '}
+                                {item?.BrandName !== null
+                                  ? item?.BrandName
+                                  : ''}
+                                &nbsp;
+                                {item?.ProductIdentifierDtls?.length > 0
+                                  ? item?.ProductIdentifierDtls?.filter(
+                                    (items) =>
+                                      !(
+                                        items.SerialNumber == '' ||
+                                        items.SerialNumber == null
+                                      ),
+                                  )?.map((a) => {
+                                    return <div>{a.SerialNumber}</div>;
+                                  })
+                                  : ''}{' '}
+                                {item?.ProductIdentifierDtls?.length > 0
+                                  ? item?.ProductIdentifierDtls.filter(
+                                    (item1) =>
+                                      item1.IMEI1 !== '' ||
+                                      item1.IMEI2 !== '',
+                                  )?.map((item2) => {
+                                    const imei1 = item2.IMEI1 || '';
+                                    const imei2 = item2.IMEI2 || '';
+                                    return (
+                                      <div>
+                                        {[imei1, imei2]
+                                          .filter(Boolean)
+                                          .join(',')}
+                                      </div>
+                                    );
+                                  })
+                                  : ''}
+                              </td>
+                            )}
+                          {GlobaldummyData
+                            ? GlobalHsnCode && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'center' }}
+                              >
+                                {item?.HSN}
+                              </td>
+                            )
+                            : HsnCode == true && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'center' }}
+                              >
+                                {item?.HSN}
+                              </td>
+                            )}
+                          {GlobaldummyData
+                            ? GlobalQuantity && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'center' }}
+                              >
+                                {item?.SalesQty}
+                              </td>
+                            )
+                            : Quantity == true && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'center' }}
+                              >
+                                {item?.SalesQty}
+                              </td>
+                            )}
+                          {GlobaldummyData
+                            ? GlobalMRP && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'right' }}
+                              >
+                                {item?.MRP}
+                              </td>
+                            )
+                            : MRP == true && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'right' }}
+                              >
+                                {item?.SinglePc === 'Y'
+                                  ? item?.Rate
+                                  : item?.MRP}
+                              </td>
+                            )}
+                          {GlobaldummyData
+                            ? GlobalRate && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'right' }}
+                              >
+                                {item?.Rate}
+                              </td>
+                            )
+                            : Rate == true && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'right' }}
+                              >
+                                {' '}
+                                {item?.Rate}
+                              </td>
+                            )}
+                          {GlobaldummyData
+                            ? GlobalDiscount && (
+                              <td className="table-header-cell">
+                                {item.discount}
+                              </td>
+                            )
+                            : Discount == true && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'right' }}
+                              >
+                                {item?.Type != 'C'
+                                  ? item?.OfferAmt || 0
+                                  : item?.OfferValue || 0}
+                              </td>
+                            )}
+                          {GlobaldummyData
+                            ? GlobalTax && (
+                              <td className="table-header-cell">
+                                {item?.ProdTaxPercentage}
+                              </td>
+                            )
+                            : Tax &&
+                            table2Data?.OrderType !== 'E' && (
+                              <td
+                                className="table-header-cell"
+                                style={{
+                                  textAlign: 'right',
+                                  fontFamily: 'sans-serif',
+                                }}
+                              >
+                                {item?.ProdTaxPercentage || 0}
+                              </td>
+                            )}
+                          {GlobaldummyData
+                            ? GlobalAmount && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'right' }}
+                              >
+                                {item?.TotalAmt}
+                              </td>
+                            )
+                            : Amount == true && (
+                              <td
+                                className="table-header-cell"
+                                style={{ textAlign: 'right' }}
+                              >
+                                {item?.Type != 'C'
+                                  ? item?.TotalAmt - item?.OfferAmt || 0
+                                  : item?.TotalAmt - item?.OfferValue || 0}
+                              </td>
+                            )}
+                        </tr>
+                      ),
+                    )}
                   </tbody>
                 </table>
               </div>
               <div
                 style={{
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "flex-start",
-                  justifyContent: "space-around",
-                  width: "95%",
-                  whiteSpace: "nowrap",
-                  fontSize: "10px",
-                  flexWrap: "wrap",
-                  gap: "2px",
+                  display: 'flex',
+                  flexDirection: 'column',
+                  alignItems: 'flex-start',
+                  justifyContent: 'space-around',
+                  width: '95%',
+                  whiteSpace: 'nowrap',
+                  fontSize: '10px',
+                  flexWrap: 'wrap',
+                  gap: '2px',
                 }}
               >
                 <div
                   style={{
                     margin: 0,
                     padding: 0,
-                    fontSize: "10px",
-                    fontWeight: "600",
-                    width: "100%",
-                    textAlign: "right"
+                    fontSize: '10px',
+                    fontWeight: '600',
+                    width: '100%',
+                    textAlign: 'right',
                   }}
                 >
-                  {" "}
-                  Items:{GlobaldummyData ? "7" : totalQuantityFilter?.length}
+                  {' '}
+                  Items:{GlobaldummyData ? '7' : totalQuantityFilter?.length}
                 </div>
                 <div
                   style={{
                     margin: 0,
                     padding: 0,
-                    fontSize: "10px",
-                    fontWeight: "600",
-                    width: "100%",
-                    textAlign: "right"
+                    fontSize: '10px',
+                    fontWeight: '600',
+                    width: '100%',
+                    textAlign: 'right',
                   }}
                 >
-                  {" "}
-                  Qty:{GlobaldummyData ? "9" : totalQuantity}
+                  {' '}
+                  Qty:{GlobaldummyData ? '9' : totalQuantity}
                 </div>
                 {/* {ExtraChargeTotal > 0 && <p style={{ margin: 0, padding: 0, fontSize: "12px" }}> Extra Charges:{ExtraChargeTotal}</p>} */}
 
-
                 {(TotalOfferAmount > 0 || table2Data?.OverallDisc > 0) && (
-                  <p style={{ margin: 0, padding: 0, fontSize: "10px", fontWeight: "600", width: "100%", textAlign: "right" }}>
-                    Off :{(Number(TotalOfferAmount || 0) + Number(table2Data?.OverallDisc || 0)).toFixed(2)}
+                  <p
+                    style={{
+                      margin: 0,
+                      padding: 0,
+                      fontSize: '10px',
+                      fontWeight: '600',
+                      width: '100%',
+                      textAlign: 'right',
+                    }}
+                  >
+                    Off :
+                    {(
+                      Number(TotalOfferAmount || 0) +
+                      Number(table2Data?.OverallDisc || 0)
+                    ).toFixed(2)}
                   </p>
                 )}
                 <div
                   style={{
                     margin: 0,
                     padding: 0,
-                    fontSize: "10px",
-                    fontWeight: "600",
-                    width: "100%",
-                    textAlign: "right"
+                    fontSize: '10px',
+                    fontWeight: '600',
+                    width: '100%',
+                    textAlign: 'right',
                   }}
                 >
                   Amount :₹
                   {GlobaldummyData
-                    ? "1066"
+                    ? '1066'
                     : Number(table2Data?.NetAmount).toFixed(2)}
                 </div>
               </div>
               {/* Summary */}
               <div className="summary-grid">
-                {GlobaldummyData ? <div className="summary-left">
-                  <InvoiceAmountWords amount={736} />
-                </div> : <div className="summary-left">
-                  <InvoiceAmountWords amount={(table2Data?.NetAmount)} />
-                </div>}
-                {table2Data?.OrderType !== 'E' && <div className="summary-right">
-
-
-                  <div style={{ display: "flex" }}>
-                    <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                      Total Taxable Amount :
-                    </div>
-                    <div>{GlobaldummyData ? 736 : table2Data?.BillAmount}</div>
+                {GlobaldummyData ? (
+                  <div className="summary-left">
+                    <InvoiceAmountWords amount={736} />
                   </div>
-
-                  <div style={{ display: "flex", flexDirection: "column", fontSize: "12px", gap: "8px" }}>
-                    {OrderDetailGST?.map((item, index) => (
-                      <div key={index}>
-                        <div style={{ display: "flex" }}>
-                          <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                            Taxable Amount :
-                          </div>
-                          <div>{Number(item.WithOutTaxAmount).toFixed(2)}</div>
-                        </div>
-
-                        <div style={{ display: "flex" }}>
-                          <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                            CGST ({item.TaxPercentage / 2}%) :
-                          </div>
-                          <div>{Number(item.CGST).toFixed(2)}</div>
-                        </div>
-
-                        <div style={{ display: "flex" }}>
-                          <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                            SGST ({item.TaxPercentage / 2}%) :
-                          </div>
-                          <div>{Number(item.SGST).toFixed(2)}</div>
-                        </div>
-
-                        <div style={{ display: "flex" }}>
-                          <div style={{ width: "180px", textAlign: "right", paddingRight: "8px" }}>
-                            Total (incl GST) :
-                          </div>
-                          <div>{Number(item.TotalAmt).toFixed(2)}</div>
-                        </div>
+                ) : (
+                  <div className="summary-left">
+                    <InvoiceAmountWords amount={table2Data?.NetAmount} />
+                  </div>
+                )}
+                {table2Data?.OrderType !== 'E' && (
+                  <div className="summary-right">
+                    <div style={{ display: 'flex' }}>
+                      <div
+                        style={{
+                          width: '180px',
+                          textAlign: 'right',
+                          paddingRight: '8px',
+                        }}
+                      >
+                        Total Taxable Amount :
                       </div>
-                    ))}
-                  </div>
-                  {/* <div className="summary-item">
+                      <div>
+                        {GlobaldummyData ? 736 : table2Data?.BillAmount}
+                      </div>
+                    </div>
+
+                    <div
+                      style={{
+                        display: 'flex',
+                        flexDirection: 'column',
+                        fontSize: '12px',
+                        gap: '8px',
+                      }}
+                    >
+                      {OrderDetailGST?.map((item, index) => (
+                        <div key={index}>
+                          <div style={{ display: 'flex' }}>
+                            <div
+                              style={{
+                                width: '180px',
+                                textAlign: 'right',
+                                paddingRight: '8px',
+                              }}
+                            >
+                              Taxable Amount :
+                            </div>
+                            <div>
+                              {Number(item.WithOutTaxAmount).toFixed(2)}
+                            </div>
+                          </div>
+
+                          <div style={{ display: 'flex' }}>
+                            <div
+                              style={{
+                                width: '180px',
+                                textAlign: 'right',
+                                paddingRight: '8px',
+                              }}
+                            >
+                              CGST ({item.TaxPercentage / 2}%) :
+                            </div>
+                            <div>{Number(item.CGST).toFixed(2)}</div>
+                          </div>
+
+                          <div style={{ display: 'flex' }}>
+                            <div
+                              style={{
+                                width: '180px',
+                                textAlign: 'right',
+                                paddingRight: '8px',
+                              }}
+                            >
+                              SGST ({item.TaxPercentage / 2}%) :
+                            </div>
+                            <div>{Number(item.SGST).toFixed(2)}</div>
+                          </div>
+
+                          <div style={{ display: 'flex' }}>
+                            <div
+                              style={{
+                                width: '180px',
+                                textAlign: 'right',
+                                paddingRight: '8px',
+                              }}
+                            >
+                              Total (incl GST) :
+                            </div>
+                            <div>{Number(item.TotalAmt).toFixed(2)}</div>
+                          </div>
+                        </div>
+                      ))}
+                    </div>
+                    {/* <div className="summary-item">
                     <span>GST Payable on Reverse Charge</span>
                     <span></span>
                   </div> */}
-                  <hr />
-                  <div className="summary-item-bold">
-                    <span>Total Amount Payable</span>
-                    <span>{Number(GlobaldummyData ? 736 : table2Data?.NetAmount)?.toFixed(2)}</span>
-                  </div>
-                  <div className="total-amount">
-                    {Number(GlobaldummyData ? 736 : table2Data?.NetAmount)?.toFixed(2)}
-                  </div>
-                  {isEditedBill && lastTransaction && (
-                    <div style={{
-                      width: '100%', marginTop: '2px',
-                      paddingTop: '2px', display: 'flex', justifyContent: 'center', alignItems: 'flex-start',
-                      flexDirection: 'column', borderTop: '1px dashed #000'
-                    }}>
+                    <hr />
+                    <div className="summary-item-bold">
+                      <span>Total Amount Payable</span>
+                      <span>
+                        {Number(
+                          GlobaldummyData ? 736 : table2Data?.NetAmount,
+                        )?.toFixed(2)}
+                      </span>
+                    </div>
+                    <div className="total-amount">
+                      {Number(
+                        GlobaldummyData ? 736 : table2Data?.NetAmount,
+                      )?.toFixed(2)}
+                    </div>
+                    {isEditedBill && lastTransaction && (
                       <div
                         style={{
-                          fontSize: '12px',
-                          width: '100%'
+                          width: '100%',
+                          marginTop: '2px',
+                          paddingTop: '2px',
+                          display: 'flex',
+                          justifyContent: 'center',
+                          alignItems: 'flex-start',
+                          flexDirection: 'column',
+                          borderTop: '1px dashed #000',
                         }}
                       >
-                        <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-                          <span style={{ color: '#000', fontWeight: 600, }}>Bill Gross Amount</span>
-                          <strong>{(lastTransaction?.BeforeAdjustment || 0).toFixed(2)}</strong>
-                        </div>
                         <div
                           style={{
-                            display: 'flex',
-                            justifyContent: 'space-between',
-                            fontWeight: 600,
-                            color:
-                              lastTransaction?.AdjustmentType === 'REFUND'
-                                ? '#000'
-                                : '#000',
+                            fontSize: '12px',
+                            width: '100%',
                           }}
                         >
-                          <span>{'Adjustment Amount'}</span>
-                          <span>
-                            {lastTransaction?.AdjustmentType === 'REFUND' ? '-' : '+'}
-                            {(lastTransaction?.Amount || 0).toFixed(2)}
-                          </span>
-                        </div>
-                        <div style={{ display: 'flex', justifyContent: 'space-between', marginTop: '4px' }}>
-                          <span style={{ color: '#000', fontWeight: 600 }}>Net Bill Amount</span>
-                          <strong>{(lastTransaction?.AfterAdjustment || 0).toFixed(2)}</strong>
+                          <div
+                            style={{
+                              display: 'flex',
+                              justifyContent: 'space-between',
+                            }}
+                          >
+                            <span style={{ color: '#000', fontWeight: 600 }}>
+                              Bill Gross Amount
+                            </span>
+                            <strong>
+                              {(lastTransaction?.BeforeAdjustment || 0).toFixed(
+                                2,
+                              )}
+                            </strong>
+                          </div>
+                          <div
+                            style={{
+                              display: 'flex',
+                              justifyContent: 'space-between',
+                              fontWeight: 600,
+                              color:
+                                lastTransaction?.AdjustmentType === 'REFUND'
+                                  ? '#000'
+                                  : '#000',
+                            }}
+                          >
+                            <span>{'Adjustment Amount'}</span>
+                            <span>
+                              {lastTransaction?.AdjustmentType === 'REFUND'
+                                ? '-'
+                                : '+'}
+                              {(lastTransaction?.Amount || 0).toFixed(2)}
+                            </span>
+                          </div>
+                          <div
+                            style={{
+                              display: 'flex',
+                              justifyContent: 'space-between',
+                              marginTop: '4px',
+                            }}
+                          >
+                            <span style={{ color: '#000', fontWeight: 600 }}>
+                              Net Bill Amount
+                            </span>
+                            <strong>
+                              {(lastTransaction?.AfterAdjustment || 0).toFixed(
+                                2,
+                              )}
+                            </strong>
+                          </div>
                         </div>
                       </div>
-                    </div>
-                  )}
-                </div>}
+                    )}
+                  </div>
+                )}
               </div>
 
               {/* Footer */}
               <div className="footer-grid">
                 <div className="footer-left">
-                  {(BankDetails?.length > 0 || GlobaldummyData) && (<>
-                    <h4 className="bank-details-title">Bank Details:</h4>
-                    <div className="bank-details">
-                      <div className="bank-detail-item"><strong>Bank Name:</strong> {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : BankDetails?.[0]?.BankName}</div>
-                      <div className="bank-detail-item"><strong>Account No.:</strong> {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : BankDetails?.[0]?.AccountNo}</div>
-                      <div className="bank-detail-item"><strong>IFSC Code:</strong> {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : BankDetails?.[0]?.IFSCCode}</div>
-                      <div className="bank-detail-item"><strong>Branch Name:</strong> {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : BankDetails?.[0]?.BankBranch}</div>
-                    </div>
-                    <hr />
-                  </>)}
+                  {(BankDetails?.length > 0 || GlobaldummyData) && (
+                    <>
+                      <h4 className="bank-details-title">Bank Details:</h4>
+                      <div className="bank-details">
+                        <div className="bank-detail-item">
+                          <strong>Bank Name:</strong>{' '}
+                          {!estimatePrintHeader && table2Data?.OrderType === 'E'
+                            ? ''
+                            : BankDetails?.[0]?.BankName}
+                        </div>
+                        <div className="bank-detail-item">
+                          <strong>Account No.:</strong>{' '}
+                          {!estimatePrintHeader && table2Data?.OrderType === 'E'
+                            ? ''
+                            : BankDetails?.[0]?.AccountNo}
+                        </div>
+                        <div className="bank-detail-item">
+                          <strong>IFSC Code:</strong>{' '}
+                          {!estimatePrintHeader && table2Data?.OrderType === 'E'
+                            ? ''
+                            : BankDetails?.[0]?.IFSCCode}
+                        </div>
+                        <div className="bank-detail-item">
+                          <strong>Branch Name:</strong>{' '}
+                          {!estimatePrintHeader && table2Data?.OrderType === 'E'
+                            ? ''
+                            : BankDetails?.[0]?.BankBranch}
+                        </div>
+                      </div>
+                      <hr />
+                    </>
+                  )}
                   <div className="terms-title">
-                    {GlobaldummyData ? GlobaltermsAndConditions &&
-                      (<div style={{ margin: "8px 0", padding: "8px", fontFamily: "sans-serif", width: "100%" }}>
-                        <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>
-                          Terms & Conditions
-                        </p>
-                        <ol style={{ fontSize: "12px", paddingLeft: "18px", margin: 0, lineHeight: "1" }}>
-                          <li>Once goods are sold, they are not exchangeable or refundable.</li>
-                          <li>Please check the product before leaving the counter.</li>
-                        </ol>
-                      </div>)
-                      :
-                      (TermsnAdCondition == true && TermsAndConditions?.length > 0) && (<div style={{ margin: "8px 0", fontFamily: "sans-serif", width: "100%", display: "flex", flexDirection: "column", alignItems: "flex-start" }}>
-                        <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>
-                          Terms & Conditions
-                        </p>
-                        <ol style={{ fontSize: "12px", paddingLeft: "18px", margin: 0, lineHeight: "1" }}>
-                          {TermsAndConditions?.map(item => (<li style={{ textAlign: "start" }}>{item?.TermsandConditions}</li>))}
-                          {/* <li>Please check the product before leaving the counter.</li> */}
-                        </ol>
-                      </div>)
-                    }
+                    {GlobaldummyData
+                      ? GlobaltermsAndConditions && (
+                        <div
+                          style={{
+                            margin: '8px 0',
+                            padding: '8px',
+                            fontFamily: 'sans-serif',
+                            width: '100%',
+                          }}
+                        >
+                          <p
+                            style={{
+                              fontSize: '13px',
+                              fontWeight: 'bold',
+                              marginBottom: '6px',
+                            }}
+                          >
+                            Terms & Conditions
+                          </p>
+                          <ol
+                            style={{
+                              fontSize: '12px',
+                              paddingLeft: '18px',
+                              margin: 0,
+                              lineHeight: '1',
+                            }}
+                          >
+                            <li>
+                              Once goods are sold, they are not exchangeable
+                              or refundable.
+                            </li>
+                            <li>
+                              Please check the product before leaving the
+                              counter.
+                            </li>
+                          </ol>
+                        </div>
+                      )
+                      : TermsnAdCondition == true &&
+                      TermsAndConditions?.length > 0 && (
+                        <div
+                          style={{
+                            margin: '8px 0',
+                            fontFamily: 'sans-serif',
+                            width: '100%',
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'flex-start',
+                          }}
+                        >
+                          <p
+                            style={{
+                              fontSize: '13px',
+                              fontWeight: 'bold',
+                              marginBottom: '6px',
+                            }}
+                          >
+                            Terms & Conditions
+                          </p>
+                          <ol
+                            style={{
+                              fontSize: '12px',
+                              paddingLeft: '18px',
+                              margin: 0,
+                              lineHeight: '1',
+                            }}
+                          >
+                            {TermsAndConditions?.map((item) => (
+                              <li style={{ textAlign: 'start' }}>
+                                {item?.TermsandConditions}
+                              </li>
+                            ))}
+                            {/* <li>Please check the product before leaving the counter.</li> */}
+                          </ol>
+                        </div>
+                      )}
                   </div>
                 </div>
-                <div style={{ display: "flex", justifyContent: "flex-end" }} className="footer-right">
+                <div
+                  style={{ display: 'flex', justifyContent: 'flex-end' }}
+                  className="footer-right"
+                >
                   <div className="certification">
-                    <p>Certified that the particulars given above are true and correct.</p>
+                    <p>
+                      Certified that the particulars given above are true and
+                      correct.
+                    </p>
                   </div>
                   <div className="signature-section">
-                    {GlobaldummyData ? <p className="signature-text">Company Name</p>
-                      : <p className="signature-text">  "For" {companyName}</p>}
+                    {GlobaldummyData ? (
+                      <p className="signature-text">Company Name</p>
+                    ) : (
+                      <p className="signature-text"> "For" {companyName}</p>
+                    )}
                     <p className="signature-text">Authorised Signatory</p>
-                    {GlobaldummyData ? GlobalSignature && (<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", paddingBottom: "1rem" }}>
-                      <img style={{ width: "70px", height: "40px" }} src={GlobalSignatureImages ? GlobalSignatureImages : signature} alt="" />
-                    </div>) : Signature == true && (<div style={{ display: "flex", flexDirection: "column", alignItems: "center", marginTop: "1rem", paddingBottom: "1rem" }}>
-                      <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                    </div>)}
+                    {GlobaldummyData
+                      ? GlobalSignature && (
+                        <div
+                          style={{
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'flex-end',
+                            paddingBottom: '1rem',
+                          }}
+                        >
+                          <img
+                            style={{ width: '70px', height: '40px' }}
+                            src={
+                              GlobalSignatureImages
+                                ? GlobalSignatureImages
+                                : signature
+                            }
+                            alt=""
+                          />
+                        </div>
+                      )
+                      : Signature == true && (
+                        <div
+                          style={{
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'center',
+                            marginTop: '1rem',
+                            paddingBottom: '1rem',
+                          }}
+                        >
+                          <img
+                            style={{ width: '100px', height: '60px' }}
+                            src={SignatureImg}
+                            alt=""
+                          />
+                        </div>
+                      )}
                     <p className="signature-text">(Common Seal)</p>
                   </div>
                 </div>
@@ -2190,25 +3608,31 @@ const InvoiceTemplate = ({ index,
 
             {/* Copy Labels */}
             <div className="copy-labels">
-              {GlobaldummyData ? GlobalIsnotes &&
-                (<div>
-                  <p style={{ padding: "0rem 1rem" }}>Notes : 10 days Return policy</p>
+              {GlobaldummyData
+                ? GlobalIsnotes && (
+                  <div>
+                    <p style={{ padding: '0rem 1rem' }}>
+                      Notes : 10 days Return policy
+                    </p>
 
-                  <hr className="PrintA4Style11-print-dottline" />
-                </div>) :
-                Notestext && (<div>
-                  <p style={{ padding: "0rem 1rem", textAlign: "center" }}>{Notestext}</p>
+                    <hr className="PrintA4Style11-print-dottline" />
+                  </div>
+                )
+                : Notestext && (
+                  <div>
+                    <p style={{ padding: '0rem 1rem', textAlign: 'center' }}>
+                      {Notestext}
+                    </p>
 
-                  {/* <hr className="PrintA4Style11-print-dottline" /> */}
-                </div>)
-              }
+                    {/* <hr className="PrintA4Style11-print-dottline" /> */}
+                  </div>
+                )}
             </div>
           </div>
-
-        }
+        )}
       </>
     </>
   );
 };
 
-export default InvoiceTemplate;
\ No newline at end of file
+export default InvoiceTemplate;