diff --git a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.jsx b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.jsx
index 2f03b14..145eb88 100644
--- a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.jsx
+++ b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.jsx
@@ -29,6 +29,7 @@ import {
   GlobalprintLogo,
   GlobalprintCredit,
   GlobalprintTax,
+  GlobalSelectedPrintHeaderColor,
 } from '../../../../Features/ThemeChange/ThemeChange';
 import {
   GlobalUpiIDprint,
@@ -123,6 +124,7 @@ const Printstyle6 = ({
   const paymentTypeUPI = PaymentStatus?.find(
     (ps) => ps.PaymentTypeName === 'UPI'
   );
+   const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
 
   console.log(GlobalDiscount, Discount, 'Discount');
 
@@ -400,7 +402,9 @@ const Printstyle6 = ({
                           />
                         ) : null}
                       </div>
-                      {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
+                      <div style={{ color: SelectedHeaderColor }}>
+                        {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
+                      </div>
                     </div>
 
                     <div style={{ fontSize: 'clamp(0.75rem, 2.5vw, 1rem)' }}>
@@ -3170,7 +3174,9 @@ const Printstyle6 = ({
                     />
                   ) : null}
                 </div>
-                {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
+               <div style={{ color: SelectedHeaderColor }}>
+                  {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
+                </div>
               </div>
 
               <div style={{ fontSize: 'clamp(0.75rem, 2.5vw, 1rem)' }}>
diff --git a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.jsx b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.jsx
index 6ef6187..b47d70c 100644
--- a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.jsx
+++ b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.jsx
@@ -1,1433 +1,4099 @@
 import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import QRcode from '../../../../Images/QRcode.png'
+import QRcode from '../../../../Images/QRcode.png';
 import { extractLastNumberOrderId } from '../../../../Services/Others';
 import {
-    GlobalprintSlNo,
-    GlobalprintItem,
-    GlobalprintMRP,
-    GlobalprintDiscount,
-    GlobalprintQuantity,
-    GlobalprintRate,
-    GlobalprintAmount,
-    GlobalprintHsnCode,
-    GlobalprintQrcodet,
-    GlobalPritdummyData,
-    GloabalFieldDetails,
-    changeReprintDataFound,
-    GlobalprintSignature,
-    GlobalprinttermsAndConditions,
-    GlobalSignatureImage,
-    Globalnotes,
-    GlobalthemeFormat,
-    GlobalBillName,
-    GlobalprintCashierName,
-    GlobalprintLogo,
-    GlobalprintCredit,
-    GlobalprintTax,
+  GlobalprintSlNo,
+  GlobalprintItem,
+  GlobalprintMRP,
+  GlobalprintDiscount,
+  GlobalprintQuantity,
+  GlobalprintRate,
+  GlobalprintAmount,
+  GlobalprintHsnCode,
+  GlobalprintQrcodet,
+  GlobalPritdummyData,
+  GloabalFieldDetails,
+  changeReprintDataFound,
+  GlobalprintSignature,
+  GlobalprinttermsAndConditions,
+  GlobalSignatureImage,
+  Globalnotes,
+  GlobalthemeFormat,
+  GlobalBillName,
+  GlobalprintCashierName,
+  GlobalprintLogo,
+  GlobalprintCredit,
+  GlobalprintTax,
+  GlobalSelectedPrintHeaderColor,
 } from '../../../../Features/ThemeChange/ThemeChange';
-import Logo from '../../../../Images/Logo.jpg'
-import { GlobalUpiIDprint, PreferenceData } from '../../../../Features/BookingScreen/BookingData/BookingData';
-import "../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.scss"
+import Logo from '../../../../Images/Logo.jpg';
+import {
+  GlobalUpiIDprint,
+  PreferenceData,
+} from '../../../../Features/BookingScreen/BookingData/BookingData';
+import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.scss';
 import QRCode from 'react-qr-code';
-import signature from "../../../../Images/signatureimage.jpg"
+import signature from '../../../../Images/signatureimage.jpg';
 import { ApplicationPreferences } from '../../../../Features/BrachLogin/BranchLogin';
 import { isMobile } from 'react-device-detect';
 import { settingDataSelector } from '../../../../Features/PreferenceMaster/PreferenceMaster';
 
-const PrintStyle7 = ({ index, ExtraChargeTotal, Date1, totalQuantityFilter, CashierName, totalQuantity, OrderDetailGST,
-    OrderDetailIGST, OrderDetailVAT, table2Data, PaymentStatus, PrintGreeting, base64Image, PrintLogo, printDatas, isPdf, sportsAppPreference, SalesModePref,
-    MembershipApplied = null
+const PrintStyle7 = ({
+  index,
+  ExtraChargeTotal,
+  Date1,
+  totalQuantityFilter,
+  CashierName,
+  totalQuantity,
+  OrderDetailGST,
+  OrderDetailIGST,
+  OrderDetailVAT,
+  table2Data,
+  PaymentStatus,
+  PrintGreeting,
+  base64Image,
+  PrintLogo,
+  printDatas,
+  isPdf,
+  sportsAppPreference,
+  SalesModePref,
+  MembershipApplied = null,
 }) => {
+  const dispatch = useDispatch();
+  const GlobalUpiID = useSelector(GlobalUpiIDprint);
+  const FieldDetails = useSelector(GloabalFieldDetails);
+  const SLNO = FieldDetails?.['Sl.No'];
+  const Item = FieldDetails?.['Item'];
+  const MRP = FieldDetails?.['MRP'];
+  const Discount = FieldDetails?.['Discount'];
+  const Tax = FieldDetails?.['Tax'];
+  const Quantity = FieldDetails?.['Quantity'];
+  const Rate = FieldDetails?.['Rate'];
+  const Amount = FieldDetails?.['Amount'];
+  const HsnCode = FieldDetails?.['HsnCode'];
+  const Qrcodet = FieldDetails?.['Qrcode'];
+  const CashierNameField = FieldDetails?.['CashierName'];
+  const LogoField = FieldDetails?.['Logo'];
+  const CreditDetails = FieldDetails?.['Credit details'];
+  const WeightasKg = FieldDetails?.['Weight'];
+  const GlobalSlNo = useSelector(GlobalprintSlNo);
+  const GlobalItem = useSelector(GlobalprintItem);
+  const GlobalMRP = useSelector(GlobalprintMRP);
+  const GlobalDiscount = useSelector(GlobalprintDiscount);
+  const GlobalTax = useSelector(GlobalprintTax);
+  const GlobalQuantity = useSelector(GlobalprintQuantity);
+  const GlobalRate = useSelector(GlobalprintRate);
+  const GlobalAmount = useSelector(GlobalprintAmount);
+  const GlobalHsnCode = useSelector(GlobalprintHsnCode);
+  const GlobalQrcodet = useSelector(GlobalprintQrcodet);
+  const GlobaldummyData = useSelector(GlobalPritdummyData);
+  const GlobalSignature = useSelector(GlobalprintSignature);
+  const GlobaltermsAndConditions = useSelector(GlobalprinttermsAndConditions);
+  const GlobalSignatureImages = useSelector(GlobalSignatureImage);
+  const GlobalIsnotes = useSelector(Globalnotes);
+  const GlobalthemeFormatr = useSelector(GlobalthemeFormat);
+  const GlobalBilltext = useSelector(GlobalBillName);
+  const appPreferences = useSelector(ApplicationPreferences);
+  const GlobalCashierName = useSelector(GlobalprintCashierName);
+  const GlobalLogo = useSelector(GlobalprintLogo);
+  const GlobalCredit = useSelector(GlobalprintCredit);
+  const SettingData = useSelector(PreferenceData);
+  const estimatePrintHeader =
+    SettingData?.[0]?.SettingDtlDetails?.find(
+      (setting) =>
+        setting?.SettingIdName?.toLowerCase() === 'estimateprintheader'
+    )?.SettingValue === 'Y';
+  const bookingTypePreference = appPreferences?.find(
+    (preference) => preference?.PreferredCatName === 'Booking Type'
+  )?.PreferenceCatDetails;
+  const dinePreference = bookingTypePreference?.find(
+    (type) =>
+      type?.PreferredSubCatName?.toLowerCase() === 'dine in' &&
+      type?.PreferredStatus === 'Y'
+  );
+  const takeAwayPreference = bookingTypePreference?.find(
+    (type) =>
+      type?.PreferredSubCatName?.toLowerCase() === 'take away' &&
+      type?.PreferredStatus === 'Y'
+  );
+  const paymentTypeUPI = PaymentStatus?.find(
+    (ps) => ps.PaymentTypeName === 'UPI'
+  );
+  console.log(GlobalDiscount, Discount, 'Discount');
+  console.log(printDatas, 'printDatasjk');
+  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'];
+  const PackageDetails = table2Data?.PackageDtl;
+  const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
 
-    const dispatch = useDispatch();
-    const GlobalUpiID = useSelector(GlobalUpiIDprint)
-    const FieldDetails = useSelector(GloabalFieldDetails);
-    const SLNO = FieldDetails?.["Sl.No"];
-    const Item = FieldDetails?.["Item"];
-    const MRP = FieldDetails?.["MRP"];
-    const Discount = FieldDetails?.["Discount"];
-    const Tax = FieldDetails?.["Tax"];
-    const Quantity = FieldDetails?.["Quantity"];
-    const Rate = FieldDetails?.["Rate"];
-    const Amount = FieldDetails?.["Amount"];
-    const HsnCode = FieldDetails?.["HsnCode"];
-    const Qrcodet = FieldDetails?.["Qrcode"];
-    const CashierNameField = FieldDetails?.["CashierName"];
-    const LogoField = FieldDetails?.["Logo"];
-    const CreditDetails = FieldDetails?.["Credit details"];
-    const WeightasKg = FieldDetails?.['Weight'];
-    const GlobalSlNo = useSelector(GlobalprintSlNo);
-    const GlobalItem = useSelector(GlobalprintItem);
-    const GlobalMRP = useSelector(GlobalprintMRP);
-    const GlobalDiscount = useSelector(GlobalprintDiscount);
-    const GlobalTax = useSelector(GlobalprintTax);
-    const GlobalQuantity = useSelector(GlobalprintQuantity);
-    const GlobalRate = useSelector(GlobalprintRate);
-    const GlobalAmount = useSelector(GlobalprintAmount);
-    const GlobalHsnCode = useSelector(GlobalprintHsnCode);
-    const GlobalQrcodet = useSelector(GlobalprintQrcodet);
-    const GlobaldummyData = useSelector(GlobalPritdummyData);
-    const GlobalSignature = useSelector(GlobalprintSignature);
-    const GlobaltermsAndConditions = useSelector(GlobalprinttermsAndConditions);
-    const GlobalSignatureImages = useSelector(GlobalSignatureImage);
-    const GlobalIsnotes = useSelector(Globalnotes);
-    const GlobalthemeFormatr = useSelector(GlobalthemeFormat)
-    const GlobalBilltext = useSelector(GlobalBillName)
-    const appPreferences = useSelector(ApplicationPreferences);
-    const GlobalCashierName = useSelector(GlobalprintCashierName);
-    const GlobalLogo = useSelector(GlobalprintLogo);
-    const GlobalCredit = useSelector(GlobalprintCredit);
-    const SettingData = useSelector(PreferenceData);
-    const estimatePrintHeader = SettingData?.[0]?.SettingDtlDetails?.find(setting => setting?.SettingIdName?.toLowerCase() === 'estimateprintheader')?.SettingValue === 'Y'
-    const bookingTypePreference = appPreferences?.find((preference) => preference?.PreferredCatName === 'Booking Type')?.PreferenceCatDetails
-    const dinePreference = bookingTypePreference?.find((type) => type?.PreferredSubCatName?.toLowerCase() === "dine in" && type?.PreferredStatus === 'Y')
-    const takeAwayPreference = bookingTypePreference?.find((type) => type?.PreferredSubCatName?.toLowerCase() === "take away" && type?.PreferredStatus === 'Y')
-    const paymentTypeUPI = PaymentStatus?.find((ps) => ps.PaymentTypeName === "UPI")
-    console.log(GlobalDiscount, Discount, "Discount");
-    console.log(printDatas, "printDatasjk")
-    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"];
-    const PackageDetails = table2Data?.PackageDtl;
+  let PaymentStatusSuccess = PaymentStatus?.filter(
+    (ps) => ps.PaymentStatus === 'S'
+  );
+  const keysLength = Object.keys(table2Data ?? {}).length;
+  if (keysLength > 0) {
+    dispatch(changeReprintDataFound(true));
+  }
+  const currentDate = new Date();
+  const day = currentDate.getDate().toString().padStart(2, '0');
+  const monthNames = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec',
+  ];
+  const monthIndex = currentDate.getMonth();
+  const year = currentDate.getFullYear().toString().slice(-2);
 
-    let PaymentStatusSuccess = PaymentStatus?.filter(ps => ps.PaymentStatus === "S")
-    const keysLength = Object.keys(table2Data ?? {}).length;
-    if (keysLength > 0) {
-        dispatch(changeReprintDataFound(true));
+  const formattedDate = `${day}-${monthNames[monthIndex]}-${year}`;
+  const TakeawayData = table2Data?.productDetails?.filter(
+    (item) => item.BookingTypeName?.toLowerCase() === 'takeaway'
+  );
+  const DineInData = table2Data?.productDetails?.filter(
+    (item) => item.BookingTypeName?.toLowerCase() === 'dine in'
+  );
+
+  const TakeawayTotal = TakeawayData?.reduce(
+    (accumulator, currentValue) => accumulator + currentValue.TotalAmt,
+    0
+  );
+  const DineInTotal = DineInData?.reduce(
+    (accumulator, currentValue) => accumulator + currentValue.TotalAmt,
+    0
+  );
+  const aggregatedPayments = PaymentStatusSuccess?.reduce(
+    (acc, paymentdata) => {
+      const paymentType = paymentdata?.PaymentTypeName;
+      const amount = Number(paymentdata?.Amount);
+
+      if (acc[paymentType]) {
+        acc[paymentType] += amount;
+      } else {
+        acc[paymentType] = amount;
+      }
+
+      return acc;
+    },
+    {}
+  );
+  const productsData = table2Data?.productDetails || [];
+  const offers = table2Data?.OrderOfferDetails || [];
+
+  let TotalOfferAmount = 0;
+
+  // Calculate SalesWiseOffers total amount
+  offers.forEach((offer) => {
+    if (offer.TableName === 'SalesWiseOffers') {
+      TotalOfferAmount += offer.OfferAmount;
     }
-    const currentDate = new Date();
-    const day = currentDate.getDate().toString().padStart(2, '0');
-    const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-    const monthIndex = currentDate.getMonth();
-    const year = currentDate.getFullYear().toString().slice(-2);
+  });
+  const hasMappedOffer = offers.some((offer) =>
+    ['ItemWiseOffers', 'BundleOffers', 'QuantityWiseOffers'].includes(
+      offer.TableName
+    )
+  );
 
-    const formattedDate = `${day}-${monthNames[monthIndex]}-${year}`;
-    const TakeawayData = table2Data?.productDetails?.filter(item => item.BookingTypeName?.toLowerCase() === "takeaway")
-    const DineInData = table2Data?.productDetails?.filter(item => item.BookingTypeName?.toLowerCase() === "dine in")
-
-    const TakeawayTotal = TakeawayData?.reduce(
-        (accumulator, currentValue) => accumulator + currentValue.TotalAmt,
-        0,
+  if (hasMappedOffer) {
+    const productTotal = productsData?.reduce(
+      (acc, item) =>
+        acc + (item?.Type != 'C' ? item.OfferAmt : item.OfferValue || 0),
+      0
     );
-    const DineInTotal = DineInData?.reduce(
-        (accumulator, currentValue) => accumulator + currentValue.TotalAmt,
-        0,
+    TotalOfferAmount += productTotal;
+  } else {
+    const Combothere = productsData?.filter((item) => item?.Type == 'C');
+    const CombothereTotal = Combothere?.reduce(
+      (acc, item) => acc + (item.OfferValue || 0),
+      0
     );
-    const aggregatedPayments = PaymentStatusSuccess?.reduce((acc, paymentdata) => {
-        const paymentType = paymentdata?.PaymentTypeName;
-        const amount = Number(paymentdata?.Amount);
-
-        if (acc[paymentType]) {
-            acc[paymentType] += amount;
-        } else {
-            acc[paymentType] = amount;
-        }
-
-        return acc;
-    }, {});
-    const productsData = table2Data?.productDetails || [];
-    const offers = table2Data?.OrderOfferDetails || [];
-
-    let TotalOfferAmount = 0;
-
-    // Calculate SalesWiseOffers total amount
-    offers.forEach(offer => {
-        if (offer.TableName === 'SalesWiseOffers') {
-            TotalOfferAmount += offer.OfferAmount;
-        }
-    });
-    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);
-        TotalOfferAmount += productTotal;
-    } else {
-        const Combothere = productsData?.filter(item => item?.Type == "C")
-        const CombothereTotal = Combothere?.reduce((acc, item) => acc + (item.OfferValue || 0), 0);
-        TotalOfferAmount += CombothereTotal;
-    }
-    const products = [
-        { ProdName: 'ITEM 1', Rate: 88.00, SalesQty: 2, MRP: 100, TotalAmt: 176, discount: 0, HSN: '01', Size: 250, UomName: 'g', ProdTaxPercentage: 5 },
-        { ProdName: 'ITEM 2', Rate: 300.00, SalesQty: 1, MRP: 350, TotalAmt: 300, discount: 0, HSN: '02', Size: 250, UomName: 'g', ProdTaxPercentage: 5 },
-        { ProdName: 'ITEM 3', Rate: 200.00, SalesQty: 1, MRP: 250, TotalAmt: 200, discount: 0, HSN: '03', Size: 250, UomName: 'g', ProdTaxPercentage: 0 },
-        { ProdName: 'ITEM 4', Rate: 30.00, SalesQty: 1, MRP: 50, TotalAmt: 30, discount: 0, HSN: '04', Size: 250, UomName: 'g', ProdTaxPercentage: 18 },
-        { ProdName: 'ITEM 5', Rate: 30.00, SalesQty: 1, MRP: 50, TotalAmt: 30, discount: 0, HSN: '05', Size: 250, UomName: 'g', ProdTaxPercentage: 40 },
-        { ProdName: 'ITEM 6', Rate: 130.00, SalesQty: 1, MRP: 150, TotalAmt: 130, discount: 0, HSN: '06', Size: 250, UomName: 'g', ProdTaxPercentage: 0 },
-        { ProdName: 'ITEM 7', Rate: 230.00, SalesQty: 1, MRP: 250, TotalAmt: 230, discount: 0, HSN: '08', Size: 250, UomName: 'g', ProdTaxPercentage: 5 },
-    ];
-
-    const chunkSize = PageSize == "A5" ? 8 : 11;
-    let dataSource = [];
-
-    if (GlobaldummyData || TakeawayData?.length > 0) {
-        dataSource = GlobaldummyData ? products : TakeawayData;
-    } else if (DineInData?.length > 0) {
-        dataSource = DineInData;
-    }
-
-    // Paginate the data
-    const paginatedChunks = [];
-    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 > (PageSize == "A5" ? 5 : 10);
-
-    return (
-        <>
-            {FormatTheme ?
-                <div className="PrintStyle7MasterDiv" id={`PrintStyle7-${index}`} style={{ fontFamily: "'Courier New', Courier, monospace", position: "relative", width: "100%", minHeight: isMobile ? "" : PageSize == "A5" ? '210mm' : '297mm' }}>
-                    {paginatedChunks.map((dataChunk, chunkIndex) => (
-                        <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: isMobile ? "295mm" : FormatTheme ? PageSize == "A5" ? '170mm' : "257mm" : "", }} key={chunkIndex}>
-
-
-                            {/* <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%" }}>
-                                <hr class="star-line" />
-                                {((!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div className="PrintStyle7-print">
-                                    {/* <div style={{ fontSize: '16px', fontWeight: '600' }}> {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}</div> */}
-                                    <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
-                                        {(GlobaldummyData && GlobalLogo) ? <img className='PrintStyle2-BrandImage' src={Logo} alt='image' /> : null}
-                                        {(base64Image && (PrintLogo?.SettingValue === "Y" || LogoField)) ? <img className='PrintStyle2-BrandImage' src={GlobaldummyData ? Logo : base64Image} alt='image' width={100} /> : null}
-                                        <div style={{ fontSize: '16px', fontWeight: '600' }}> {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}</div>
-                                    </div>
-                                    <div style={{ fontSize: '10px', fontWeight: '600' }} >{GlobaldummyData ?
-                                        'BranchAddress, Town- 635XXX City - State' :
-                                        (table2Data?.AddressDetails?.[0]?.Address1 || '') + (table2Data?.AddressDetails?.[0]?.City ? (table2Data?.AddressDetails?.[0]?.Address1 && table2Data?.AddressDetails?.[0]?.City ? '-' : '') + table2Data?.AddressDetails?.[0]?.City : '') + (table2Data?.AddressDetails?.[0]?.Zip ? (table2Data?.AddressDetails?.[0]?.City && table2Data?.AddressDetails?.[0]?.Zip ? '-' : '') + table2Data?.AddressDetails?.[0]?.Zip : '')}
-                                    </div>
-                                    {table2Data?.OrderType === "E" && <div style={{ fontSize: "12px", margin: "2px 0 0 0", textTransform: 'uppercase' }}> Estimate  {SalesModePref?.SettingValue == 'Y' && `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}</div>}
-                                    {table2Data?.OrderType === "E" ? "" : <div style={{ fontSize: "12px", margin: "2px 0 0 0", textTransform: 'uppercase' }}>{GlobaldummyData ? 'Cash' : BillName ? BillName : PaymentStatusSuccess?.length === 1 ? PaymentStatusSuccess?.[0]?.PaymentTypeName : ""} {SalesModePref?.SettingValue == 'Y' && `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}</div>}
-                                </div>)}
-                                {(!estimatePrintHeader && table2Data?.OrderType === "E") && <div style={{ fontSize: "12px", margin: "2px 0 0 0", textAlign: 'center', textTransform: 'uppercase' }}> Estimate  {SalesModePref?.SettingValue == 'Y' && `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}</div>}
-                                <hr className="PrintStyle7-print-dottline" />
-
-                                <div className='PrintStyle7-SecondDivMaster'>
-                                    <div className='PrintStyle7-SecondDiv'>
-                                        <div className='PrintStyle7-SecondDiv-wordings' style={{ fontSize: "10px", fontWeight: "600" }} >Bill No :{GlobaldummyData ? '553' : table2Data?.OrderId && extractLastNumberOrderId(table2Data?.OrderId, table2Data?.FYStatus)}</div>
-                                    </div>
-                                    <div className='PrintStyle7-SecondDiv2'>
-                                        <div className='PrintStyle7-SecondDiv-wordings' style={{ fontSize: "10px", fontWeight: '600' }} >{GlobaldummyData ? formattedDate : Date1}</div>
-                                    </div>
-                                </div>
-
-                                <hr className="PrintStyle7-print-dottline" />
-                            </div>
-
-                            <div style={{ marginTop: GlobaldummyData ? "9rem" : "0rem" }} className="print-body">
-                                <div className="PrintStyle7-print-table" >
-
-                                    {(TakeawayData?.length > 0 || GlobaldummyData) &&
-                                        <>
-                                            {takeAwayPreference && <div style={{ display: 'flex', width: '100%', justifyContent: 'center', alignItems: "center", fontSize: "12px", fontWeight: "600" }}>TakeAway</div>}
-                                            <div className="PrintStyle7-print-tableMaster">
-
-
-                                                <table className="PrintStyle7-print-table">
-                                                    <thead>
-                                                        <tr>
-                                                            {GlobaldummyData ? GlobalSlNo && <th style={{ width: '10px', }}>S</th> : SLNO == true && <th style={{ width: '10px', }}>S</th>}
-                                                            {GlobaldummyData ? GlobalItem && <th>Item</th> : Item == true && <th>Item</th>}
-                                                            {GlobaldummyData ? GlobalHsnCode && <th style={{ width: '10px', }}>HSN</th> : HsnCode == true && <th style={{ width: '10px', }}>HSN</th>}
-                                                            {GlobaldummyData ? GlobalQuantity && <th style={{ width: '10px', }}>Qty</th> : Quantity == true && <th style={{ width: '10px', }}>{ WeightasKg ?'Qty/Kg' :'Qty'}</th>}
-                                                            {GlobaldummyData ? GlobalMRP && <th style={{ width: '10px' }}>MRP</th> : MRP == true && <th style={{ width: '10px' }}>MRP</th>}
-                                                            {GlobaldummyData ? GlobalRate && <th style={{ width: '10px' }}>Rate</th> : Rate == true && <th style={{ width: '10px' }}>Rate</th>}
-                                                            {GlobaldummyData ? GlobalDiscount && <th style={{ width: '10px' }}>Dis </th> : Discount == true && <th style={{ width: '10px' }}>Dis </th>}
-                                                            {GlobaldummyData ? GlobalTax && <th style={{ width: '10px' }}>Tax % </th> : (Tax && table2Data?.OrderType !== 'E') && <th style={{ width: '10px' }}>Tax % </th>}
-                                                            {GlobaldummyData ? GlobalAmount && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th> : Amount == true && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th>}
-                                                        </tr>
-                                                    </thead>
-                                                    <tbody>
-                                                        {dataChunk?.map((item, index) => (
-                                                            <tr key={index} >
-                                                                {GlobaldummyData ? GlobalSlNo && <td style={{ textAlign: 'center' }}>{index + 1}</td> : SLNO == true && <td style={{ textAlign: 'center' }}>{chunkIndex * chunkSize + index + 1}</td>}
-                                                                {GlobaldummyData ? GlobalItem &&
-                                                                    <td>{item?.ProdName}</td> : Item == true && <td style={{ display: 'flex', flexDirection: 'column' }}>
-                                                                        <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>)}
-                                                                    </td>}
-                                                                {GlobaldummyData ? GlobalHsnCode && <td style={{ textAlign: 'center' }}>{item?.HSN}</td> : HsnCode == true && <td style={{ textAlign: 'center' }}>{item?.HSN}</td>}
-                                                                {GlobaldummyData ? GlobalQuantity && <td style={{ textAlign: 'center' }}>{item?.SalesQty}</td> : Quantity == true && <td style={{ textAlign: 'center' }}>{item?.SalesQty}</td>}
-                                                                {GlobaldummyData ? GlobalMRP && <td style={{ textAlign: 'right' }}>{item?.MRP}</td> : MRP == true && <td style={{ textAlign: 'right' }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</td>}
-                                                                {GlobaldummyData ? GlobalRate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td> : Rate == true && <td style={{ textAlign: 'right' }}>{item?.Rate}</td>}
-                                                                {GlobaldummyData ? GlobalDiscount && <td>{item.discount}</td> : Discount == true && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</td>}
-                                                                {GlobaldummyData ? GlobalTax && <td style={{ textAlign: 'center' }}>{item?.ProdTaxPercentage}</td> : (Tax && table2Data?.OrderType !== 'E') && <td style={{ textAlign: 'center' }}>{item?.ProdTaxPercentage || 0}</td>}
-                                                                {GlobaldummyData ? GlobalAmount && <td style={{ textAlign: 'right' }}>{item?.TotalAmt}</td> : Amount == true && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</td>}
-                                                            </tr>
-                                                        ))}
-                                                    </tbody>
-                                                </table>
-                                            </div>
-                                        </>}
-                                    {(DineInData?.length > 0 && dinePreference) &&
-                                        <>
-                                            <div style={{ display: 'flex', width: '100%', justifyContent: 'center', alignItems: "center", fontSize: "12px", fontWeight: "600" }}>Dine In</div>
-
-                                            <div className="PrintStyle7-print-tableMaster">
-                                                <table className="PrintStyle7-print-table">
-                                                    <thead>
-                                                        <tr>
-                                                            {GlobaldummyData ? GlobalSlNo && <th style={{ width: '10px', }}>S.No</th> : SLNO == true && <th style={{ width: '10px', }}>S.NO</th>}
-                                                            {GlobaldummyData ? GlobalItem && <th>Item</th> : Item == true && <th>Item</th>}
-                                                            {GlobaldummyData ? GlobalHsnCode && <th style={{ width: '10px', }}>HSN</th> : HsnCode == true && <th style={{ width: '10px', }}>HSN</th>}
-                                                            {GlobaldummyData ? GlobalQuantity && <th style={{ width: '10px', }}>Qty</th> : Quantity == true && <th style={{ width: '10px', }}>{ WeightasKg ?'Qty/Kg' :'Qty'}</th>}
-                                                            {GlobaldummyData ? GlobalMRP && <th style={{ width: '10px' }}>MRP</th> : MRP == true && <th style={{ width: '10px' }}>MRP</th>}
-                                                            {GlobaldummyData ? GlobalRate && <th style={{ width: '10px' }}>Rate</th> : Rate == true && <th style={{ width: '10px' }}>Rate</th>}
-                                                            {GlobaldummyData ? GlobalDiscount && <th style={{ width: '10px' }}>Dis </th> : Discount == true && <th style={{ width: '10px' }}>Dis </th>}
-                                                            {GlobaldummyData ? GlobalTax && <th style={{ width: '10px' }}>Tax % </th> : (Tax && table2Data?.OrderType !== 'E') && <th style={{ width: '10px' }}>Tax % </th>}
-                                                            {GlobaldummyData ? GlobalAmount && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th> : Amount == true && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th>}
-                                                        </tr>
-                                                    </thead>
-                                                    <tbody>
-                                                        {dataChunk?.map((item, index) => (
-                                                            <tr key={index} >
-                                                                {GlobaldummyData ? GlobalSlNo && <td style={{ textAlign: 'center' }}>{index + 1}</td> : SLNO == true && <td style={{ textAlign: 'center' }}>{chunkIndex * chunkSize + index + 1}</td>}
-                                                                {GlobaldummyData ? GlobalItem &&
-                                                                    <td>{item?.ProdName}</td> : Item == true && <td 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"}){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>);
-                                                                                    }
-                                                                                    ) : ""}</div>
-                                                                    </td>}
-                                                                {GlobaldummyData ? GlobalHsnCode && <td style={{ textAlign: 'center' }}>{item?.HSN}</td> : HsnCode == true && <td style={{ textAlign: 'center' }}>{item?.HSN}</td>}
-                                                                {GlobaldummyData ? GlobalQuantity && <td style={{ textAlign: 'center' }}>{item?.SalesQty}</td> : Quantity == true && <td style={{ textAlign: 'center' }}>{item?.SalesQty}</td>}
-                                                                {GlobaldummyData ? GlobalMRP && <td style={{ textAlign: 'right' }}>{item?.MRP}</td> : MRP == true && <td style={{ textAlign: 'right' }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</td>}
-                                                                {GlobaldummyData ? GlobalRate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td> : Rate == true && <td style={{ textAlign: 'right' }}>{item?.Rate}</td>}
-                                                                {GlobaldummyData ? GlobalDiscount && <td>{item.discount}</td> : Discount == true && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</td>}
-                                                                {GlobaldummyData ? GlobalTax && <td style={{ textAlign: 'center' }}>{item?.ProdTaxPercentage}</td> : (Tax && table2Data?.OrderType !== 'E') && <td style={{ textAlign: 'center' }}>{item?.ProdTaxPercentage || 0}</td>}
-                                                                {GlobaldummyData ? GlobalAmount && <td style={{ textAlign: 'right' }}>{item?.TotalAmt}</td> : Amount == true && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</td>}
-                                                            </tr>
-                                                        ))}
-                                                    </tbody>
-                                                </table>
-                                            </div>
-                                        </>}
-                                </div>
-                            </div>
-
-
-                            {((chunkIndex === paginatedChunks.length - 1) && (!shouldFooterBeOnNewPage)) && FormatTheme &&
-                                <>
-                                    <div className='PrintStyle7-SecondDiv3'>
-                                        <div className='PrintStyle7-SecondDivMaster'>
-                                            <div style={{ fontWeight: "600" }}>Items : {GlobaldummyData ? '8' : totalQuantityFilter?.length}</div>
-                                            <div style={{ fontWeight: "600" }}>Qty : {GlobaldummyData ? '9' : totalQuantity}</div>
-                                            {(table2Data?.OverallDisc > 0 || TotalOfferAmount > 0) && <div style={{ fontWeight: "600" }}>Off : {GlobaldummyData ? '10' : Number(TotalOfferAmount + table2Data?.OverallDisc).toFixed(2)}</div>}
-                                        </div>
-                                        <div style={{ display: 'flex', justifyContent: 'center' }}>
-                                            {(table2Data?.OrderType === "E") ? '' : <div>
-
-                                                {((OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) ||
-                                                    (OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) ||
-                                                    (OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0)) && (table2Data?.NetAmount !== 0) &&
-                                                    <>
-                                                        <hr className="PrintStyle7-print-dottline" />
-
-                                                        <div>
-                                                            <div style={{ margin: 0, padding: 0, textAlign: "center" }}>
-                                                                --------- GST Breakup Details -----------</div>
-                                                            {(OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) &&
-                                                                <table style={{ width: "90%" }}>
-
-                                                                    <tr>
-                                                                        <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                            Taxable Amount
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                            CGST
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                            SGST
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-
-                                                                            Total Amount
-                                                                        </td>
-                                                                    </tr>
-                                                                    {OrderDetailGST?.map((item) =>
-                                                                        <tr>
-                                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                                {item?.TaxPercentage || 0}%
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                {Number(item.CGST).toFixed(2)}
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                {Number(item.SGST).toFixed(2)}
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                                        </tr>
-                                                                    )
-                                                                    }
-                                                                </table>
-                                                            }
-
-                                                            {(OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) &&
-                                                                <>
-                                                                    <div style={{ border: "0.01px dashed black", margin: "10px 0 5px 10px", width: '90%' }}></div>
-                                                                    <table style={{ width: "90%" }}>
-
-                                                                        <tr>
-                                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                Taxable Amount
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                IGST
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                Total Amount
-                                                                            </td>
-                                                                        </tr>
-                                                                        {OrderDetailIGST?.map((item) =>
-                                                                            <tr>
-                                                                                <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                                    {item?.TaxPercentage || 0}%
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.TaxAmt).toFixed(2)}
-                                                                                </td>
-
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                                            </tr>
-                                                                        )
-                                                                        }
-                                                                    </table>
-                                                                </>
-                                                            }
-                                                            {(OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0) &&
-                                                                <>
-                                                                    <div style={{ border: "0.01px dashed black", margin: "10px 0 5px 10px", width: '90%' }}></div>
-                                                                    <table style={{ width: "90%" }}>
-
-                                                                        <tr>
-                                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                Taxable Amount
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                VAT
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                Total Amount
-                                                                            </td>
-                                                                        </tr>
-                                                                        {OrderDetailVAT?.map((item) =>
-                                                                            <tr>
-                                                                                <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                                    {item?.TaxPercentage || 0}%
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.TaxAmt).toFixed(2)}
-                                                                                </td>
-
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                                            </tr>
-                                                                        )
-                                                                        }
-                                                                    </table>
-                                                                </>
-                                                            }
-
-                                                        </div>
-                                                        <hr className="PrintStyle7-print-dottline" />
-
-                                                    </>
-                                                }
-                                            </div>}
-                                        </div>
-                                        {(DineInData?.length > 0 && TakeawayData?.length > 0 && takeAwayPreference) &&
-                                            <div style={{ display: 'flex', justifyContent: 'center', fontSize: '16px', fontWeight: '600' }}>Take Away : ₹{Number(TakeawayTotal).toFixed(2)}</div>
-                                        }
-                                        {(DineInData?.length > 0 && TakeawayData?.length > 0 && dinePreference) &&
-                                            <div style={{ display: 'flex', justifyContent: 'center', fontSize: '16px', fontWeight: '600' }}>Dine In: ₹{Number(DineInTotal).toFixed(2)}</div>
-                                        }
-                                        <div style={{ display: 'flex', justifyContent: 'center', fontSize: '16px', fontWeight: '600' }}>Amount : ₹{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                    </div>
-
-                                    <hr className="PrintStyle7-print-dottline" />
-                                    <div style={{ display: "flex", justifyContent: "space-evenly", marginTop: '5px' }}>
-                                        <div style={{ marginTop: '5px', padding: 0, fontSize: "12px", fontWeight: "600" }}>{PaymentStatusSuccess?.length === 1 ? PaymentStatusSuccess?.[0]?.PaymentTypeName : "Split"} &nbsp;Payment : &nbsp;{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}/- </div>
-                                    </div>
-                                    {PaymentStatusSuccess?.length > 1 &&
-                                        <>
-                                            {/* <p>Split Payment:</p> */}
-                                            {Object.keys(aggregatedPayments).map((paymentType) => (
-                                                <div key={paymentType} style={{ margin: 0, padding: 0, fontSize: "12px" }}>
-                                                    {paymentType}: {aggregatedPayments[paymentType].toFixed(2)}
-                                                </div>
-                                            ))}
-                                        </>
-                                    }
-
-                                    {GlobaldummyData ? (
-                                        GlobalCredit && (
-                                            <div style={{ textAlign: "center", fontSize: "17px", fontWeight: "600", lineHeight: "14px" }}>
-                                                <h6>Advance Amount:</h6>
-                                                <h6>Opening Balance:</h6>
-                                            </div>
-                                        )
-                                    ) : (
-                                        CreditDetails &&
-                                        table2Data?.CustomerDetails?.length > 0 && (
-                                            <div style={{ textAlign: "center", fontSize: "12px", fontWeight: "600", lineHeight: "12px" }}>
-
-                                                {/* OLD CREDIT BAL */}
-                                                {PaymentStatusSuccess?.[0]?.PaymentTypeName === "Credit" && (
-                                                    <>
-                                                        {table2Data.CustomerDetails[0].OldCreditBal > 0 ? (
-                                                            <p>Advance Amount:{table2Data.CustomerDetails[0].OldCreditBal}</p>
-                                                        ) : table2Data.CustomerDetails[0].OldCreditBal < 0 ? (
-                                                            <p> Opening Balance: {Math.abs(table2Data.CustomerDetails[0].OldCreditBal)}</p>
-                                                        ) : null}
-                                                    </>
-                                                )}
-
-                                                {/* CURRENT CREDIT BAL */}
-                                                {table2Data.CustomerDetails[0].CurrentCreditBal > 0 ? (
-                                                    <p> Current Advance Amount: {table2Data.CustomerDetails[0].CurrentCreditBal}</p>
-                                                ) : table2Data.CustomerDetails[0].CurrentCreditBal < 0 ? (
-                                                    <p> Current Balance Amount: {Math.abs(table2Data.CustomerDetails[0].CurrentCreditBal)}</p>
-                                                ) : null}
-                                            </div>
-                                        )
-                                    )}
-                                    {(GlobaldummyData && GlobalCashierName) &&
-                                        <div>
-                                            <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>Cashier : Cashier Name</div>
-                                        </div>
-
-                                    }
-                                    {CashierName && CashierName !== undefined && CashierName !== null && !GlobaldummyData && CashierNameField &&
-                                        <div>
-                                            <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>Cashier : {CashierName}</div>
-                                        </div>
-                                    }
-                                    {GlobaldummyData &&
-                                        <div>
-                                            <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>Customer : Customer Name</div>
-                                        </div>
-
-                                    }
-                                    {table2Data?.CustSuppName && table2Data?.CustSuppName !== undefined && table2Data?.CustSuppName !== null && !GlobaldummyData &&
-                                        <div>
-                                            <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>Customer : {table2Data?.CustSuppName}</div>
-                                        </div>
-                                    }
-
-
-                                    {table2Data?.BookingTypeName == 'Dine In' && (table2Data?.SalesTableLinkDetails?.[0]?.WaiterName) &&
-                                        <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>
-                                            Captain : {table2Data?.SalesTableLinkDetails?.[0]?.WaiterName}
-                                        </div>}
-                                    {(sportsAppPreference && MembershipApplied) && <div style={{ fontWeight: 'bold', width: '100%', textAlign: 'center', paddingTop: '10px' }}>{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>}
-
-                                    {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div>
-                                        {GlobaldummyData ? GlobalQrcodet &&
-                                            <div className='PrintStyle7-QRDiv'>
-                                                <img className='PrintStyle11-QRcode' src={QRcode} alt='QRcode' />
-                                                <div style={{ fontSize: "10px" }} >Scan to Pay </div>
-                                                <div style={{ fontSize: "10px" }}>₹{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                            </div>
-                                            : (Qrcodet && paymentTypeUPI) &&
-                                            <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }} >
-                                                <QRCode value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`} size={80} />
-                                                <div style={{ fontSize: "10px" }} >Scan to Pay </div>
-                                                <div style={{ fontSize: "10px" }}>₹{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                            </div>}
-                                    </div>}
-
-                                    <div className="page-footerA4Style11"
-                                        style={{
-                                            marginTop: "auto",
-                                            pageBreakBefore: "avoid",
-                                            pageBreakInside: "avoid",
-                                            minHeight: "auto",
-                                        }}
-                                    >
-                                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div>
-                                            {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" }}>{Notestext}</p>
-
-                                                    <hr className="PrintA4Style11-print-dottline" />
-                                                </div>)
-                                            }
-                                        </div>}
-
-
-                                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
-                                            {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 ? GlobalSignature && (<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", paddingBottom: "1rem" }}>
-                                                <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                                <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" }}>
-                                                <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                                <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                                            </div>)}
-
-                                        </div>}
-                                    </div>
-
-
-
-                                    {PrintGreeting?.SettingValue === "Y" &&
-                                        <>
-                                            <div style={{ display: 'flex', justifyContent: 'center', margin: '0.5rem 0rem', fontWeight: "600" }}>Thank You Visit Again</div>
-                                            <hr class="star-line" />
-                                        </>
-                                    }
-                                </>
-                            }
-                        </div>
-                    ))}
-
-                    {shouldFooterBeOnNewPage && FormatTheme &&
-                        <div
-                            className="print-page"
-                            style={{
-                                display: "flex",
-                                flexDirection: "column",
-                                minHeight: PageSize == "A5" ? "200mm" : "260mm",
-                                justifyContent: "flex-end",
-                                pageBreakBefore: "always",
-                            }}
-                        >
-                            <div className="page-footerA4Style11"
-                                style={{
-                                    marginTop: "auto",
-                                    pageBreakBefore: "avoid",
-                                    pageBreakInside: "avoid",
-                                    minHeight: "auto",
-                                }}
-                            >
-                                <>
-                                    <div className='PrintStyle7-SecondDiv3'>
-                                        <div className='PrintStyle7-SecondDivMaster'>
-                                            <div style={{ fontWeight: "600" }}>Items : {GlobaldummyData ? '8' : totalQuantityFilter?.length}</div>
-                                            <div style={{ fontWeight: "600" }}>Qty : {GlobaldummyData ? '9' : totalQuantity}</div>
-                                            {(table2Data?.OverallDisc > 0 || TotalOfferAmount > 0) && <div style={{ fontWeight: "600" }}>Off : {GlobaldummyData ? '10' : Number(TotalOfferAmount + table2Data?.OverallDisc).toFixed(2)}</div>}
-                                        </div>
-                                        <div style={{ display: 'flex', justifyContent: 'center' }}>
-                                            {(table2Data?.OrderType === "E") ? '' : <div>
-
-                                                {((OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) ||
-                                                    (OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) ||
-                                                    (OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0)) && (table2Data?.NetAmount !== 0) &&
-                                                    <>
-                                                        <hr className="PrintStyle7-print-dottline" />
-
-                                                        <div>
-                                                            <div style={{ margin: 0, padding: 0, textAlign: "center" }}>
-                                                                --------- GST Breakup Details -----------</div>
-                                                            {(OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) &&
-                                                                <table style={{ width: "90%" }}>
-
-                                                                    <tr>
-                                                                        <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                            Taxable Amount
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                            CGST
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                            SGST
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-
-                                                                            Total Amount
-                                                                        </td>
-                                                                    </tr>
-                                                                    {OrderDetailGST?.map((item) =>
-                                                                        <tr>
-                                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                                {item?.TaxPercentage || 0}%
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                {Number(item.CGST).toFixed(2)}
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                {Number(item.SGST).toFixed(2)}
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                                        </tr>
-                                                                    )
-                                                                    }
-                                                                </table>
-                                                            }
-
-                                                            {(OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) &&
-                                                                <>
-                                                                    <div style={{ border: "0.01px dashed black", margin: "10px 0 5px 10px", width: '90%' }}></div>
-                                                                    <table style={{ width: "90%" }}>
-
-                                                                        <tr>
-                                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                Taxable Amount
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                IGST
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                Total Amount
-                                                                            </td>
-                                                                        </tr>
-                                                                        {OrderDetailIGST?.map((item) =>
-                                                                            <tr>
-                                                                                <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                                    {item?.TaxPercentage || 0}%
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.TaxAmt).toFixed(2)}
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                                            </tr>
-                                                                        )
-                                                                        }
-                                                                    </table>
-                                                                </>
-                                                            }
-                                                            {(OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0) &&
-                                                                <>
-                                                                    <div style={{ border: "0.01px dashed black", margin: "10px 0 5px 10px", width: '90%' }}></div>
-                                                                    <table style={{ width: "90%" }}>
-
-                                                                        <tr>
-                                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                Taxable Amount
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                VAT
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                Total Amount
-                                                                            </td>
-                                                                        </tr>
-                                                                        {OrderDetailVAT?.map((item) =>
-                                                                            <tr>
-                                                                                <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                                    {item?.TaxPercentage || 0}%
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.TaxAmt).toFixed(2)}
-                                                                                </td>
-
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                                            </tr>
-                                                                        )
-                                                                        }
-                                                                    </table>
-                                                                </>
-                                                            }
-
-                                                        </div>
-                                                        <hr className="PrintStyle7-print-dottline" />
-
-                                                    </>
-                                                }
-                                            </div>}
-                                        </div>
-                                        {(DineInData?.length > 0 && TakeawayData?.length > 0 && takeAwayPreference) &&
-                                            <div style={{ display: 'flex', justifyContent: 'center', fontSize: '16px', fontWeight: '600' }}>Take Away : ₹{Number(TakeawayTotal).toFixed(2)}</div>
-                                        }
-                                        {(DineInData?.length > 0 && TakeawayData?.length > 0 && dinePreference) &&
-                                            <div style={{ display: 'flex', justifyContent: 'center', fontSize: '16px', fontWeight: '600' }}>Dine In: ₹{Number(DineInTotal).toFixed(2)}</div>
-                                        }
-                                        <div style={{ display: 'flex', justifyContent: 'center', fontSize: '16px', fontWeight: '600' }}>Amount : ₹{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                    </div>
-
-                                    <hr className="PrintStyle7-print-dottline" />
-                                    <div style={{ display: "flex", justifyContent: "space-evenly", marginTop: '5px' }}>
-                                        <div style={{ marginTop: '5px', padding: 0, fontSize: "12px", fontWeight: "600" }}>{PaymentStatusSuccess?.length === 1 ? PaymentStatusSuccess?.[0]?.PaymentTypeName : "Split"} &nbsp;Payment : &nbsp;{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}/- </div>
-                                    </div>
-                                    {PaymentStatusSuccess?.length > 1 &&
-                                        <>
-                                            {/* <p>Split Payment:</p> */}
-                                            {Object.keys(aggregatedPayments).map((paymentType) => (
-                                                <div key={paymentType} style={{ margin: 0, padding: 0, fontSize: "12px" }}>
-                                                    {paymentType}: {aggregatedPayments[paymentType].toFixed(2)}
-                                                </div>
-                                            ))}
-                                        </>
-                                    }
-
-                                    {GlobaldummyData ? (
-                                        GlobalCredit && (
-                                            <div style={{ textAlign: "center", fontSize: "17px", fontWeight: "600", lineHeight: "14px" }}>
-                                                <h6>Advance Amount:</h6>
-                                                <h6>Opening Balance:</h6>
-                                            </div>
-                                        )
-                                    ) : (
-                                        CreditDetails &&
-                                        table2Data?.CustomerDetails?.length > 0 && (
-                                            <div style={{ textAlign: "center", fontSize: "12px", fontWeight: "600", lineHeight: "12px" }}>
-
-                                                {/* OLD CREDIT BAL */}
-                                                {PaymentStatusSuccess?.[0]?.PaymentTypeName === "Credit" && (
-                                                    <>
-                                                        {table2Data.CustomerDetails[0].OldCreditBal > 0 ? (
-                                                            <p>Advance Amount:{table2Data.CustomerDetails[0].OldCreditBal}</p>
-                                                        ) : table2Data.CustomerDetails[0].OldCreditBal < 0 ? (
-                                                            <p> Opening Balance: {Math.abs(table2Data.CustomerDetails[0].OldCreditBal)}</p>
-                                                        ) : null}
-                                                    </>
-                                                )}
-
-                                                {/* CURRENT CREDIT BAL */}
-                                                {table2Data.CustomerDetails[0].CurrentCreditBal > 0 ? (
-                                                    <p> Current Advance Amount: {table2Data.CustomerDetails[0].CurrentCreditBal}</p>
-                                                ) : table2Data.CustomerDetails[0].CurrentCreditBal < 0 ? (
-                                                    <p> Current Balance Amount: {Math.abs(table2Data.CustomerDetails[0].CurrentCreditBal)}</p>
-                                                ) : null}
-                                            </div>
-                                        )
-                                    )}
-                                    {(GlobaldummyData && GlobalCashierName) &&
-                                        <div>
-                                            <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>Cashier : Cashier Name</div>
-                                        </div>
-
-                                    }
-                                    {CashierName && CashierName !== undefined && CashierName !== null && !GlobaldummyData && CashierNameField &&
-                                        <div>
-                                            <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>Cashier : {CashierName}</div>
-                                        </div>
-                                    }
-                                    {GlobaldummyData &&
-                                        <div>
-                                            <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>Customer : Customer Name</div>
-                                        </div>
-
-                                    }
-                                    {table2Data?.CustSuppName && table2Data?.CustSuppName !== undefined && table2Data?.CustSuppName !== null && !GlobaldummyData &&
-                                        <div>
-                                            <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>Customer : {table2Data?.CustSuppName}</div>
-                                        </div>
-                                    }
-
-
-                                    {table2Data?.BookingTypeName == 'Dine In' && (table2Data?.SalesTableLinkDetails?.[0]?.WaiterName) &&
-                                        <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>
-                                            Captain : {table2Data?.SalesTableLinkDetails?.[0]?.WaiterName}
-                                        </div>}
-                                    {(sportsAppPreference && MembershipApplied) && <div style={{ fontWeight: 'bold', width: '100%', textAlign: 'center', paddingTop: '10px' }}>{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>}
-
-                                    {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div>
-                                        {GlobaldummyData ? GlobalQrcodet &&
-                                            <div className='PrintStyle7-QRDiv'>
-                                                <img className='PrintStyle11-QRcode' src={QRcode} alt='QRcode' />
-                                                <div style={{ fontSize: "10px" }} >Scan to Pay </div>
-                                                <div style={{ fontSize: "10px" }}>₹{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                            </div>
-                                            : (Qrcodet && paymentTypeUPI) &&
-                                            <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }} >
-                                                <QRCode value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`} size={80} />
-                                                <div style={{ fontSize: "10px" }} >Scan to Pay </div>
-                                                <div style={{ fontSize: "10px" }}>₹{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                            </div>}
-                                    </div>}
-
-                                    <div className="page-footerA4Style11"
-                                        style={{
-                                            marginTop: "auto",
-                                            pageBreakBefore: "avoid",
-                                            pageBreakInside: "avoid",
-                                            minHeight: "auto",
-                                        }}
-                                    >
-                                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div>
-                                            {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" }}>{Notestext}</p>
-
-                                                    <hr className="PrintA4Style11-print-dottline" />
-                                                </div>)
-                                            }
-                                        </div>}
-
-
-                                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
-                                            {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 ? GlobalSignature && (<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", paddingBottom: "1rem" }}>
-                                                <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                                <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" }}>
-                                                <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                                <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                                            </div>)}
-
-                                        </div>}
-                                    </div>
-
-
-
-                                    {PrintGreeting?.SettingValue === "Y" &&
-                                        <>
-                                            <div style={{ display: 'flex', justifyContent: 'center', margin: '0.5rem 0rem', fontWeight: "600" }}>Thank You Visit Again</div>
-                                            <hr class="star-line" />
-                                        </>
-                                    }
-                                </>
-                            </div>
-                        </div>
-                    }
-                </div>
-
-
-                :
-                <div className="PrintStyle7MasterDiv" id={`PrintStyle7-${index}`} style={{ fontFamily: "'Courier New', Courier, monospace" }}>
-                    <hr class="star-line" />
-                    {((!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div className="PrintStyle7-print">
-                        <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
-                            {(GlobaldummyData && GlobalLogo) ? <img className='PrintStyle2-BrandImage' src={Logo} alt='image' /> : null}
-                            {(base64Image && (PrintLogo?.SettingValue === "Y" || LogoField)) ? <img className='PrintStyle2-BrandImage' src={GlobaldummyData ? Logo : base64Image} alt='image' width={100} /> : null}
-                            <div style={{ fontSize: '16px', fontWeight: '600' }}> {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}</div>
-                        </div>
-
-                        <div style={{ fontSize: '10px', fontWeight: '600' }} >{GlobaldummyData ?
-                            'BranchAddress, Town- 635XXX City - State' :
-                            (table2Data?.AddressDetails?.[0]?.Address1 || '') + (table2Data?.AddressDetails?.[0]?.City ? (table2Data?.AddressDetails?.[0]?.Address1 && table2Data?.AddressDetails?.[0]?.City ? '-' : '') + table2Data?.AddressDetails?.[0]?.City : '') + (table2Data?.AddressDetails?.[0]?.Zip ? (table2Data?.AddressDetails?.[0]?.City && table2Data?.AddressDetails?.[0]?.Zip ? '-' : '') + table2Data?.AddressDetails?.[0]?.Zip : '')}
-                        </div>
-                        {table2Data?.OrderType === "E" && <div style={{ fontSize: "12px", margin: "2px 0 0 0", textTransform: 'uppercase' }}> Estimate {SalesModePref?.SettingValue == 'Y' && `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}</div>}
-                        {table2Data?.OrderType === "E" ? "" : <div style={{ fontSize: "12px", margin: "2px 0 0 0", textTransform: 'uppercase' }}>{GlobaldummyData ? GlobalBilltext ? GlobalBilltext : "Cash" + ' Bill' : BillName ? BillName : PaymentStatusSuccess?.length === 1 ? PaymentStatusSuccess?.[0]?.PaymentTypeName + ' Bill' : ""} {SalesModePref?.SettingValue == 'Y' && `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}</div>}
-                    </div>)}
-                    {(!estimatePrintHeader && table2Data?.OrderType === "E") && <div style={{ fontSize: "12px", margin: "2px 0 0 0", textAlign: 'center', textTransform: 'uppercase' }}> Estimate  {SalesModePref?.SettingValue == 'Y' && `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}</div>}
-                    <hr className="PrintStyle7-print-dottline" />
-
-                    <div className='PrintStyle7-SecondDivMaster'>
-                        <div className='PrintStyle7-SecondDiv'>
-                            <div className='PrintStyle7-SecondDiv-wordings' style={{ fontSize: "10px", fontWeight: "600" }} >Bill No :{GlobaldummyData ? '553' : table2Data?.OrderId && extractLastNumberOrderId(table2Data?.OrderId, table2Data?.FYStatus)}</div>
-                        </div>
-                        <div className='PrintStyle7-SecondDiv2'>
-                            <div className='PrintStyle7-SecondDiv-wordings' style={{ fontSize: "10px", fontWeight: '600' }} >{GlobaldummyData ? formattedDate : Date1}</div>
-                        </div>
-                    </div>
-
-                    <hr className="PrintStyle7-print-dottline" />
-
-                    <div className="PrintStyle7-print-table" >
-
-
-
-                        {(TakeawayData?.length > 0 || GlobaldummyData) &&
-                            <>
-                                {takeAwayPreference && <div style={{ display: 'flex', width: '100%', justifyContent: 'center', alignItems: "center", fontSize: "12px", fontWeight: "600" }}>TakeAway</div>}
-                                <div className="PrintStyle7-print-tableMaster">
-
-
-                                    <table style={{ width: "100%" }} className="PrintStyle7-print-table">
-                                        <thead>
-                                            <tr>
-                                                {GlobaldummyData ? GlobalSlNo && <th style={{ width: '10%', }}>S.No</th> : SLNO == true && <th style={{ width: '10px', }}>S.No</th>}
-                                                {GlobaldummyData ? GlobalItem && <th style={{ width: "30%", textAlign: "left" }}>Item</th> : Item == true && <th>Item</th>}
-                                                {GlobaldummyData ? GlobalHsnCode && <th style={{}}>HSN</th> : HsnCode == true && <th style={{ width: '10px', }}>HSN</th>}
-                                                {GlobaldummyData ? GlobalQuantity && <th style={{}}>Qty</th> : Quantity == true && <th style={{ width: '10px', }}>{ WeightasKg ?'Qty/Kg' :'Qty'}</th>}
-                                                {GlobaldummyData ? GlobalMRP && <th style={{}}>MRP</th> : MRP == true && <th style={{ width: '10px' }}>MRP</th>}
-                                                {GlobaldummyData ? GlobalRate && <th style={{}}>Rate</th> : Rate == true && <th style={{ width: '10px' }}>Rate</th>}
-                                                {GlobaldummyData ? GlobalDiscount && <th style={{}}>Dis </th> : Discount == true && <th style={{ width: '10px' }}>Dis </th>}
-                                                {GlobaldummyData ? GlobalTax && <th style={{ width: '10px' }}>Tax % </th> : (Tax && table2Data?.OrderType !== 'E') && <th style={{ width: '10px' }}>Tax % </th>}
-                                                {GlobaldummyData ? GlobalAmount && <th style={{ textAlign: 'right' }}>Amt</th> : Amount == true && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th>}
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            {(GlobaldummyData ? products : TakeawayData)?.map((item, index) => (
-                                                <tr key={index} >
-                                                    {GlobaldummyData ? GlobalSlNo && <td style={{ textAlign: 'center' }}>{index + 1}</td> : SLNO == true && <td style={{ textAlign: 'center' }}>{index + 1}</td>}
-                                                    {GlobaldummyData ? GlobalItem &&
-                                                        <td>{item?.ProdName}</td> : Item == true && <td style={{ display: 'flex', flexDirection: 'column' }}>
-                                                            <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>)}
-                                                        </td>}
-                                                    {GlobaldummyData ? GlobalHsnCode && <td style={{ textAlign: 'center' }}>{item?.HSN}</td> : HsnCode == true && <td style={{ textAlign: 'center' }}>{item?.HSN}</td>}
-                                                    {GlobaldummyData ? GlobalQuantity && <td style={{ textAlign: 'center' }}>{item?.SalesQty}</td> : Quantity == true && <td style={{ textAlign: 'center' }}>{item?.SalesQty}</td>}
-                                                    {GlobaldummyData ? GlobalMRP && <td style={{ textAlign: 'right' }}>{item?.MRP}</td> : MRP == true && <td style={{ textAlign: 'right' }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</td>}
-                                                    {GlobaldummyData ? GlobalRate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td> : Rate == true && <td style={{ textAlign: 'right' }}>{item?.Rate}</td>}
-                                                    {GlobaldummyData ? GlobalDiscount && <td>{item.discount}</td> : Discount == true && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</td>}
-                                                    {GlobaldummyData ? GlobalTax && <td style={{ textAlign: 'center' }}>{item?.ProdTaxPercentage}</td> : (Tax && table2Data?.OrderType !== 'E') && <td style={{ textAlign: 'center' }}>{item?.ProdTaxPercentage || 0}</td>}
-                                                    {GlobaldummyData ? GlobalAmount && <td style={{ textAlign: 'right' }}>{item?.TotalAmt}</td> : Amount == true && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</td>}
-                                                </tr>
-                                            ))}
-                                        </tbody>
-                                    </table>
-                                </div>
-                            </>}
-                        {(DineInData?.length > 0 && dinePreference) &&
-                            <>
-                                <div style={{ display: 'flex', width: '100%', justifyContent: 'center', alignItems: "center", fontSize: "12px", fontWeight: "600" }}>Dine In</div>
-
-                                <div className="PrintStyle7-print-tableMaster">
-                                    <table className="PrintStyle7-print-table">
-                                        <thead>
-                                            <tr>
-                                                {GlobaldummyData ? GlobalSlNo && <th style={{ width: '10px', }}>S</th> : SLNO == true && <th style={{ width: '10px', }}>S</th>}
-                                                {GlobaldummyData ? GlobalItem && <th>Item</th> : Item == true && <th>Item</th>}
-                                                {GlobaldummyData ? GlobalHsnCode && <th style={{ width: '10px', }}>HSN</th> : HsnCode == true && <th style={{ width: '10px', }}>HSN</th>}
-                                                {GlobaldummyData ? GlobalQuantity && <th style={{ width: '10px', }}>Qty</th> : Quantity == true && <th style={{ width: '10px', }}>{ WeightasKg ?'Qty/Kg' :'Qty'}</th>}
-                                                {GlobaldummyData ? GlobalMRP && <th style={{ width: '10px' }}>MRP</th> : MRP == true && <th style={{ width: '10px' }}>MRP</th>}
-                                                {GlobaldummyData ? GlobalRate && <th style={{ width: '10px' }}>Rate</th> : Rate == true && <th style={{ width: '10px' }}>Rate</th>}
-                                                {GlobaldummyData ? GlobalDiscount && <th style={{ width: '10px' }}>Dis </th> : Discount == true && <th style={{ width: '10px' }}>Dis </th>}
-                                                {GlobaldummyData ? GlobalTax && <th style={{ width: '10px' }}>Tax % </th> : (Tax && table2Data?.OrderType !== 'E') && <th style={{ width: '10px' }}>Tax % </th>}
-                                                {GlobaldummyData ? GlobalAmount && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th> : Amount == true && <th style={{ width: '10px', textAlign: 'right' }}>Amt</th>}
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            {(GlobaldummyData ? products : DineInData)?.map((item, index) => (
-                                                <tr key={index} >
-                                                    {GlobaldummyData ? GlobalSlNo && <td style={{ textAlign: 'center' }}>{index + 1}</td> : SLNO == true && <td style={{ textAlign: 'center' }}>{index + 1}</td>}
-                                                    {GlobaldummyData ? GlobalItem &&
-                                                        <td>{item?.ProdName}</td> : Item == true && <td 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"}){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>);
-                                                                        }
-                                                                        ) : ""}</div>
-                                                        </td>}
-                                                    {GlobaldummyData ? GlobalHsnCode && <td style={{ textAlign: 'center' }}>{item?.HSN}</td> : HsnCode == true && <td style={{ textAlign: 'center' }}>{item?.HSN}</td>}
-                                                    {GlobaldummyData ? GlobalQuantity && <td style={{ textAlign: 'center' }}>{item?.SalesQty}</td> : Quantity == true && <td style={{ textAlign: 'center' }}>{item?.SalesQty}</td>}
-                                                    {GlobaldummyData ? GlobalMRP && <td style={{ textAlign: 'right' }}>{item?.MRP}</td> : MRP == true && <td style={{ textAlign: 'right' }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</td>}
-                                                    {GlobaldummyData ? GlobalRate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td> : Rate == true && <td style={{ textAlign: 'right' }}>{item?.Rate}</td>}
-                                                    {GlobaldummyData ? GlobalDiscount && <td>{item.discount}</td> : Discount == true && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</td>}
-                                                    {GlobaldummyData ? GlobalTax && <td style={{ textAlign: 'center' }}>{item?.ProdTaxPercentage}</td> : (Tax && table2Data?.OrderType !== 'E') && <td style={{ textAlign: 'center' }}>{item?.ProdTaxPercentage || 0}</td>}
-                                                    {GlobaldummyData ? GlobalAmount && <td style={{ textAlign: 'right' }}>{item?.TotalAmt}</td> : Amount == true && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</td>}
-                                                </tr>
-                                            ))}
-                                        </tbody>
-                                    </table>
-                                </div>
-                            </>}
-                    </div>
-
-                    <div className='PrintStyle7-SecondDiv3'>
-                        <div className='PrintStyle7-SecondDivMaster'>
-                            <div style={{ fontWeight: "600" }}>Items : {GlobaldummyData ? '8' : totalQuantityFilter?.length}</div>
-                            <div style={{ fontWeight: "600" }}>Qty : {GlobaldummyData ? '9' : totalQuantity}</div>
-                            {(table2Data?.OverallDisc > 0 || TotalOfferAmount > 0) && <div style={{ fontWeight: "600" }}>Off : {GlobaldummyData ? '10' : Number(TotalOfferAmount + table2Data?.OverallDisc).toFixed(2)}</div>}
-                        </div>
-                        <div style={{ display: 'flex', justifyContent: 'center' }}>
-                            {(table2Data?.OrderType === "E") ? '' : <div>
-
-                                {((OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) ||
-                                    (OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) ||
-                                    (OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0)) && (table2Data?.NetAmount !== 0) &&
-                                    <>
-                                        <hr className="PrintStyle7-print-dottline" />
-
-                                        <div>
-                                            <div style={{ margin: 0, padding: 0, textAlign: "center" }}>
-                                                --------- GST Breakup Details -----------</div>
-                                            {(OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) &&
-                                                <table style={{ width: "90%" }}>
-
-                                                    <tr>
-                                                        <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                        </td>
-                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                            Taxable Amount
-                                                        </td>
-                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                            CGST
-                                                        </td>
-                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                            SGST
-                                                        </td>
-                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-
-                                                            Total Amount
-                                                        </td>
-                                                    </tr>
-                                                    {OrderDetailGST?.map((item) =>
-                                                        <tr>
-                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                {item?.TaxPercentage || 0}%
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                {Number(item.CGST).toFixed(2)}
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                {Number(item.SGST).toFixed(2)}
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                        </tr>
-                                                    )
-                                                    }
-                                                </table>
-                                            }
-
-                                            {(OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) &&
-                                                <>
-                                                    <div style={{ border: "0.01px dashed black", margin: "10px 0 5px 10px", width: '90%' }}></div>
-                                                    <table style={{ width: "90%" }}>
-
-                                                        <tr>
-                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                Taxable Amount
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                IGST
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                Total Amount
-                                                            </td>
-                                                        </tr>
-                                                        {OrderDetailIGST?.map((item) =>
-                                                            <tr>
-                                                                <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                    {item?.TaxPercentage || 0}%
-                                                                </td>
-                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                    {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                </td>
-                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                    {Number(item.TaxAmt).toFixed(2)}
-                                                                </td>
-
-                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                            </tr>
-                                                        )
-                                                        }
-                                                    </table>
-                                                </>
-                                            }
-                                            {(OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0) &&
-                                                <>
-                                                    <div style={{ border: "0.01px dashed black", margin: "10px 0 5px 10px", width: '90%' }}></div>
-                                                    <table style={{ width: "90%" }}>
-
-                                                        <tr>
-                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                Taxable Amount
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                VAT
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                Total Amount
-                                                            </td>
-                                                        </tr>
-                                                        {OrderDetailVAT?.map((item) =>
-                                                            <tr>
-                                                                <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                    {item?.TaxPercentage || 0}%
-                                                                </td>
-                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                    {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                </td>
-                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                    {Number(item.TaxAmt).toFixed(2)}
-                                                                </td>
-
-                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                            </tr>
-                                                        )
-                                                        }
-                                                    </table>
-                                                </>
-                                            }
-
-                                        </div>
-                                        <hr className="PrintStyle7-print-dottline" />
-
-                                    </>
-                                }
-                            </div>}
-                        </div>
-                        {(DineInData?.length > 0 && TakeawayData?.length > 0 && takeAwayPreference) &&
-                            <div style={{ display: 'flex', justifyContent: 'center', fontSize: '16px', fontWeight: '600' }}>Take Away : ₹{Number(TakeawayTotal).toFixed(2)}</div>
-                        }
-                        {(DineInData?.length > 0 && TakeawayData?.length > 0 && dinePreference) &&
-                            <div style={{ display: 'flex', justifyContent: 'center', fontSize: '16px', fontWeight: '600' }}>Dine In: ₹{Number(DineInTotal).toFixed(2)}</div>
-                        }
-                        <div style={{ display: 'flex', justifyContent: 'center', fontSize: '16px', fontWeight: '600' }}>Amount : ₹{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                    </div>
-
-                    <hr className="PrintStyle7-print-dottline" />
-                    <div style={{ display: "flex", justifyContent: "space-evenly", marginTop: '5px' }}>
-                        <div style={{ marginTop: '5px', padding: 0, fontSize: "12px", fontWeight: "600" }}>{PaymentStatusSuccess?.length === 1 ? PaymentStatusSuccess?.[0]?.PaymentTypeName : "Split"} &nbsp;Payment : &nbsp;{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}/- </div>
-                    </div>
-                    {PaymentStatusSuccess?.length > 1 &&
-                        <>
-                            {/* <p>Split Payment:</p> */}
-                            {Object.keys(aggregatedPayments).map((paymentType) => (
-                                <div key={paymentType} style={{ margin: 0, padding: 0, fontSize: "12px" }}>
-                                    {paymentType}: {aggregatedPayments[paymentType].toFixed(2)}
-                                </div>
-                            ))}
-                        </>
-                    }
-
-                    {GlobaldummyData ? (
-                        GlobalCredit && (
-                            <div style={{ textAlign: "center", fontSize: "17px", fontWeight: "600", lineHeight: "14px" }}>
-                                <h6>Advance Amount:</h6>
-                                <h6>Opening Balance:</h6>
-                            </div>
-                        )
-                    ) : (
-                        CreditDetails &&
-                        table2Data?.CustomerDetails?.length > 0 && (
-                            <div style={{ textAlign: "center", fontSize: "12px", fontWeight: "600", lineHeight: "12px" }}>
-
-                                {/* OLD CREDIT BAL */}
-                                {PaymentStatusSuccess?.[0]?.PaymentTypeName === "Credit" && (
-                                    <>
-                                        {table2Data.CustomerDetails[0].OldCreditBal > 0 ? (
-                                            <p>Advance Amount:{table2Data.CustomerDetails[0].OldCreditBal}</p>
-                                        ) : table2Data.CustomerDetails[0].OldCreditBal < 0 ? (
-                                            <p> Opening Balance: {Math.abs(table2Data.CustomerDetails[0].OldCreditBal)}</p>
-                                        ) : null}
-                                    </>
-                                )}
-
-                                {/* CURRENT CREDIT BAL */}
-                                {table2Data.CustomerDetails[0].CurrentCreditBal > 0 ? (
-                                    <p> Current Advance Amount: {table2Data.CustomerDetails[0].CurrentCreditBal}</p>
-                                ) : table2Data.CustomerDetails[0].CurrentCreditBal < 0 ? (
-                                    <p> Current Balance Amount: {Math.abs(table2Data.CustomerDetails[0].CurrentCreditBal)}</p>
-                                ) : null}
-                            </div>
-                        )
-                    )}
-                    {(GlobaldummyData && GlobalCashierName) &&
-                        <div>
-                            <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>Cashier : Cashier Name</div>
-                        </div>
-
-                    }
-                    {CashierName && CashierName !== undefined && CashierName !== null && !GlobaldummyData && CashierNameField &&
-                        <div>
-                            <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>Cashier : {CashierName}</div>
-                        </div>
-                    }
-                    {GlobaldummyData &&
-                        <div>
-                            <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>Customer : Customer Name</div>
-                        </div>
-
-                    }
-                    {table2Data?.CustSuppName && table2Data?.CustSuppName !== undefined && table2Data?.CustSuppName !== null && !GlobaldummyData &&
-                        <div>
-                            <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>Customer : {table2Data?.CustSuppName}</div>
-                        </div>
-                    }
-
-
-                    {table2Data?.BookingTypeName == 'Dine In' && (table2Data?.SalesTableLinkDetails?.[0]?.WaiterName) &&
-                        <div style={{ marginLeft: '13px', padding: 0, fontSize: "8px", fontWeight: "600" }}>
-                            Captain : {table2Data?.SalesTableLinkDetails?.[0]?.WaiterName}
-                        </div>}
-                    {(sportsAppPreference && MembershipApplied) && <div style={{ fontWeight: 'bold', width: '100%', textAlign: 'center', paddingTop: '10px' }}>{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>}
-
-                    {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div>
-                        {GlobaldummyData ? GlobalQrcodet &&
-                            <div className='PrintStyle7-QRDiv'>
-                                <img className='PrintStyle11-QRcode' src={QRcode} alt='QRcode' />
-                                <div style={{ fontSize: "10px" }} >Scan to Pay </div>
-                                <div style={{ fontSize: "10px" }}>₹{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                            </div>
-                            : (Qrcodet && paymentTypeUPI) &&
-                            <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }} >
-                                <QRCode value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`} size={80} />
-                                <div style={{ fontSize: "10px" }} >Scan to Pay </div>
-                                <div style={{ fontSize: "10px" }}>₹{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                            </div>}
-                    </div>}
-
-                    <div className="page-footerA4Style11"
-                        style={{
-                            marginTop: "auto",
-                            pageBreakBefore: "avoid",
-                            pageBreakInside: "avoid",
-                            minHeight: "auto",
-                        }}
+    TotalOfferAmount += CombothereTotal;
+  }
+  const products = [
+    {
+      ProdName: 'ITEM 1',
+      Rate: 88.0,
+      SalesQty: 2,
+      MRP: 100,
+      TotalAmt: 176,
+      discount: 0,
+      HSN: '01',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 5,
+    },
+    {
+      ProdName: 'ITEM 2',
+      Rate: 300.0,
+      SalesQty: 1,
+      MRP: 350,
+      TotalAmt: 300,
+      discount: 0,
+      HSN: '02',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 5,
+    },
+    {
+      ProdName: 'ITEM 3',
+      Rate: 200.0,
+      SalesQty: 1,
+      MRP: 250,
+      TotalAmt: 200,
+      discount: 0,
+      HSN: '03',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 0,
+    },
+    {
+      ProdName: 'ITEM 4',
+      Rate: 30.0,
+      SalesQty: 1,
+      MRP: 50,
+      TotalAmt: 30,
+      discount: 0,
+      HSN: '04',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 18,
+    },
+    {
+      ProdName: 'ITEM 5',
+      Rate: 30.0,
+      SalesQty: 1,
+      MRP: 50,
+      TotalAmt: 30,
+      discount: 0,
+      HSN: '05',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 40,
+    },
+    {
+      ProdName: 'ITEM 6',
+      Rate: 130.0,
+      SalesQty: 1,
+      MRP: 150,
+      TotalAmt: 130,
+      discount: 0,
+      HSN: '06',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 0,
+    },
+    {
+      ProdName: 'ITEM 7',
+      Rate: 230.0,
+      SalesQty: 1,
+      MRP: 250,
+      TotalAmt: 230,
+      discount: 0,
+      HSN: '08',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 5,
+    },
+  ];
+
+  const chunkSize = PageSize == 'A5' ? 8 : 11;
+  let dataSource = [];
+
+  if (GlobaldummyData || TakeawayData?.length > 0) {
+    dataSource = GlobaldummyData ? products : TakeawayData;
+  } else if (DineInData?.length > 0) {
+    dataSource = DineInData;
+  }
+
+  // Paginate the data
+  const paginatedChunks = [];
+  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 > (PageSize == 'A5' ? 5 : 10);
+
+  return (
+    <>
+      {FormatTheme ? (
+        <div
+          className="PrintStyle7MasterDiv"
+          id={`PrintStyle7-${index}`}
+          style={{
+            fontFamily: "'Courier New', Courier, monospace",
+            position: 'relative',
+            width: '100%',
+            minHeight: isMobile ? '' : PageSize == 'A5' ? '210mm' : '297mm',
+          }}
+        >
+          {paginatedChunks.map((dataChunk, chunkIndex) => (
+            <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: isMobile
+                  ? '295mm'
+                  : FormatTheme
+                    ? PageSize == 'A5'
+                      ? '170mm'
+                      : '257mm'
+                    : '',
+              }}
+              key={chunkIndex}
+            >
+              {/* <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%',
+                }}
+              >
+                <hr class="star-line" />
+                {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                  ''
+                ) : (
+                  <div className="PrintStyle7-print">
+                    {/* <div style={{ fontSize: '16px', fontWeight: '600' }}> {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}</div> */}
+                    <div
+                      style={{
+                        display: 'flex',
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                      }}
                     >
-                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div>
-                            {GlobaldummyData ? GlobalIsnotes &&
-                                (<div>
-                                    <p style={{ padding: "0rem 1rem" }}>Notes : 10 days Return policy</p>
+                      {GlobaldummyData && GlobalLogo ? (
+                        <img
+                          className="PrintStyle2-BrandImage"
+                          src={Logo}
+                          alt="image"
+                        />
+                      ) : null}
+                      {base64Image &&
+                      (PrintLogo?.SettingValue === 'Y' || LogoField) ? (
+                        <img
+                          className="PrintStyle2-BrandImage"
+                          src={GlobaldummyData ? Logo : base64Image}
+                          alt="image"
+                          width={100}
+                        />
+                      ) : null}
+                      <div
+                        style={{
+                          fontSize: '16px',
+                          fontWeight: '600',
+                          color: SelectedHeaderColor,
+                        }}
+                      >
+                        {' '}
+                        {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
+                      </div>
+                    </div>
+                    <div style={{ fontSize: '10px', fontWeight: '600' }}>
+                      {GlobaldummyData
+                        ? 'BranchAddress, Town- 635XXX City - State'
+                        : (table2Data?.AddressDetails?.[0]?.Address1 || '') +
+                          (table2Data?.AddressDetails?.[0]?.City
+                            ? (table2Data?.AddressDetails?.[0]?.Address1 &&
+                              table2Data?.AddressDetails?.[0]?.City
+                                ? '-'
+                                : '') + table2Data?.AddressDetails?.[0]?.City
+                            : '') +
+                          (table2Data?.AddressDetails?.[0]?.Zip
+                            ? (table2Data?.AddressDetails?.[0]?.City &&
+                              table2Data?.AddressDetails?.[0]?.Zip
+                                ? '-'
+                                : '') + table2Data?.AddressDetails?.[0]?.Zip
+                            : '')}
+                    </div>
+                    {table2Data?.OrderType === 'E' && (
+                      <div
+                        style={{
+                          fontSize: '12px',
+                          margin: '2px 0 0 0',
+                          textTransform: 'uppercase',
+                        }}
+                      >
+                        {' '}
+                        Estimate{' '}
+                        {SalesModePref?.SettingValue == 'Y' &&
+                          `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}
+                      </div>
+                    )}
+                    {table2Data?.OrderType === 'E' ? (
+                      ''
+                    ) : (
+                      <div
+                        style={{
+                          fontSize: '12px',
+                          margin: '2px 0 0 0',
+                          textTransform: 'uppercase',
+                        }}
+                      >
+                        {GlobaldummyData
+                          ? 'Cash'
+                          : BillName
+                            ? BillName
+                            : PaymentStatusSuccess?.length === 1
+                              ? PaymentStatusSuccess?.[0]?.PaymentTypeName
+                              : ''}{' '}
+                        {SalesModePref?.SettingValue == 'Y' &&
+                          `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}
+                      </div>
+                    )}
+                  </div>
+                )}
+                {!estimatePrintHeader && table2Data?.OrderType === 'E' && (
+                  <div
+                    style={{
+                      fontSize: '12px',
+                      margin: '2px 0 0 0',
+                      textAlign: 'center',
+                      textTransform: 'uppercase',
+                    }}
+                  >
+                    {' '}
+                    Estimate{' '}
+                    {SalesModePref?.SettingValue == 'Y' &&
+                      `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}
+                  </div>
+                )}
+                <hr className="PrintStyle7-print-dottline" />
 
-                                    <hr className="PrintA4Style11-print-dottline" />
-                                </div>) :
-                                Notestext && (<div>
-                                    <p style={{ padding: "0rem 1rem" }}>{Notestext}</p>
+                <div className="PrintStyle7-SecondDivMaster">
+                  <div className="PrintStyle7-SecondDiv">
+                    <div
+                      className="PrintStyle7-SecondDiv-wordings"
+                      style={{ fontSize: '10px', fontWeight: '600' }}
+                    >
+                      Bill No :
+                      {GlobaldummyData
+                        ? '553'
+                        : table2Data?.OrderId &&
+                          extractLastNumberOrderId(
+                            table2Data?.OrderId,
+                            table2Data?.FYStatus
+                          )}
+                    </div>
+                  </div>
+                  <div className="PrintStyle7-SecondDiv2">
+                    <div
+                      className="PrintStyle7-SecondDiv-wordings"
+                      style={{ fontSize: '10px', fontWeight: '600' }}
+                    >
+                      {GlobaldummyData ? formattedDate : Date1}
+                    </div>
+                  </div>
+                </div>
 
-                                    <hr className="PrintA4Style11-print-dottline" />
-                                </div>)
-                            }
-                        </div>}
+                <hr className="PrintStyle7-print-dottline" />
+              </div>
 
+              <div
+                style={{ marginTop: GlobaldummyData ? '9rem' : '0rem' }}
+                className="print-body"
+              >
+                <div className="PrintStyle7-print-table">
+                  {(TakeawayData?.length > 0 || GlobaldummyData) && (
+                    <>
+                      {takeAwayPreference && (
+                        <div
+                          style={{
+                            display: 'flex',
+                            width: '100%',
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                            fontSize: '12px',
+                            fontWeight: '600',
+                          }}
+                        >
+                          TakeAway
+                        </div>
+                      )}
+                      <div className="PrintStyle7-print-tableMaster">
+                        <table className="PrintStyle7-print-table">
+                          <thead>
+                            <tr>
+                              {GlobaldummyData
+                                ? GlobalSlNo && (
+                                    <th style={{ width: '10px' }}>S</th>
+                                  )
+                                : SLNO == true && (
+                                    <th style={{ width: '10px' }}>S</th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalItem && <th>Item</th>
+                                : Item == true && <th>Item</th>}
+                              {GlobaldummyData
+                                ? GlobalHsnCode && (
+                                    <th style={{ width: '10px' }}>HSN</th>
+                                  )
+                                : HsnCode == true && (
+                                    <th style={{ width: '10px' }}>HSN</th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalQuantity && (
+                                    <th style={{ width: '10px' }}>Qty</th>
+                                  )
+                                : Quantity == true && (
+                                    <th style={{ width: '10px' }}>
+                                      {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                                    </th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalMRP && (
+                                    <th style={{ width: '10px' }}>MRP</th>
+                                  )
+                                : MRP == true && (
+                                    <th style={{ width: '10px' }}>MRP</th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalRate && (
+                                    <th style={{ width: '10px' }}>Rate</th>
+                                  )
+                                : Rate == true && (
+                                    <th style={{ width: '10px' }}>Rate</th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalDiscount && (
+                                    <th style={{ width: '10px' }}>Dis </th>
+                                  )
+                                : Discount == true && (
+                                    <th style={{ width: '10px' }}>Dis </th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalTax && (
+                                    <th style={{ width: '10px' }}>Tax % </th>
+                                  )
+                                : Tax &&
+                                  table2Data?.OrderType !== 'E' && (
+                                    <th style={{ width: '10px' }}>Tax % </th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalAmount && (
+                                    <th
+                                      style={{
+                                        width: '10px',
+                                        textAlign: 'right',
+                                      }}
+                                    >
+                                      Amt
+                                    </th>
+                                  )
+                                : Amount == true && (
+                                    <th
+                                      style={{
+                                        width: '10px',
+                                        textAlign: 'right',
+                                      }}
+                                    >
+                                      Amt
+                                    </th>
+                                  )}
+                            </tr>
+                          </thead>
+                          <tbody>
+                            {dataChunk?.map((item, index) => (
+                              <tr key={index}>
+                                {GlobaldummyData
+                                  ? GlobalSlNo && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {index + 1}
+                                      </td>
+                                    )
+                                  : SLNO == true && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {chunkIndex * chunkSize + index + 1}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalItem && <td>{item?.ProdName}</td>
+                                  : Item == true && (
+                                      <td
+                                        style={{
+                                          display: 'flex',
+                                          flexDirection: 'column',
+                                        }}
+                                      >
+                                        <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>
+                                        )}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalHsnCode && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {item?.HSN}
+                                      </td>
+                                    )
+                                  : HsnCode == true && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {item?.HSN}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalQuantity && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {item?.SalesQty}
+                                      </td>
+                                    )
+                                  : Quantity == true && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {item?.SalesQty}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalMRP && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.MRP}
+                                      </td>
+                                    )
+                                  : MRP == true && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.SinglePc === 'Y'
+                                          ? item?.Rate
+                                          : item?.MRP}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalRate && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Rate}
+                                      </td>
+                                    )
+                                  : Rate == true && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Rate}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalDiscount && <td>{item.discount}</td>
+                                  : Discount == true && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Type != 'C'
+                                          ? item?.OfferAmt || 0
+                                          : item?.OfferValue || 0}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalTax && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {item?.ProdTaxPercentage}
+                                      </td>
+                                    )
+                                  : Tax &&
+                                    table2Data?.OrderType !== 'E' && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {item?.ProdTaxPercentage || 0}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalAmount && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.TotalAmt}
+                                      </td>
+                                    )
+                                  : Amount == true && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Type != 'C'
+                                          ? item?.TotalAmt - item?.OfferAmt || 0
+                                          : item?.TotalAmt - item?.OfferValue ||
+                                            0}
+                                      </td>
+                                    )}
+                              </tr>
+                            ))}
+                          </tbody>
+                        </table>
+                      </div>
+                    </>
+                  )}
+                  {DineInData?.length > 0 && dinePreference && (
+                    <>
+                      <div
+                        style={{
+                          display: 'flex',
+                          width: '100%',
+                          justifyContent: 'center',
+                          alignItems: 'center',
+                          fontSize: '12px',
+                          fontWeight: '600',
+                        }}
+                      >
+                        Dine In
+                      </div>
 
-                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
-                            {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 className="PrintStyle7-print-tableMaster">
+                        <table className="PrintStyle7-print-table">
+                          <thead>
+                            <tr>
+                              {GlobaldummyData
+                                ? GlobalSlNo && (
+                                    <th style={{ width: '10px' }}>S.No</th>
+                                  )
+                                : SLNO == true && (
+                                    <th style={{ width: '10px' }}>S.NO</th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalItem && <th>Item</th>
+                                : Item == true && <th>Item</th>}
+                              {GlobaldummyData
+                                ? GlobalHsnCode && (
+                                    <th style={{ width: '10px' }}>HSN</th>
+                                  )
+                                : HsnCode == true && (
+                                    <th style={{ width: '10px' }}>HSN</th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalQuantity && (
+                                    <th style={{ width: '10px' }}>Qty</th>
+                                  )
+                                : Quantity == true && (
+                                    <th style={{ width: '10px' }}>
+                                      {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                                    </th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalMRP && (
+                                    <th style={{ width: '10px' }}>MRP</th>
+                                  )
+                                : MRP == true && (
+                                    <th style={{ width: '10px' }}>MRP</th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalRate && (
+                                    <th style={{ width: '10px' }}>Rate</th>
+                                  )
+                                : Rate == true && (
+                                    <th style={{ width: '10px' }}>Rate</th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalDiscount && (
+                                    <th style={{ width: '10px' }}>Dis </th>
+                                  )
+                                : Discount == true && (
+                                    <th style={{ width: '10px' }}>Dis </th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalTax && (
+                                    <th style={{ width: '10px' }}>Tax % </th>
+                                  )
+                                : Tax &&
+                                  table2Data?.OrderType !== 'E' && (
+                                    <th style={{ width: '10px' }}>Tax % </th>
+                                  )}
+                              {GlobaldummyData
+                                ? GlobalAmount && (
+                                    <th
+                                      style={{
+                                        width: '10px',
+                                        textAlign: 'right',
+                                      }}
+                                    >
+                                      Amt
+                                    </th>
+                                  )
+                                : Amount == true && (
+                                    <th
+                                      style={{
+                                        width: '10px',
+                                        textAlign: 'right',
+                                      }}
+                                    >
+                                      Amt
+                                    </th>
+                                  )}
+                            </tr>
+                          </thead>
+                          <tbody>
+                            {dataChunk?.map((item, index) => (
+                              <tr key={index}>
+                                {GlobaldummyData
+                                  ? GlobalSlNo && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {index + 1}
+                                      </td>
+                                    )
+                                  : SLNO == true && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {chunkIndex * chunkSize + index + 1}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalItem && <td>{item?.ProdName}</td>
+                                  : Item == true && (
+                                      <td
+                                        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'}
+                                          )
+                                          {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>
+                                                );
+                                              })
+                                            : ''}
+                                        </div>
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalHsnCode && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {item?.HSN}
+                                      </td>
+                                    )
+                                  : HsnCode == true && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {item?.HSN}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalQuantity && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {item?.SalesQty}
+                                      </td>
+                                    )
+                                  : Quantity == true && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {item?.SalesQty}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalMRP && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.MRP}
+                                      </td>
+                                    )
+                                  : MRP == true && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.SinglePc === 'Y'
+                                          ? item?.Rate
+                                          : item?.MRP}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalRate && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Rate}
+                                      </td>
+                                    )
+                                  : Rate == true && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Rate}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalDiscount && <td>{item.discount}</td>
+                                  : Discount == true && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Type != 'C'
+                                          ? item?.OfferAmt || 0
+                                          : item?.OfferValue || 0}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalTax && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {item?.ProdTaxPercentage}
+                                      </td>
+                                    )
+                                  : Tax &&
+                                    table2Data?.OrderType !== 'E' && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {item?.ProdTaxPercentage || 0}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalAmount && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.TotalAmt}
+                                      </td>
+                                    )
+                                  : Amount == true && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Type != 'C'
+                                          ? item?.TotalAmt - item?.OfferAmt || 0
+                                          : item?.TotalAmt - item?.OfferValue ||
+                                            0}
+                                      </td>
+                                    )}
+                              </tr>
+                            ))}
+                          </tbody>
+                        </table>
+                      </div>
+                    </>
+                  )}
+                </div>
+              </div>
 
-                            {GlobaldummyData ? GlobalSignature && (<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", paddingBottom: "1rem" }}>
-                                <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                <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" }}>
-                                <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                            </div>)}
+              {chunkIndex === paginatedChunks.length - 1 &&
+                !shouldFooterBeOnNewPage &&
+                FormatTheme && (
+                  <>
+                    <div className="PrintStyle7-SecondDiv3">
+                      <div className="PrintStyle7-SecondDivMaster">
+                        <div style={{ fontWeight: '600' }}>
+                          Items :{' '}
+                          {GlobaldummyData ? '8' : totalQuantityFilter?.length}
+                        </div>
+                        <div style={{ fontWeight: '600' }}>
+                          Qty : {GlobaldummyData ? '9' : totalQuantity}
+                        </div>
+                        {(table2Data?.OverallDisc > 0 ||
+                          TotalOfferAmount > 0) && (
+                          <div style={{ fontWeight: '600' }}>
+                            Off :{' '}
+                            {GlobaldummyData
+                              ? '10'
+                              : Number(
+                                  TotalOfferAmount + table2Data?.OverallDisc
+                                ).toFixed(2)}
+                          </div>
+                        )}
+                      </div>
+                      <div
+                        style={{ display: 'flex', justifyContent: 'center' }}
+                      >
+                        {table2Data?.OrderType === 'E' ? (
+                          ''
+                        ) : (
+                          <div>
+                            {((OrderDetailGST?.length > 0 &&
+                              OrderDetailGST?.[0]?.TaxAmt > 0) ||
+                              (OrderDetailIGST?.length > 0 &&
+                                OrderDetailIGST?.[0]?.TaxAmt > 0) ||
+                              (OrderDetailVAT?.length > 0 &&
+                                OrderDetailVAT?.[0]?.TaxAmt > 0)) &&
+                              table2Data?.NetAmount !== 0 && (
+                                <>
+                                  <hr className="PrintStyle7-print-dottline" />
 
-                        </div>}
+                                  <div>
+                                    <div
+                                      style={{
+                                        margin: 0,
+                                        padding: 0,
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      --------- GST Breakup Details -----------
+                                    </div>
+                                    {OrderDetailGST?.length > 0 &&
+                                      OrderDetailGST?.[0]?.TaxAmt > 0 && (
+                                        <table style={{ width: '90%' }}>
+                                          <tr>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'right',
+                                              }}
+                                            ></td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              Taxable Amount
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              CGST
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              SGST
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              Total Amount
+                                            </td>
+                                          </tr>
+                                          {OrderDetailGST?.map((item) => (
+                                            <tr>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'right',
+                                                }}
+                                              >
+                                                {item?.TaxPercentage || 0}%
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(
+                                                  item.WithOutTaxAmount
+                                                ).toFixed(2)}
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.CGST).toFixed(2)}
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.SGST).toFixed(2)}
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.TotalAmt).toFixed(
+                                                  2
+                                                )}
+                                              </td>
+                                            </tr>
+                                          ))}
+                                        </table>
+                                      )}
+
+                                    {OrderDetailIGST?.length > 0 &&
+                                      OrderDetailIGST?.[0]?.TaxAmt > 0 && (
+                                        <>
+                                          <div
+                                            style={{
+                                              border: '0.01px dashed black',
+                                              margin: '10px 0 5px 10px',
+                                              width: '90%',
+                                            }}
+                                          ></div>
+                                          <table style={{ width: '90%' }}>
+                                            <tr>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'right',
+                                                }}
+                                              ></td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                Taxable Amount
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                IGST
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                Total Amount
+                                              </td>
+                                            </tr>
+                                            {OrderDetailIGST?.map((item) => (
+                                              <tr>
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'right',
+                                                  }}
+                                                >
+                                                  {item?.TaxPercentage || 0}%
+                                                </td>
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'center',
+                                                  }}
+                                                >
+                                                  {Number(
+                                                    item.WithOutTaxAmount
+                                                  ).toFixed(2)}
+                                                </td>
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'center',
+                                                  }}
+                                                >
+                                                  {Number(item.TaxAmt).toFixed(
+                                                    2
+                                                  )}
+                                                </td>
+
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'center',
+                                                  }}
+                                                >
+                                                  {Number(
+                                                    item.TotalAmt
+                                                  ).toFixed(2)}
+                                                </td>
+                                              </tr>
+                                            ))}
+                                          </table>
+                                        </>
+                                      )}
+                                    {OrderDetailVAT?.length > 0 &&
+                                      OrderDetailVAT?.[0]?.TaxAmt > 0 && (
+                                        <>
+                                          <div
+                                            style={{
+                                              border: '0.01px dashed black',
+                                              margin: '10px 0 5px 10px',
+                                              width: '90%',
+                                            }}
+                                          ></div>
+                                          <table style={{ width: '90%' }}>
+                                            <tr>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'right',
+                                                }}
+                                              ></td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                Taxable Amount
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                VAT
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                Total Amount
+                                              </td>
+                                            </tr>
+                                            {OrderDetailVAT?.map((item) => (
+                                              <tr>
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'right',
+                                                  }}
+                                                >
+                                                  {item?.TaxPercentage || 0}%
+                                                </td>
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'center',
+                                                  }}
+                                                >
+                                                  {Number(
+                                                    item.WithOutTaxAmount
+                                                  ).toFixed(2)}
+                                                </td>
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'center',
+                                                  }}
+                                                >
+                                                  {Number(item.TaxAmt).toFixed(
+                                                    2
+                                                  )}
+                                                </td>
+
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'center',
+                                                  }}
+                                                >
+                                                  {Number(
+                                                    item.TotalAmt
+                                                  ).toFixed(2)}
+                                                </td>
+                                              </tr>
+                                            ))}
+                                          </table>
+                                        </>
+                                      )}
+                                  </div>
+                                  <hr className="PrintStyle7-print-dottline" />
+                                </>
+                              )}
+                          </div>
+                        )}
+                      </div>
+                      {DineInData?.length > 0 &&
+                        TakeawayData?.length > 0 &&
+                        takeAwayPreference && (
+                          <div
+                            style={{
+                              display: 'flex',
+                              justifyContent: 'center',
+                              fontSize: '16px',
+                              fontWeight: '600',
+                            }}
+                          >
+                            Take Away : ₹{Number(TakeawayTotal).toFixed(2)}
+                          </div>
+                        )}
+                      {DineInData?.length > 0 &&
+                        TakeawayData?.length > 0 &&
+                        dinePreference && (
+                          <div
+                            style={{
+                              display: 'flex',
+                              justifyContent: 'center',
+                              fontSize: '16px',
+                              fontWeight: '600',
+                            }}
+                          >
+                            Dine In: ₹{Number(DineInTotal).toFixed(2)}
+                          </div>
+                        )}
+                      <div
+                        style={{
+                          display: 'flex',
+                          justifyContent: 'center',
+                          fontSize: '16px',
+                          fontWeight: '600',
+                        }}
+                      >
+                        Amount : ₹
+                        {GlobaldummyData
+                          ? '1,066'
+                          : Number(table2Data?.NetAmount).toFixed(2)}
+                      </div>
                     </div>
 
+                    <hr className="PrintStyle7-print-dottline" />
+                    <div
+                      style={{
+                        display: 'flex',
+                        justifyContent: 'space-evenly',
+                        marginTop: '5px',
+                      }}
+                    >
+                      <div
+                        style={{
+                          marginTop: '5px',
+                          padding: 0,
+                          fontSize: '12px',
+                          fontWeight: '600',
+                        }}
+                      >
+                        {PaymentStatusSuccess?.length === 1
+                          ? PaymentStatusSuccess?.[0]?.PaymentTypeName
+                          : 'Split'}{' '}
+                        &nbsp;Payment : &nbsp;
+                        {GlobaldummyData
+                          ? '1,066'
+                          : Number(table2Data?.NetAmount).toFixed(2)}
+                        /-{' '}
+                      </div>
+                    </div>
+                    {PaymentStatusSuccess?.length > 1 && (
+                      <>
+                        {/* <p>Split Payment:</p> */}
+                        {Object.keys(aggregatedPayments).map((paymentType) => (
+                          <div
+                            key={paymentType}
+                            style={{ margin: 0, padding: 0, fontSize: '12px' }}
+                          >
+                            {paymentType}:{' '}
+                            {aggregatedPayments[paymentType].toFixed(2)}
+                          </div>
+                        ))}
+                      </>
+                    )}
 
+                    {GlobaldummyData
+                      ? GlobalCredit && (
+                          <div
+                            style={{
+                              textAlign: 'center',
+                              fontSize: '17px',
+                              fontWeight: '600',
+                              lineHeight: '14px',
+                            }}
+                          >
+                            <h6>Advance Amount:</h6>
+                            <h6>Opening Balance:</h6>
+                          </div>
+                        )
+                      : CreditDetails &&
+                        table2Data?.CustomerDetails?.length > 0 && (
+                          <div
+                            style={{
+                              textAlign: 'center',
+                              fontSize: '12px',
+                              fontWeight: '600',
+                              lineHeight: '12px',
+                            }}
+                          >
+                            {/* OLD CREDIT BAL */}
+                            {PaymentStatusSuccess?.[0]?.PaymentTypeName ===
+                              'Credit' && (
+                              <>
+                                {table2Data.CustomerDetails[0].OldCreditBal >
+                                0 ? (
+                                  <p>
+                                    Advance Amount:
+                                    {table2Data.CustomerDetails[0].OldCreditBal}
+                                  </p>
+                                ) : table2Data.CustomerDetails[0].OldCreditBal <
+                                  0 ? (
+                                  <p>
+                                    {' '}
+                                    Opening Balance:{' '}
+                                    {Math.abs(
+                                      table2Data.CustomerDetails[0].OldCreditBal
+                                    )}
+                                  </p>
+                                ) : null}
+                              </>
+                            )}
 
-                    {PrintGreeting?.SettingValue === "Y" &&
-                        <>
-                            <div style={{ display: 'flex', justifyContent: 'center', margin: '0.5rem 0rem', fontWeight: "600" }}>Thank You Visit Again</div>
-                            <hr class="star-line" />
-                        </>
-                    }
+                            {/* CURRENT CREDIT BAL */}
+                            {table2Data.CustomerDetails[0].CurrentCreditBal >
+                            0 ? (
+                              <p>
+                                {' '}
+                                Current Advance Amount:{' '}
+                                {table2Data.CustomerDetails[0].CurrentCreditBal}
+                              </p>
+                            ) : table2Data.CustomerDetails[0].CurrentCreditBal <
+                              0 ? (
+                              <p>
+                                {' '}
+                                Current Balance Amount:{' '}
+                                {Math.abs(
+                                  table2Data.CustomerDetails[0].CurrentCreditBal
+                                )}
+                              </p>
+                            ) : null}
+                          </div>
+                        )}
+                    {GlobaldummyData && GlobalCashierName && (
+                      <div>
+                        <div
+                          style={{
+                            marginLeft: '13px',
+                            padding: 0,
+                            fontSize: '8px',
+                            fontWeight: '600',
+                          }}
+                        >
+                          Cashier : Cashier Name
+                        </div>
+                      </div>
+                    )}
+                    {CashierName &&
+                      CashierName !== undefined &&
+                      CashierName !== null &&
+                      !GlobaldummyData &&
+                      CashierNameField && (
+                        <div>
+                          <div
+                            style={{
+                              marginLeft: '13px',
+                              padding: 0,
+                              fontSize: '8px',
+                              fontWeight: '600',
+                            }}
+                          >
+                            Cashier : {CashierName}
+                          </div>
+                        </div>
+                      )}
+                    {GlobaldummyData && (
+                      <div>
+                        <div
+                          style={{
+                            marginLeft: '13px',
+                            padding: 0,
+                            fontSize: '8px',
+                            fontWeight: '600',
+                          }}
+                        >
+                          Customer : Customer Name
+                        </div>
+                      </div>
+                    )}
+                    {table2Data?.CustSuppName &&
+                      table2Data?.CustSuppName !== undefined &&
+                      table2Data?.CustSuppName !== null &&
+                      !GlobaldummyData && (
+                        <div>
+                          <div
+                            style={{
+                              marginLeft: '13px',
+                              padding: 0,
+                              fontSize: '8px',
+                              fontWeight: '600',
+                            }}
+                          >
+                            Customer : {table2Data?.CustSuppName}
+                          </div>
+                        </div>
+                      )}
+
+                    {table2Data?.BookingTypeName == 'Dine In' &&
+                      table2Data?.SalesTableLinkDetails?.[0]?.WaiterName && (
+                        <div
+                          style={{
+                            marginLeft: '13px',
+                            padding: 0,
+                            fontSize: '8px',
+                            fontWeight: '600',
+                          }}
+                        >
+                          Captain :{' '}
+                          {table2Data?.SalesTableLinkDetails?.[0]?.WaiterName}
+                        </div>
+                      )}
+                    {sportsAppPreference && MembershipApplied && (
+                      <div
+                        style={{
+                          fontWeight: 'bold',
+                          width: '100%',
+                          textAlign: 'center',
+                          paddingTop: '10px',
+                        }}
+                      >{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>
+                    )}
+
+                    {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                      ''
+                    ) : (
+                      <div>
+                        {GlobaldummyData
+                          ? GlobalQrcodet && (
+                              <div className="PrintStyle7-QRDiv">
+                                <img
+                                  className="PrintStyle11-QRcode"
+                                  src={QRcode}
+                                  alt="QRcode"
+                                />
+                                <div style={{ fontSize: '10px' }}>
+                                  Scan to Pay{' '}
+                                </div>
+                                <div style={{ fontSize: '10px' }}>
+                                  ₹
+                                  {GlobaldummyData
+                                    ? '1,066'
+                                    : Number(table2Data?.NetAmount).toFixed(2)}
+                                </div>
+                              </div>
+                            )
+                          : Qrcodet &&
+                            paymentTypeUPI && (
+                              <div
+                                style={{
+                                  display: 'flex',
+                                  flexDirection: 'column',
+                                  justifyContent: 'center',
+                                  alignItems: 'center',
+                                }}
+                              >
+                                <QRCode
+                                  value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`}
+                                  size={80}
+                                />
+                                <div style={{ fontSize: '10px' }}>
+                                  Scan to Pay{' '}
+                                </div>
+                                <div style={{ fontSize: '10px' }}>
+                                  ₹
+                                  {GlobaldummyData
+                                    ? '1,066'
+                                    : Number(table2Data?.NetAmount).toFixed(2)}
+                                </div>
+                              </div>
+                            )}
+                      </div>
+                    )}
+
+                    <div
+                      className="page-footerA4Style11"
+                      style={{
+                        marginTop: 'auto',
+                        pageBreakBefore: 'avoid',
+                        pageBreakInside: 'avoid',
+                        minHeight: 'auto',
+                      }}
+                    >
+                      {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                        ''
+                      ) : (
+                        <div>
+                          {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' }}>
+                                    {Notestext}
+                                  </p>
+
+                                  <hr className="PrintA4Style11-print-dottline" />
+                                </div>
+                              )}
+                        </div>
+                      )}
+
+                      {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                        ''
+                      ) : (
+                        <div
+                          style={{
+                            display: 'flex',
+                            width: '90%',
+                            padding: '0 1rem',
+                            justifyContent: GlobaltermsAndConditions
+                              ? 'space-between'
+                              : 'flex-end',
+                            alignItems: 'center',
+                          }}
+                        >
+                          {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
+                            ? GlobalSignature && (
+                                <div
+                                  style={{
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    alignItems: 'flex-end',
+                                    paddingBottom: '1rem',
+                                  }}
+                                >
+                                  <p
+                                    style={{
+                                      fontSize: '13px',
+                                      fontWeight: 'bold',
+                                      marginBottom: '6px',
+                                    }}
+                                  >
+                                    Signature
+                                  </p>
+                                  <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',
+                                  }}
+                                >
+                                  <p
+                                    style={{
+                                      fontSize: '13px',
+                                      fontWeight: 'bold',
+                                      marginBottom: '6px',
+                                    }}
+                                  >
+                                    Signature
+                                  </p>
+                                  <img
+                                    style={{ width: '100px', height: '60px' }}
+                                    src={SignatureImg}
+                                    alt=""
+                                  />
+                                </div>
+                              )}
+                        </div>
+                      )}
+                    </div>
+
+                    {PrintGreeting?.SettingValue === 'Y' && (
+                      <>
+                        <div
+                          style={{
+                            display: 'flex',
+                            justifyContent: 'center',
+                            margin: '0.5rem 0rem',
+                            fontWeight: '600',
+                          }}
+                        >
+                          Thank You Visit Again
+                        </div>
+                        <hr class="star-line" />
+                      </>
+                    )}
+                  </>
+                )}
+            </div>
+          ))}
+
+          {shouldFooterBeOnNewPage && FormatTheme && (
+            <div
+              className="print-page"
+              style={{
+                display: 'flex',
+                flexDirection: 'column',
+                minHeight: PageSize == 'A5' ? '200mm' : '260mm',
+                justifyContent: 'flex-end',
+                pageBreakBefore: 'always',
+              }}
+            >
+              <div
+                className="page-footerA4Style11"
+                style={{
+                  marginTop: 'auto',
+                  pageBreakBefore: 'avoid',
+                  pageBreakInside: 'avoid',
+                  minHeight: 'auto',
+                }}
+              >
+                <>
+                  <div className="PrintStyle7-SecondDiv3">
+                    <div className="PrintStyle7-SecondDivMaster">
+                      <div style={{ fontWeight: '600' }}>
+                        Items :{' '}
+                        {GlobaldummyData ? '8' : totalQuantityFilter?.length}
+                      </div>
+                      <div style={{ fontWeight: '600' }}>
+                        Qty : {GlobaldummyData ? '9' : totalQuantity}
+                      </div>
+                      {(table2Data?.OverallDisc > 0 ||
+                        TotalOfferAmount > 0) && (
+                        <div style={{ fontWeight: '600' }}>
+                          Off :{' '}
+                          {GlobaldummyData
+                            ? '10'
+                            : Number(
+                                TotalOfferAmount + table2Data?.OverallDisc
+                              ).toFixed(2)}
+                        </div>
+                      )}
+                    </div>
+                    <div style={{ display: 'flex', justifyContent: 'center' }}>
+                      {table2Data?.OrderType === 'E' ? (
+                        ''
+                      ) : (
+                        <div>
+                          {((OrderDetailGST?.length > 0 &&
+                            OrderDetailGST?.[0]?.TaxAmt > 0) ||
+                            (OrderDetailIGST?.length > 0 &&
+                              OrderDetailIGST?.[0]?.TaxAmt > 0) ||
+                            (OrderDetailVAT?.length > 0 &&
+                              OrderDetailVAT?.[0]?.TaxAmt > 0)) &&
+                            table2Data?.NetAmount !== 0 && (
+                              <>
+                                <hr className="PrintStyle7-print-dottline" />
+
+                                <div>
+                                  <div
+                                    style={{
+                                      margin: 0,
+                                      padding: 0,
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    --------- GST Breakup Details -----------
+                                  </div>
+                                  {OrderDetailGST?.length > 0 &&
+                                    OrderDetailGST?.[0]?.TaxAmt > 0 && (
+                                      <table style={{ width: '90%' }}>
+                                        <tr>
+                                          <td
+                                            style={{
+                                              fontSize: '10px',
+                                              textAlign: 'right',
+                                            }}
+                                          ></td>
+                                          <td
+                                            style={{
+                                              fontSize: '10px',
+                                              textAlign: 'center',
+                                            }}
+                                          >
+                                            Taxable Amount
+                                          </td>
+                                          <td
+                                            style={{
+                                              fontSize: '10px',
+                                              textAlign: 'center',
+                                            }}
+                                          >
+                                            CGST
+                                          </td>
+                                          <td
+                                            style={{
+                                              fontSize: '10px',
+                                              textAlign: 'center',
+                                            }}
+                                          >
+                                            SGST
+                                          </td>
+                                          <td
+                                            style={{
+                                              fontSize: '10px',
+                                              textAlign: 'center',
+                                            }}
+                                          >
+                                            Total Amount
+                                          </td>
+                                        </tr>
+                                        {OrderDetailGST?.map((item) => (
+                                          <tr>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'right',
+                                              }}
+                                            >
+                                              {item?.TaxPercentage || 0}%
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              {Number(
+                                                item.WithOutTaxAmount
+                                              ).toFixed(2)}
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              {Number(item.CGST).toFixed(2)}
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              {Number(item.SGST).toFixed(2)}
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              {Number(item.TotalAmt).toFixed(2)}
+                                            </td>
+                                          </tr>
+                                        ))}
+                                      </table>
+                                    )}
+
+                                  {OrderDetailIGST?.length > 0 &&
+                                    OrderDetailIGST?.[0]?.TaxAmt > 0 && (
+                                      <>
+                                        <div
+                                          style={{
+                                            border: '0.01px dashed black',
+                                            margin: '10px 0 5px 10px',
+                                            width: '90%',
+                                          }}
+                                        ></div>
+                                        <table style={{ width: '90%' }}>
+                                          <tr>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'right',
+                                              }}
+                                            ></td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              Taxable Amount
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              IGST
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              Total Amount
+                                            </td>
+                                          </tr>
+                                          {OrderDetailIGST?.map((item) => (
+                                            <tr>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'right',
+                                                }}
+                                              >
+                                                {item?.TaxPercentage || 0}%
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(
+                                                  item.WithOutTaxAmount
+                                                ).toFixed(2)}
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.TaxAmt).toFixed(2)}
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.TotalAmt).toFixed(
+                                                  2
+                                                )}
+                                              </td>
+                                            </tr>
+                                          ))}
+                                        </table>
+                                      </>
+                                    )}
+                                  {OrderDetailVAT?.length > 0 &&
+                                    OrderDetailVAT?.[0]?.TaxAmt > 0 && (
+                                      <>
+                                        <div
+                                          style={{
+                                            border: '0.01px dashed black',
+                                            margin: '10px 0 5px 10px',
+                                            width: '90%',
+                                          }}
+                                        ></div>
+                                        <table style={{ width: '90%' }}>
+                                          <tr>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'right',
+                                              }}
+                                            ></td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              Taxable Amount
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              VAT
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              Total Amount
+                                            </td>
+                                          </tr>
+                                          {OrderDetailVAT?.map((item) => (
+                                            <tr>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'right',
+                                                }}
+                                              >
+                                                {item?.TaxPercentage || 0}%
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(
+                                                  item.WithOutTaxAmount
+                                                ).toFixed(2)}
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.TaxAmt).toFixed(2)}
+                                              </td>
+
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.TotalAmt).toFixed(
+                                                  2
+                                                )}
+                                              </td>
+                                            </tr>
+                                          ))}
+                                        </table>
+                                      </>
+                                    )}
+                                </div>
+                                <hr className="PrintStyle7-print-dottline" />
+                              </>
+                            )}
+                        </div>
+                      )}
+                    </div>
+                    {DineInData?.length > 0 &&
+                      TakeawayData?.length > 0 &&
+                      takeAwayPreference && (
+                        <div
+                          style={{
+                            display: 'flex',
+                            justifyContent: 'center',
+                            fontSize: '16px',
+                            fontWeight: '600',
+                          }}
+                        >
+                          Take Away : ₹{Number(TakeawayTotal).toFixed(2)}
+                        </div>
+                      )}
+                    {DineInData?.length > 0 &&
+                      TakeawayData?.length > 0 &&
+                      dinePreference && (
+                        <div
+                          style={{
+                            display: 'flex',
+                            justifyContent: 'center',
+                            fontSize: '16px',
+                            fontWeight: '600',
+                          }}
+                        >
+                          Dine In: ₹{Number(DineInTotal).toFixed(2)}
+                        </div>
+                      )}
+                    <div
+                      style={{
+                        display: 'flex',
+                        justifyContent: 'center',
+                        fontSize: '16px',
+                        fontWeight: '600',
+                      }}
+                    >
+                      Amount : ₹
+                      {GlobaldummyData
+                        ? '1,066'
+                        : Number(table2Data?.NetAmount).toFixed(2)}
+                    </div>
+                  </div>
+
+                  <hr className="PrintStyle7-print-dottline" />
+                  <div
+                    style={{
+                      display: 'flex',
+                      justifyContent: 'space-evenly',
+                      marginTop: '5px',
+                    }}
+                  >
+                    <div
+                      style={{
+                        marginTop: '5px',
+                        padding: 0,
+                        fontSize: '12px',
+                        fontWeight: '600',
+                      }}
+                    >
+                      {PaymentStatusSuccess?.length === 1
+                        ? PaymentStatusSuccess?.[0]?.PaymentTypeName
+                        : 'Split'}{' '}
+                      &nbsp;Payment : &nbsp;
+                      {GlobaldummyData
+                        ? '1,066'
+                        : Number(table2Data?.NetAmount).toFixed(2)}
+                      /-{' '}
+                    </div>
+                  </div>
+                  {PaymentStatusSuccess?.length > 1 && (
+                    <>
+                      {/* <p>Split Payment:</p> */}
+                      {Object.keys(aggregatedPayments).map((paymentType) => (
+                        <div
+                          key={paymentType}
+                          style={{ margin: 0, padding: 0, fontSize: '12px' }}
+                        >
+                          {paymentType}:{' '}
+                          {aggregatedPayments[paymentType].toFixed(2)}
+                        </div>
+                      ))}
+                    </>
+                  )}
+
+                  {GlobaldummyData
+                    ? GlobalCredit && (
+                        <div
+                          style={{
+                            textAlign: 'center',
+                            fontSize: '17px',
+                            fontWeight: '600',
+                            lineHeight: '14px',
+                          }}
+                        >
+                          <h6>Advance Amount:</h6>
+                          <h6>Opening Balance:</h6>
+                        </div>
+                      )
+                    : CreditDetails &&
+                      table2Data?.CustomerDetails?.length > 0 && (
+                        <div
+                          style={{
+                            textAlign: 'center',
+                            fontSize: '12px',
+                            fontWeight: '600',
+                            lineHeight: '12px',
+                          }}
+                        >
+                          {/* OLD CREDIT BAL */}
+                          {PaymentStatusSuccess?.[0]?.PaymentTypeName ===
+                            'Credit' && (
+                            <>
+                              {table2Data.CustomerDetails[0].OldCreditBal >
+                              0 ? (
+                                <p>
+                                  Advance Amount:
+                                  {table2Data.CustomerDetails[0].OldCreditBal}
+                                </p>
+                              ) : table2Data.CustomerDetails[0].OldCreditBal <
+                                0 ? (
+                                <p>
+                                  {' '}
+                                  Opening Balance:{' '}
+                                  {Math.abs(
+                                    table2Data.CustomerDetails[0].OldCreditBal
+                                  )}
+                                </p>
+                              ) : null}
+                            </>
+                          )}
+
+                          {/* CURRENT CREDIT BAL */}
+                          {table2Data.CustomerDetails[0].CurrentCreditBal >
+                          0 ? (
+                            <p>
+                              {' '}
+                              Current Advance Amount:{' '}
+                              {table2Data.CustomerDetails[0].CurrentCreditBal}
+                            </p>
+                          ) : table2Data.CustomerDetails[0].CurrentCreditBal <
+                            0 ? (
+                            <p>
+                              {' '}
+                              Current Balance Amount:{' '}
+                              {Math.abs(
+                                table2Data.CustomerDetails[0].CurrentCreditBal
+                              )}
+                            </p>
+                          ) : null}
+                        </div>
+                      )}
+                  {GlobaldummyData && GlobalCashierName && (
+                    <div>
+                      <div
+                        style={{
+                          marginLeft: '13px',
+                          padding: 0,
+                          fontSize: '8px',
+                          fontWeight: '600',
+                        }}
+                      >
+                        Cashier : Cashier Name
+                      </div>
+                    </div>
+                  )}
+                  {CashierName &&
+                    CashierName !== undefined &&
+                    CashierName !== null &&
+                    !GlobaldummyData &&
+                    CashierNameField && (
+                      <div>
+                        <div
+                          style={{
+                            marginLeft: '13px',
+                            padding: 0,
+                            fontSize: '8px',
+                            fontWeight: '600',
+                          }}
+                        >
+                          Cashier : {CashierName}
+                        </div>
+                      </div>
+                    )}
+                  {GlobaldummyData && (
+                    <div>
+                      <div
+                        style={{
+                          marginLeft: '13px',
+                          padding: 0,
+                          fontSize: '8px',
+                          fontWeight: '600',
+                        }}
+                      >
+                        Customer : Customer Name
+                      </div>
+                    </div>
+                  )}
+                  {table2Data?.CustSuppName &&
+                    table2Data?.CustSuppName !== undefined &&
+                    table2Data?.CustSuppName !== null &&
+                    !GlobaldummyData && (
+                      <div>
+                        <div
+                          style={{
+                            marginLeft: '13px',
+                            padding: 0,
+                            fontSize: '8px',
+                            fontWeight: '600',
+                          }}
+                        >
+                          Customer : {table2Data?.CustSuppName}
+                        </div>
+                      </div>
+                    )}
+
+                  {table2Data?.BookingTypeName == 'Dine In' &&
+                    table2Data?.SalesTableLinkDetails?.[0]?.WaiterName && (
+                      <div
+                        style={{
+                          marginLeft: '13px',
+                          padding: 0,
+                          fontSize: '8px',
+                          fontWeight: '600',
+                        }}
+                      >
+                        Captain :{' '}
+                        {table2Data?.SalesTableLinkDetails?.[0]?.WaiterName}
+                      </div>
+                    )}
+                  {sportsAppPreference && MembershipApplied && (
+                    <div
+                      style={{
+                        fontWeight: 'bold',
+                        width: '100%',
+                        textAlign: 'center',
+                        paddingTop: '10px',
+                      }}
+                    >{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>
+                  )}
+
+                  {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                    ''
+                  ) : (
+                    <div>
+                      {GlobaldummyData
+                        ? GlobalQrcodet && (
+                            <div className="PrintStyle7-QRDiv">
+                              <img
+                                className="PrintStyle11-QRcode"
+                                src={QRcode}
+                                alt="QRcode"
+                              />
+                              <div style={{ fontSize: '10px' }}>
+                                Scan to Pay{' '}
+                              </div>
+                              <div style={{ fontSize: '10px' }}>
+                                ₹
+                                {GlobaldummyData
+                                  ? '1,066'
+                                  : Number(table2Data?.NetAmount).toFixed(2)}
+                              </div>
+                            </div>
+                          )
+                        : Qrcodet &&
+                          paymentTypeUPI && (
+                            <div
+                              style={{
+                                display: 'flex',
+                                flexDirection: 'column',
+                                justifyContent: 'center',
+                                alignItems: 'center',
+                              }}
+                            >
+                              <QRCode
+                                value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`}
+                                size={80}
+                              />
+                              <div style={{ fontSize: '10px' }}>
+                                Scan to Pay{' '}
+                              </div>
+                              <div style={{ fontSize: '10px' }}>
+                                ₹
+                                {GlobaldummyData
+                                  ? '1,066'
+                                  : Number(table2Data?.NetAmount).toFixed(2)}
+                              </div>
+                            </div>
+                          )}
+                    </div>
+                  )}
+
+                  <div
+                    className="page-footerA4Style11"
+                    style={{
+                      marginTop: 'auto',
+                      pageBreakBefore: 'avoid',
+                      pageBreakInside: 'avoid',
+                      minHeight: 'auto',
+                    }}
+                  >
+                    {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                      ''
+                    ) : (
+                      <div>
+                        {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' }}>
+                                  {Notestext}
+                                </p>
+
+                                <hr className="PrintA4Style11-print-dottline" />
+                              </div>
+                            )}
+                      </div>
+                    )}
+
+                    {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                      ''
+                    ) : (
+                      <div
+                        style={{
+                          display: 'flex',
+                          width: '90%',
+                          padding: '0 1rem',
+                          justifyContent: GlobaltermsAndConditions
+                            ? 'space-between'
+                            : 'flex-end',
+                          alignItems: 'center',
+                        }}
+                      >
+                        {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
+                          ? GlobalSignature && (
+                              <div
+                                style={{
+                                  display: 'flex',
+                                  flexDirection: 'column',
+                                  alignItems: 'flex-end',
+                                  paddingBottom: '1rem',
+                                }}
+                              >
+                                <p
+                                  style={{
+                                    fontSize: '13px',
+                                    fontWeight: 'bold',
+                                    marginBottom: '6px',
+                                  }}
+                                >
+                                  Signature
+                                </p>
+                                <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',
+                                }}
+                              >
+                                <p
+                                  style={{
+                                    fontSize: '13px',
+                                    fontWeight: 'bold',
+                                    marginBottom: '6px',
+                                  }}
+                                >
+                                  Signature
+                                </p>
+                                <img
+                                  style={{ width: '100px', height: '60px' }}
+                                  src={SignatureImg}
+                                  alt=""
+                                />
+                              </div>
+                            )}
+                      </div>
+                    )}
+                  </div>
+
+                  {PrintGreeting?.SettingValue === 'Y' && (
+                    <>
+                      <div
+                        style={{
+                          display: 'flex',
+                          justifyContent: 'center',
+                          margin: '0.5rem 0rem',
+                          fontWeight: '600',
+                        }}
+                      >
+                        Thank You Visit Again
+                      </div>
+                      <hr class="star-line" />
+                    </>
+                  )}
+                </>
+              </div>
+            </div>
+          )}
+        </div>
+      ) : (
+        <div
+          className="PrintStyle7MasterDiv"
+          id={`PrintStyle7-${index}`}
+          style={{ fontFamily: "'Courier New', Courier, monospace" }}
+        >
+          <hr class="star-line" />
+          {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+            ''
+          ) : (
+            <div className="PrintStyle7-print">
+              <div
+                style={{
+                  display: 'flex',
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                }}
+              >
+                {GlobaldummyData && GlobalLogo ? (
+                  <img
+                    className="PrintStyle2-BrandImage"
+                    src={Logo}
+                    alt="image"
+                  />
+                ) : null}
+                {base64Image &&
+                (PrintLogo?.SettingValue === 'Y' || LogoField) ? (
+                  <img
+                    className="PrintStyle2-BrandImage"
+                    src={GlobaldummyData ? Logo : base64Image}
+                    alt="image"
+                    width={100}
+                  />
+                ) : null}
+                <div
+                  style={{
+                    fontSize: '16px',
+                    fontWeight: '600',
+                    color: SelectedHeaderColor,
+                  }}
+                >
+                  {' '}
+                  {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
                 </div>
-            }
-        </>
-    );
+              </div>
+
+              <div style={{ fontSize: '10px', fontWeight: '600' }}>
+                {GlobaldummyData
+                  ? 'BranchAddress, Town- 635XXX City - State'
+                  : (table2Data?.AddressDetails?.[0]?.Address1 || '') +
+                    (table2Data?.AddressDetails?.[0]?.City
+                      ? (table2Data?.AddressDetails?.[0]?.Address1 &&
+                        table2Data?.AddressDetails?.[0]?.City
+                          ? '-'
+                          : '') + table2Data?.AddressDetails?.[0]?.City
+                      : '') +
+                    (table2Data?.AddressDetails?.[0]?.Zip
+                      ? (table2Data?.AddressDetails?.[0]?.City &&
+                        table2Data?.AddressDetails?.[0]?.Zip
+                          ? '-'
+                          : '') + table2Data?.AddressDetails?.[0]?.Zip
+                      : '')}
+              </div>
+              {table2Data?.OrderType === 'E' && (
+                <div
+                  style={{
+                    fontSize: '12px',
+                    margin: '2px 0 0 0',
+                    textTransform: 'uppercase',
+                  }}
+                >
+                  {' '}
+                  Estimate{' '}
+                  {SalesModePref?.SettingValue == 'Y' &&
+                    `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}
+                </div>
+              )}
+              {table2Data?.OrderType === 'E' ? (
+                ''
+              ) : (
+                <div
+                  style={{
+                    fontSize: '12px',
+                    margin: '2px 0 0 0',
+                    textTransform: 'uppercase',
+                  }}
+                >
+                  {GlobaldummyData
+                    ? GlobalBilltext
+                      ? GlobalBilltext
+                      : 'Cash' + ' Bill'
+                    : BillName
+                      ? BillName
+                      : PaymentStatusSuccess?.length === 1
+                        ? PaymentStatusSuccess?.[0]?.PaymentTypeName + ' Bill'
+                        : ''}{' '}
+                  {SalesModePref?.SettingValue == 'Y' &&
+                    `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}
+                </div>
+              )}
+            </div>
+          )}
+          {!estimatePrintHeader && table2Data?.OrderType === 'E' && (
+            <div
+              style={{
+                fontSize: '12px',
+                margin: '2px 0 0 0',
+                textAlign: 'center',
+                textTransform: 'uppercase',
+              }}
+            >
+              {' '}
+              Estimate{' '}
+              {SalesModePref?.SettingValue == 'Y' &&
+                `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}
+            </div>
+          )}
+          <hr className="PrintStyle7-print-dottline" />
+
+          <div className="PrintStyle7-SecondDivMaster">
+            <div className="PrintStyle7-SecondDiv">
+              <div
+                className="PrintStyle7-SecondDiv-wordings"
+                style={{ fontSize: '10px', fontWeight: '600' }}
+              >
+                Bill No :
+                {GlobaldummyData
+                  ? '553'
+                  : table2Data?.OrderId &&
+                    extractLastNumberOrderId(
+                      table2Data?.OrderId,
+                      table2Data?.FYStatus
+                    )}
+              </div>
+            </div>
+            <div className="PrintStyle7-SecondDiv2">
+              <div
+                className="PrintStyle7-SecondDiv-wordings"
+                style={{ fontSize: '10px', fontWeight: '600' }}
+              >
+                {GlobaldummyData ? formattedDate : Date1}
+              </div>
+            </div>
+          </div>
+
+          <hr className="PrintStyle7-print-dottline" />
+
+          <div className="PrintStyle7-print-table">
+            {(TakeawayData?.length > 0 || GlobaldummyData) && (
+              <>
+                {takeAwayPreference && (
+                  <div
+                    style={{
+                      display: 'flex',
+                      width: '100%',
+                      justifyContent: 'center',
+                      alignItems: 'center',
+                      fontSize: '12px',
+                      fontWeight: '600',
+                    }}
+                  >
+                    TakeAway
+                  </div>
+                )}
+                <div className="PrintStyle7-print-tableMaster">
+                  <table
+                    style={{ width: '100%' }}
+                    className="PrintStyle7-print-table"
+                  >
+                    <thead>
+                      <tr>
+                        {GlobaldummyData
+                          ? GlobalSlNo && <th style={{ width: '10%' }}>S.No</th>
+                          : SLNO == true && (
+                              <th style={{ width: '10px' }}>S.No</th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalItem && (
+                              <th style={{ width: '30%', textAlign: 'left' }}>
+                                Item
+                              </th>
+                            )
+                          : Item == true && <th>Item</th>}
+                        {GlobaldummyData
+                          ? GlobalHsnCode && <th style={{}}>HSN</th>
+                          : HsnCode == true && (
+                              <th style={{ width: '10px' }}>HSN</th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalQuantity && <th style={{}}>Qty</th>
+                          : Quantity == true && (
+                              <th style={{ width: '10px' }}>
+                                {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                              </th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalMRP && <th style={{}}>MRP</th>
+                          : MRP == true && (
+                              <th style={{ width: '10px' }}>MRP</th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalRate && <th style={{}}>Rate</th>
+                          : Rate == true && (
+                              <th style={{ width: '10px' }}>Rate</th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalDiscount && <th style={{}}>Dis </th>
+                          : Discount == true && (
+                              <th style={{ width: '10px' }}>Dis </th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalTax && (
+                              <th style={{ width: '10px' }}>Tax % </th>
+                            )
+                          : Tax &&
+                            table2Data?.OrderType !== 'E' && (
+                              <th style={{ width: '10px' }}>Tax % </th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalAmount && (
+                              <th style={{ textAlign: 'right' }}>Amt</th>
+                            )
+                          : Amount == true && (
+                              <th style={{ width: '10px', textAlign: 'right' }}>
+                                Amt
+                              </th>
+                            )}
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {(GlobaldummyData ? products : TakeawayData)?.map(
+                        (item, index) => (
+                          <tr key={index}>
+                            {GlobaldummyData
+                              ? GlobalSlNo && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {index + 1}
+                                  </td>
+                                )
+                              : SLNO == true && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {index + 1}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalItem && <td>{item?.ProdName}</td>
+                              : Item == true && (
+                                  <td
+                                    style={{
+                                      display: 'flex',
+                                      flexDirection: 'column',
+                                    }}
+                                  >
+                                    <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>
+                                    )}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalHsnCode && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {item?.HSN}
+                                  </td>
+                                )
+                              : HsnCode == true && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {item?.HSN}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalQuantity && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {item?.SalesQty}
+                                  </td>
+                                )
+                              : Quantity == true && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {item?.SalesQty}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalMRP && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.MRP}
+                                  </td>
+                                )
+                              : MRP == true && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SinglePc === 'Y'
+                                      ? item?.Rate
+                                      : item?.MRP}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalRate && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Rate}
+                                  </td>
+                                )
+                              : Rate == true && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Rate}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalDiscount && <td>{item.discount}</td>
+                              : Discount == true && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Type != 'C'
+                                      ? item?.OfferAmt || 0
+                                      : item?.OfferValue || 0}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalTax && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {item?.ProdTaxPercentage}
+                                  </td>
+                                )
+                              : Tax &&
+                                table2Data?.OrderType !== 'E' && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {item?.ProdTaxPercentage || 0}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalAmount && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.TotalAmt}
+                                  </td>
+                                )
+                              : Amount == true && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Type != 'C'
+                                      ? item?.TotalAmt - item?.OfferAmt || 0
+                                      : item?.TotalAmt - item?.OfferValue || 0}
+                                  </td>
+                                )}
+                          </tr>
+                        )
+                      )}
+                    </tbody>
+                  </table>
+                </div>
+              </>
+            )}
+            {DineInData?.length > 0 && dinePreference && (
+              <>
+                <div
+                  style={{
+                    display: 'flex',
+                    width: '100%',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    fontSize: '12px',
+                    fontWeight: '600',
+                  }}
+                >
+                  Dine In
+                </div>
+
+                <div className="PrintStyle7-print-tableMaster">
+                  <table className="PrintStyle7-print-table">
+                    <thead>
+                      <tr>
+                        {GlobaldummyData
+                          ? GlobalSlNo && <th style={{ width: '10px' }}>S</th>
+                          : SLNO == true && (
+                              <th style={{ width: '10px' }}>S</th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalItem && <th>Item</th>
+                          : Item == true && <th>Item</th>}
+                        {GlobaldummyData
+                          ? GlobalHsnCode && (
+                              <th style={{ width: '10px' }}>HSN</th>
+                            )
+                          : HsnCode == true && (
+                              <th style={{ width: '10px' }}>HSN</th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalQuantity && (
+                              <th style={{ width: '10px' }}>Qty</th>
+                            )
+                          : Quantity == true && (
+                              <th style={{ width: '10px' }}>
+                                {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                              </th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalMRP && <th style={{ width: '10px' }}>MRP</th>
+                          : MRP == true && (
+                              <th style={{ width: '10px' }}>MRP</th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalRate && (
+                              <th style={{ width: '10px' }}>Rate</th>
+                            )
+                          : Rate == true && (
+                              <th style={{ width: '10px' }}>Rate</th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalDiscount && (
+                              <th style={{ width: '10px' }}>Dis </th>
+                            )
+                          : Discount == true && (
+                              <th style={{ width: '10px' }}>Dis </th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalTax && (
+                              <th style={{ width: '10px' }}>Tax % </th>
+                            )
+                          : Tax &&
+                            table2Data?.OrderType !== 'E' && (
+                              <th style={{ width: '10px' }}>Tax % </th>
+                            )}
+                        {GlobaldummyData
+                          ? GlobalAmount && (
+                              <th style={{ width: '10px', textAlign: 'right' }}>
+                                Amt
+                              </th>
+                            )
+                          : Amount == true && (
+                              <th style={{ width: '10px', textAlign: 'right' }}>
+                                Amt
+                              </th>
+                            )}
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {(GlobaldummyData ? products : DineInData)?.map(
+                        (item, index) => (
+                          <tr key={index}>
+                            {GlobaldummyData
+                              ? GlobalSlNo && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {index + 1}
+                                  </td>
+                                )
+                              : SLNO == true && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {index + 1}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalItem && <td>{item?.ProdName}</td>
+                              : Item == true && (
+                                  <td
+                                    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'}
+                                      )
+                                      {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>
+                                            );
+                                          })
+                                        : ''}
+                                    </div>
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalHsnCode && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {item?.HSN}
+                                  </td>
+                                )
+                              : HsnCode == true && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {item?.HSN}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalQuantity && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {item?.SalesQty}
+                                  </td>
+                                )
+                              : Quantity == true && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {item?.SalesQty}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalMRP && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.MRP}
+                                  </td>
+                                )
+                              : MRP == true && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SinglePc === 'Y'
+                                      ? item?.Rate
+                                      : item?.MRP}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalRate && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Rate}
+                                  </td>
+                                )
+                              : Rate == true && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Rate}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalDiscount && <td>{item.discount}</td>
+                              : Discount == true && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Type != 'C'
+                                      ? item?.OfferAmt || 0
+                                      : item?.OfferValue || 0}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalTax && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {item?.ProdTaxPercentage}
+                                  </td>
+                                )
+                              : Tax &&
+                                table2Data?.OrderType !== 'E' && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {item?.ProdTaxPercentage || 0}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalAmount && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.TotalAmt}
+                                  </td>
+                                )
+                              : Amount == true && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Type != 'C'
+                                      ? item?.TotalAmt - item?.OfferAmt || 0
+                                      : item?.TotalAmt - item?.OfferValue || 0}
+                                  </td>
+                                )}
+                          </tr>
+                        )
+                      )}
+                    </tbody>
+                  </table>
+                </div>
+              </>
+            )}
+          </div>
+
+          <div className="PrintStyle7-SecondDiv3">
+            <div className="PrintStyle7-SecondDivMaster">
+              <div style={{ fontWeight: '600' }}>
+                Items : {GlobaldummyData ? '8' : totalQuantityFilter?.length}
+              </div>
+              <div style={{ fontWeight: '600' }}>
+                Qty : {GlobaldummyData ? '9' : totalQuantity}
+              </div>
+              {(table2Data?.OverallDisc > 0 || TotalOfferAmount > 0) && (
+                <div style={{ fontWeight: '600' }}>
+                  Off :{' '}
+                  {GlobaldummyData
+                    ? '10'
+                    : Number(
+                        TotalOfferAmount + table2Data?.OverallDisc
+                      ).toFixed(2)}
+                </div>
+              )}
+            </div>
+            <div style={{ display: 'flex', justifyContent: 'center' }}>
+              {table2Data?.OrderType === 'E' ? (
+                ''
+              ) : (
+                <div>
+                  {((OrderDetailGST?.length > 0 &&
+                    OrderDetailGST?.[0]?.TaxAmt > 0) ||
+                    (OrderDetailIGST?.length > 0 &&
+                      OrderDetailIGST?.[0]?.TaxAmt > 0) ||
+                    (OrderDetailVAT?.length > 0 &&
+                      OrderDetailVAT?.[0]?.TaxAmt > 0)) &&
+                    table2Data?.NetAmount !== 0 && (
+                      <>
+                        <hr className="PrintStyle7-print-dottline" />
+
+                        <div>
+                          <div
+                            style={{
+                              margin: 0,
+                              padding: 0,
+                              textAlign: 'center',
+                            }}
+                          >
+                            --------- GST Breakup Details -----------
+                          </div>
+                          {OrderDetailGST?.length > 0 &&
+                            OrderDetailGST?.[0]?.TaxAmt > 0 && (
+                              <table style={{ width: '90%' }}>
+                                <tr>
+                                  <td
+                                    style={{
+                                      fontSize: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  ></td>
+                                  <td
+                                    style={{
+                                      fontSize: '10px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    Taxable Amount
+                                  </td>
+                                  <td
+                                    style={{
+                                      fontSize: '10px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    CGST
+                                  </td>
+                                  <td
+                                    style={{
+                                      fontSize: '10px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    SGST
+                                  </td>
+                                  <td
+                                    style={{
+                                      fontSize: '10px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    Total Amount
+                                  </td>
+                                </tr>
+                                {OrderDetailGST?.map((item) => (
+                                  <tr>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'right',
+                                      }}
+                                    >
+                                      {item?.TaxPercentage || 0}%
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      {Number(item.WithOutTaxAmount).toFixed(2)}
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      {Number(item.CGST).toFixed(2)}
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      {Number(item.SGST).toFixed(2)}
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      {Number(item.TotalAmt).toFixed(2)}
+                                    </td>
+                                  </tr>
+                                ))}
+                              </table>
+                            )}
+
+                          {OrderDetailIGST?.length > 0 &&
+                            OrderDetailIGST?.[0]?.TaxAmt > 0 && (
+                              <>
+                                <div
+                                  style={{
+                                    border: '0.01px dashed black',
+                                    margin: '10px 0 5px 10px',
+                                    width: '90%',
+                                  }}
+                                ></div>
+                                <table style={{ width: '90%' }}>
+                                  <tr>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'right',
+                                      }}
+                                    ></td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      Taxable Amount
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      IGST
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      Total Amount
+                                    </td>
+                                  </tr>
+                                  {OrderDetailIGST?.map((item) => (
+                                    <tr>
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'right',
+                                        }}
+                                      >
+                                        {item?.TaxPercentage || 0}%
+                                      </td>
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'center',
+                                        }}
+                                      >
+                                        {Number(item.WithOutTaxAmount).toFixed(
+                                          2
+                                        )}
+                                      </td>
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'center',
+                                        }}
+                                      >
+                                        {Number(item.TaxAmt).toFixed(2)}
+                                      </td>
+
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'center',
+                                        }}
+                                      >
+                                        {Number(item.TotalAmt).toFixed(2)}
+                                      </td>
+                                    </tr>
+                                  ))}
+                                </table>
+                              </>
+                            )}
+                          {OrderDetailVAT?.length > 0 &&
+                            OrderDetailVAT?.[0]?.TaxAmt > 0 && (
+                              <>
+                                <div
+                                  style={{
+                                    border: '0.01px dashed black',
+                                    margin: '10px 0 5px 10px',
+                                    width: '90%',
+                                  }}
+                                ></div>
+                                <table style={{ width: '90%' }}>
+                                  <tr>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'right',
+                                      }}
+                                    ></td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      Taxable Amount
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      VAT
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      Total Amount
+                                    </td>
+                                  </tr>
+                                  {OrderDetailVAT?.map((item) => (
+                                    <tr>
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'right',
+                                        }}
+                                      >
+                                        {item?.TaxPercentage || 0}%
+                                      </td>
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'center',
+                                        }}
+                                      >
+                                        {Number(item.WithOutTaxAmount).toFixed(
+                                          2
+                                        )}
+                                      </td>
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'center',
+                                        }}
+                                      >
+                                        {Number(item.TaxAmt).toFixed(2)}
+                                      </td>
+
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'center',
+                                        }}
+                                      >
+                                        {Number(item.TotalAmt).toFixed(2)}
+                                      </td>
+                                    </tr>
+                                  ))}
+                                </table>
+                              </>
+                            )}
+                        </div>
+                        <hr className="PrintStyle7-print-dottline" />
+                      </>
+                    )}
+                </div>
+              )}
+            </div>
+            {DineInData?.length > 0 &&
+              TakeawayData?.length > 0 &&
+              takeAwayPreference && (
+                <div
+                  style={{
+                    display: 'flex',
+                    justifyContent: 'center',
+                    fontSize: '16px',
+                    fontWeight: '600',
+                  }}
+                >
+                  Take Away : ₹{Number(TakeawayTotal).toFixed(2)}
+                </div>
+              )}
+            {DineInData?.length > 0 &&
+              TakeawayData?.length > 0 &&
+              dinePreference && (
+                <div
+                  style={{
+                    display: 'flex',
+                    justifyContent: 'center',
+                    fontSize: '16px',
+                    fontWeight: '600',
+                  }}
+                >
+                  Dine In: ₹{Number(DineInTotal).toFixed(2)}
+                </div>
+              )}
+            <div
+              style={{
+                display: 'flex',
+                justifyContent: 'center',
+                fontSize: '16px',
+                fontWeight: '600',
+              }}
+            >
+              Amount : ₹
+              {GlobaldummyData
+                ? '1,066'
+                : Number(table2Data?.NetAmount).toFixed(2)}
+            </div>
+          </div>
+
+          <hr className="PrintStyle7-print-dottline" />
+          <div
+            style={{
+              display: 'flex',
+              justifyContent: 'space-evenly',
+              marginTop: '5px',
+            }}
+          >
+            <div
+              style={{
+                marginTop: '5px',
+                padding: 0,
+                fontSize: '12px',
+                fontWeight: '600',
+              }}
+            >
+              {PaymentStatusSuccess?.length === 1
+                ? PaymentStatusSuccess?.[0]?.PaymentTypeName
+                : 'Split'}{' '}
+              &nbsp;Payment : &nbsp;
+              {GlobaldummyData
+                ? '1,066'
+                : Number(table2Data?.NetAmount).toFixed(2)}
+              /-{' '}
+            </div>
+          </div>
+          {PaymentStatusSuccess?.length > 1 && (
+            <>
+              {/* <p>Split Payment:</p> */}
+              {Object.keys(aggregatedPayments).map((paymentType) => (
+                <div
+                  key={paymentType}
+                  style={{ margin: 0, padding: 0, fontSize: '12px' }}
+                >
+                  {paymentType}: {aggregatedPayments[paymentType].toFixed(2)}
+                </div>
+              ))}
+            </>
+          )}
+
+          {GlobaldummyData
+            ? GlobalCredit && (
+                <div
+                  style={{
+                    textAlign: 'center',
+                    fontSize: '17px',
+                    fontWeight: '600',
+                    lineHeight: '14px',
+                  }}
+                >
+                  <h6>Advance Amount:</h6>
+                  <h6>Opening Balance:</h6>
+                </div>
+              )
+            : CreditDetails &&
+              table2Data?.CustomerDetails?.length > 0 && (
+                <div
+                  style={{
+                    textAlign: 'center',
+                    fontSize: '12px',
+                    fontWeight: '600',
+                    lineHeight: '12px',
+                  }}
+                >
+                  {/* OLD CREDIT BAL */}
+                  {PaymentStatusSuccess?.[0]?.PaymentTypeName === 'Credit' && (
+                    <>
+                      {table2Data.CustomerDetails[0].OldCreditBal > 0 ? (
+                        <p>
+                          Advance Amount:
+                          {table2Data.CustomerDetails[0].OldCreditBal}
+                        </p>
+                      ) : table2Data.CustomerDetails[0].OldCreditBal < 0 ? (
+                        <p>
+                          {' '}
+                          Opening Balance:{' '}
+                          {Math.abs(table2Data.CustomerDetails[0].OldCreditBal)}
+                        </p>
+                      ) : null}
+                    </>
+                  )}
+
+                  {/* CURRENT CREDIT BAL */}
+                  {table2Data.CustomerDetails[0].CurrentCreditBal > 0 ? (
+                    <p>
+                      {' '}
+                      Current Advance Amount:{' '}
+                      {table2Data.CustomerDetails[0].CurrentCreditBal}
+                    </p>
+                  ) : table2Data.CustomerDetails[0].CurrentCreditBal < 0 ? (
+                    <p>
+                      {' '}
+                      Current Balance Amount:{' '}
+                      {Math.abs(table2Data.CustomerDetails[0].CurrentCreditBal)}
+                    </p>
+                  ) : null}
+                </div>
+              )}
+          {GlobaldummyData && GlobalCashierName && (
+            <div>
+              <div
+                style={{
+                  marginLeft: '13px',
+                  padding: 0,
+                  fontSize: '8px',
+                  fontWeight: '600',
+                }}
+              >
+                Cashier : Cashier Name
+              </div>
+            </div>
+          )}
+          {CashierName &&
+            CashierName !== undefined &&
+            CashierName !== null &&
+            !GlobaldummyData &&
+            CashierNameField && (
+              <div>
+                <div
+                  style={{
+                    marginLeft: '13px',
+                    padding: 0,
+                    fontSize: '8px',
+                    fontWeight: '600',
+                  }}
+                >
+                  Cashier : {CashierName}
+                </div>
+              </div>
+            )}
+          {GlobaldummyData && (
+            <div>
+              <div
+                style={{
+                  marginLeft: '13px',
+                  padding: 0,
+                  fontSize: '8px',
+                  fontWeight: '600',
+                }}
+              >
+                Customer : Customer Name
+              </div>
+            </div>
+          )}
+          {table2Data?.CustSuppName &&
+            table2Data?.CustSuppName !== undefined &&
+            table2Data?.CustSuppName !== null &&
+            !GlobaldummyData && (
+              <div>
+                <div
+                  style={{
+                    marginLeft: '13px',
+                    padding: 0,
+                    fontSize: '8px',
+                    fontWeight: '600',
+                  }}
+                >
+                  Customer : {table2Data?.CustSuppName}
+                </div>
+              </div>
+            )}
+
+          {table2Data?.BookingTypeName == 'Dine In' &&
+            table2Data?.SalesTableLinkDetails?.[0]?.WaiterName && (
+              <div
+                style={{
+                  marginLeft: '13px',
+                  padding: 0,
+                  fontSize: '8px',
+                  fontWeight: '600',
+                }}
+              >
+                Captain : {table2Data?.SalesTableLinkDetails?.[0]?.WaiterName}
+              </div>
+            )}
+          {sportsAppPreference && MembershipApplied && (
+            <div
+              style={{
+                fontWeight: 'bold',
+                width: '100%',
+                textAlign: 'center',
+                paddingTop: '10px',
+              }}
+            >{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>
+          )}
+
+          {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+            ''
+          ) : (
+            <div>
+              {GlobaldummyData
+                ? GlobalQrcodet && (
+                    <div className="PrintStyle7-QRDiv">
+                      <img
+                        className="PrintStyle11-QRcode"
+                        src={QRcode}
+                        alt="QRcode"
+                      />
+                      <div style={{ fontSize: '10px' }}>Scan to Pay </div>
+                      <div style={{ fontSize: '10px' }}>
+                        ₹
+                        {GlobaldummyData
+                          ? '1,066'
+                          : Number(table2Data?.NetAmount).toFixed(2)}
+                      </div>
+                    </div>
+                  )
+                : Qrcodet &&
+                  paymentTypeUPI && (
+                    <div
+                      style={{
+                        display: 'flex',
+                        flexDirection: 'column',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                      }}
+                    >
+                      <QRCode
+                        value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`}
+                        size={80}
+                      />
+                      <div style={{ fontSize: '10px' }}>Scan to Pay </div>
+                      <div style={{ fontSize: '10px' }}>
+                        ₹
+                        {GlobaldummyData
+                          ? '1,066'
+                          : Number(table2Data?.NetAmount).toFixed(2)}
+                      </div>
+                    </div>
+                  )}
+            </div>
+          )}
+
+          <div
+            className="page-footerA4Style11"
+            style={{
+              marginTop: 'auto',
+              pageBreakBefore: 'avoid',
+              pageBreakInside: 'avoid',
+              minHeight: 'auto',
+            }}
+          >
+            {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+              ''
+            ) : (
+              <div>
+                {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' }}>{Notestext}</p>
+
+                        <hr className="PrintA4Style11-print-dottline" />
+                      </div>
+                    )}
+              </div>
+            )}
+
+            {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+              ''
+            ) : (
+              <div
+                style={{
+                  display: 'flex',
+                  width: '90%',
+                  padding: '0 1rem',
+                  justifyContent: GlobaltermsAndConditions
+                    ? 'space-between'
+                    : 'flex-end',
+                  alignItems: 'center',
+                }}
+              >
+                {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
+                  ? GlobalSignature && (
+                      <div
+                        style={{
+                          display: 'flex',
+                          flexDirection: 'column',
+                          alignItems: 'flex-end',
+                          paddingBottom: '1rem',
+                        }}
+                      >
+                        <p
+                          style={{
+                            fontSize: '13px',
+                            fontWeight: 'bold',
+                            marginBottom: '6px',
+                          }}
+                        >
+                          Signature
+                        </p>
+                        <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',
+                        }}
+                      >
+                        <p
+                          style={{
+                            fontSize: '13px',
+                            fontWeight: 'bold',
+                            marginBottom: '6px',
+                          }}
+                        >
+                          Signature
+                        </p>
+                        <img
+                          style={{ width: '100px', height: '60px' }}
+                          src={SignatureImg}
+                          alt=""
+                        />
+                      </div>
+                    )}
+              </div>
+            )}
+          </div>
+
+          {PrintGreeting?.SettingValue === 'Y' && (
+            <>
+              <div
+                style={{
+                  display: 'flex',
+                  justifyContent: 'center',
+                  margin: '0.5rem 0rem',
+                  fontWeight: '600',
+                }}
+              >
+                Thank You Visit Again
+              </div>
+              <hr class="star-line" />
+            </>
+          )}
+        </div>
+      )}
+    </>
+  );
 };
 
 export default PrintStyle7;
diff --git a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle8.jsx b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle8.jsx
index 1838949..fa9cb3a 100644
--- a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle8.jsx
+++ b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle8.jsx
@@ -1,1517 +1,4542 @@
 import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import QrImage from '../../../../Images/QRcode.png';
-import { extractLastNumber, extractLastNumberOrderId } from '../../../../Services/Others';
 import {
-    GlobalprintSlNo,
-    GlobalprintItem,
-    GlobalprintMRP,
-    GlobalprintDiscount,
-    GlobalprintQuantity,
-    GlobalprintRate,
-    GlobalprintAmount,
-    GlobalprintHsnCode,
-    GlobalprintQrcodet,
-    GlobalPritdummyData,
-    changeReprintDataFound,
-    GloabalFieldDetails,
-    GlobalprintSignature,
-    GlobalprinttermsAndConditions,
-    GlobalSignatureImage,
-    Globalnotes,
-    GlobalthemeFormat,
-    GlobalBillName,
-    GlobalprintCashierName,
-    GlobalprintLogo,
-    GlobalprintCredit,
-    GlobalprintTax,
+  extractLastNumber,
+  extractLastNumberOrderId,
+} from '../../../../Services/Others';
+import {
+  GlobalprintSlNo,
+  GlobalprintItem,
+  GlobalprintMRP,
+  GlobalprintDiscount,
+  GlobalprintQuantity,
+  GlobalprintRate,
+  GlobalprintAmount,
+  GlobalprintHsnCode,
+  GlobalprintQrcodet,
+  GlobalPritdummyData,
+  changeReprintDataFound,
+  GloabalFieldDetails,
+  GlobalprintSignature,
+  GlobalprinttermsAndConditions,
+  GlobalSignatureImage,
+  Globalnotes,
+  GlobalthemeFormat,
+  GlobalBillName,
+  GlobalprintCashierName,
+  GlobalprintLogo,
+  GlobalprintCredit,
+  GlobalprintTax,
+  GlobalSelectedPrintHeaderColor,
 } from '../../../../Features/ThemeChange/ThemeChange';
-import Logo from '../../../../Images/Logo.jpg'
-import { GlobalUpiIDprint, PreferenceData } from '../../../../Features/BookingScreen/BookingData/BookingData';
+import Logo from '../../../../Images/Logo.jpg';
+import {
+  GlobalUpiIDprint,
+  PreferenceData,
+} from '../../../../Features/BookingScreen/BookingData/BookingData';
 import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle8.scss';
 import QRCode from 'react-qr-code';
-import signature from "../../../../Images/signatureimage.jpg"
+import signature from '../../../../Images/signatureimage.jpg';
 import { ApplicationPreferences } from '../../../../Features/BrachLogin/BranchLogin';
 import { isMobile } from 'react-device-detect';
 import { settingDataSelector } from '../../../../Features/PreferenceMaster/PreferenceMaster';
 
-const Printstyle8 = ({ index, ExtraChargeTotal, Date1, totalQuantityFilter, BranchAddress, BranchCity, BranchZip, CashierName, totalQuantity, OrderDetailGST, OrderDetailIGST,
-    OrderDetailVAT, table2Data, PaymentStatus, PrintGreeting, base64Image, PrintLogo, printDatas, isPdf, sportsAppPreference, SalesModePref, MembershipApplied = null }) => {
+const Printstyle8 = ({
+  index,
+  ExtraChargeTotal,
+  Date1,
+  totalQuantityFilter,
+  BranchAddress,
+  BranchCity,
+  BranchZip,
+  CashierName,
+  totalQuantity,
+  OrderDetailGST,
+  OrderDetailIGST,
+  OrderDetailVAT,
+  table2Data,
+  PaymentStatus,
+  PrintGreeting,
+  base64Image,
+  PrintLogo,
+  printDatas,
+  isPdf,
+  sportsAppPreference,
+  SalesModePref,
+  MembershipApplied = null,
+}) => {
+  const dispatch = useDispatch();
+  const GlobalUpiID = useSelector(GlobalUpiIDprint);
+  const FieldDetails = useSelector(GloabalFieldDetails);
+  const SLNO = FieldDetails?.['Sl.No'];
+  const Item = FieldDetails?.['Item'];
+  const MRP = FieldDetails?.['MRP'];
+  const Discount = FieldDetails?.['Discount'];
+  const Tax = FieldDetails?.['Tax'];
+  const Quantity = FieldDetails?.['Quantity'];
+  const Rate = FieldDetails?.['Rate'];
+  const Amount = FieldDetails?.['Amount'];
+  const HsnCode = FieldDetails?.['HsnCode'];
+  const Qrcodet = FieldDetails?.['Qrcode'];
+  const CashierNameField = FieldDetails?.['CashierName'];
+  const LogoField = FieldDetails?.['Logo'];
+  const CreditDetails = FieldDetails?.['Credit details'];
+  const WeightasKg = FieldDetails?.['Weight'];
+  const GlobalSlNo = useSelector(GlobalprintSlNo);
+  const GlobalItem = useSelector(GlobalprintItem);
+  const GlobalMRP = useSelector(GlobalprintMRP);
+  const GlobalDiscount = useSelector(GlobalprintDiscount);
+  const GlobalTax = useSelector(GlobalprintTax);
+  const GlobalQuantity = useSelector(GlobalprintQuantity);
+  const GlobalRate = useSelector(GlobalprintRate);
+  const GlobalAmount = useSelector(GlobalprintAmount);
+  const GlobalHsnCode = useSelector(GlobalprintHsnCode);
+  const GlobalQrcodet = useSelector(GlobalprintQrcodet);
+  const GlobaldummyData = useSelector(GlobalPritdummyData);
+  const GlobalSignature = useSelector(GlobalprintSignature);
+  const GlobaltermsAndConditions = useSelector(GlobalprinttermsAndConditions);
+  const GlobalSignatureImages = useSelector(GlobalSignatureImage);
+  const GlobalIsnotes = useSelector(Globalnotes);
+  const GlobalthemeFormatr = useSelector(GlobalthemeFormat);
+  const GlobalBilltext = useSelector(GlobalBillName);
+  const appPreferences = useSelector(ApplicationPreferences);
+  const GlobalCashierName = useSelector(GlobalprintCashierName);
+  const GlobalLogo = useSelector(GlobalprintLogo);
+  const GlobalCredit = useSelector(GlobalprintCredit);
+  const SettingData = useSelector(PreferenceData);
+  const estimatePrintHeader =
+    SettingData?.[0]?.SettingDtlDetails?.find(
+      (setting) =>
+        setting?.SettingIdName?.toLowerCase() === 'estimateprintheader'
+    )?.SettingValue === 'Y';
+  const bookingTypePreference = appPreferences?.find(
+    (preference) => preference?.PreferredCatName === 'Booking Type'
+  )?.PreferenceCatDetails;
+  const dinePreference = bookingTypePreference?.find(
+    (type) =>
+      type?.PreferredSubCatName?.toLowerCase() === 'dine in' &&
+      type?.PreferredStatus === 'Y'
+  );
+  const takeAwayPreference = bookingTypePreference?.find(
+    (type) =>
+      type?.PreferredSubCatName?.toLowerCase() === 'take away' &&
+      type?.PreferredStatus === 'Y'
+  );
+  const paymentTypeUPI = PaymentStatus?.find(
+    (ps) => ps.PaymentTypeName === 'UPI'
+  );
+   const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
 
-    const dispatch = useDispatch();
-    const GlobalUpiID = useSelector(GlobalUpiIDprint)
-    const FieldDetails = useSelector(GloabalFieldDetails);
-    const SLNO = FieldDetails?.["Sl.No"];
-    const Item = FieldDetails?.["Item"];
-    const MRP = FieldDetails?.["MRP"];
-    const Discount = FieldDetails?.["Discount"];
-    const Tax = FieldDetails?.["Tax"];
-    const Quantity = FieldDetails?.["Quantity"];
-    const Rate = FieldDetails?.["Rate"];
-    const Amount = FieldDetails?.["Amount"];
-    const HsnCode = FieldDetails?.["HsnCode"];
-    const Qrcodet = FieldDetails?.["Qrcode"];
-    const CashierNameField = FieldDetails?.["CashierName"];
-    const LogoField = FieldDetails?.["Logo"];
-    const CreditDetails = FieldDetails?.["Credit details"];
-    const WeightasKg = FieldDetails?.['Weight'];
-    const GlobalSlNo = useSelector(GlobalprintSlNo);
-    const GlobalItem = useSelector(GlobalprintItem);
-    const GlobalMRP = useSelector(GlobalprintMRP);
-    const GlobalDiscount = useSelector(GlobalprintDiscount);
-    const GlobalTax = useSelector(GlobalprintTax);
-    const GlobalQuantity = useSelector(GlobalprintQuantity);
-    const GlobalRate = useSelector(GlobalprintRate);
-    const GlobalAmount = useSelector(GlobalprintAmount);
-    const GlobalHsnCode = useSelector(GlobalprintHsnCode);
-    const GlobalQrcodet = useSelector(GlobalprintQrcodet);
-    const GlobaldummyData = useSelector(GlobalPritdummyData);
-    const GlobalSignature = useSelector(GlobalprintSignature);
-    const GlobaltermsAndConditions = useSelector(GlobalprinttermsAndConditions);
-    const GlobalSignatureImages = useSelector(GlobalSignatureImage);
-    const GlobalIsnotes = useSelector(Globalnotes);
-    const GlobalthemeFormatr = useSelector(GlobalthemeFormat)
-    const GlobalBilltext = useSelector(GlobalBillName)
-    const appPreferences = useSelector(ApplicationPreferences);
-    const GlobalCashierName = useSelector(GlobalprintCashierName);
-    const GlobalLogo = useSelector(GlobalprintLogo);
-    const GlobalCredit = useSelector(GlobalprintCredit);
-    const SettingData = useSelector(PreferenceData);
-    const estimatePrintHeader = SettingData?.[0]?.SettingDtlDetails?.find(setting => setting?.SettingIdName?.toLowerCase() === 'estimateprintheader')?.SettingValue === 'Y'
-    const bookingTypePreference = appPreferences?.find((preference) => preference?.PreferredCatName === 'Booking Type')?.PreferenceCatDetails
-    const dinePreference = bookingTypePreference?.find((type) => type?.PreferredSubCatName?.toLowerCase() === "dine in" && type?.PreferredStatus === 'Y')
-    const takeAwayPreference = bookingTypePreference?.find((type) => type?.PreferredSubCatName?.toLowerCase() === "take away" && type?.PreferredStatus === 'Y')
-    const paymentTypeUPI = PaymentStatus?.find((ps) => ps.PaymentTypeName === "UPI")
+  console.log(GlobalDiscount, Discount, 'Discount');
 
-    console.log(GlobalDiscount, Discount, "Discount");
+  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'];
 
-    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"];
+  let PaymentStatusSuccess = PaymentStatus?.filter(
+    (ps) => ps.PaymentStatus === 'S'
+  );
+  const keysLength = Object.keys(table2Data ?? {}).length;
+  if (keysLength > 0) {
+    dispatch(changeReprintDataFound(true));
+  }
+  const PackageDetails = table2Data?.PackageDtl;
+  const currentDate = new Date();
+  const day = currentDate.getDate().toString().padStart(2, '0');
+  const monthNames = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec',
+  ];
+  const monthIndex = currentDate.getMonth();
+  const year = currentDate.getFullYear().toString().slice(-2);
 
-    let PaymentStatusSuccess = PaymentStatus?.filter(ps => ps.PaymentStatus === "S")
-    const keysLength = Object.keys(table2Data ?? {}).length;
-    if (keysLength > 0) {
-        dispatch(changeReprintDataFound(true));
+  const formattedDate = `${day}-${monthNames[monthIndex]}-${year}`;
+
+  const TakeawayData = table2Data?.productDetails?.filter(
+    (item) => item.BookingTypeName?.toLowerCase() === 'takeaway'
+  );
+  const DineInData = table2Data?.productDetails?.filter(
+    (item) => item.BookingTypeName?.toLowerCase() === 'dine in'
+  );
+
+  const TakeawayTotal = TakeawayData?.reduce(
+    (accumulator, currentValue) => accumulator + currentValue.TotalAmt,
+    0
+  );
+  const DineInTotal = DineInData?.reduce(
+    (accumulator, currentValue) => accumulator + currentValue.TotalAmt,
+    0
+  );
+
+  const aggregatedPayments = PaymentStatusSuccess?.reduce(
+    (acc, paymentdata) => {
+      const paymentType = paymentdata?.PaymentTypeName;
+      const amount = Number(paymentdata?.Amount);
+
+      if (acc[paymentType]) {
+        acc[paymentType] += amount;
+      } else {
+        acc[paymentType] = amount;
+      }
+
+      return acc;
+    },
+    {}
+  );
+  const productsData = table2Data?.productDetails || [];
+  const offers = table2Data?.OrderOfferDetails || [];
+
+  let TotalOfferAmount = 0;
+
+  // Calculate SalesWiseOffers total amount
+  offers.forEach((offer) => {
+    if (offer.TableName === 'SalesWiseOffers') {
+      TotalOfferAmount += offer.OfferAmount;
     }
-    const PackageDetails = table2Data?.PackageDtl;
-    const currentDate = new Date();
-    const day = currentDate.getDate().toString().padStart(2, '0');
-    const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-    const monthIndex = currentDate.getMonth();
-    const year = currentDate.getFullYear().toString().slice(-2);
+  });
+  const hasMappedOffer = offers.some((offer) =>
+    ['ItemWiseOffers', 'BundleOffers', 'QuantityWiseOffers'].includes(
+      offer.TableName
+    )
+  );
 
-    const formattedDate = `${day}-${monthNames[monthIndex]}-${year}`;
-
-    const TakeawayData = table2Data?.productDetails?.filter(item => item.BookingTypeName?.toLowerCase() === "takeaway")
-    const DineInData = table2Data?.productDetails?.filter(item => item.BookingTypeName?.toLowerCase() === "dine in")
-
-    const TakeawayTotal = TakeawayData?.reduce(
-        (accumulator, currentValue) => accumulator + currentValue.TotalAmt,
-        0,
+  if (hasMappedOffer) {
+    const productTotal = productsData?.reduce(
+      (acc, item) =>
+        acc + (item?.Type != 'C' ? item.OfferAmt : item.OfferValue || 0),
+      0
     );
-    const DineInTotal = DineInData?.reduce(
-        (accumulator, currentValue) => accumulator + currentValue.TotalAmt,
-        0,
+    TotalOfferAmount += productTotal;
+  } else {
+    const Combothere = productsData?.filter((item) => item?.Type == 'C');
+    const CombothereTotal = Combothere?.reduce(
+      (acc, item) => acc + (item.OfferValue || 0),
+      0
     );
-
-    const aggregatedPayments = PaymentStatusSuccess?.reduce((acc, paymentdata) => {
-        const paymentType = paymentdata?.PaymentTypeName;
-        const amount = Number(paymentdata?.Amount);
-
-        if (acc[paymentType]) {
-            acc[paymentType] += amount;
-        } else {
-            acc[paymentType] = amount;
-        }
-
-        return acc;
-    }, {});
-    const productsData = table2Data?.productDetails || [];
-    const offers = table2Data?.OrderOfferDetails || [];
-
-    let TotalOfferAmount = 0;
-
-    // Calculate SalesWiseOffers total amount
-    offers.forEach(offer => {
-        if (offer.TableName === 'SalesWiseOffers') {
-            TotalOfferAmount += offer.OfferAmount;
-        }
-    });
-    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);
-        TotalOfferAmount += productTotal;
-    } else {
-        const Combothere = productsData?.filter(item => item?.Type == "C")
-        const CombothereTotal = Combothere?.reduce((acc, item) => acc + (item.OfferValue || 0), 0);
-        TotalOfferAmount += CombothereTotal;
-    }
-    const products = [
-        { ProdName: 'ITEM 1', Rate: 88.00, SalesQty: 2, MRP: 100, TotalAmt: 176, discount: 0, HSN: '01', Size: 250, UomName: 'g', ProdTaxPercentage: 5 },
-        { ProdName: 'ITEM 2', Rate: 300.00, SalesQty: 1, MRP: 350, TotalAmt: 300, discount: 0, HSN: '02', Size: 250, UomName: 'g', ProdTaxPercentage: 5 },
-        { ProdName: 'ITEM 3', Rate: 200.00, SalesQty: 1, MRP: 250, TotalAmt: 200, discount: 0, HSN: '03', Size: 250, UomName: 'g', ProdTaxPercentage: 0 },
-        { ProdName: 'ITEM 4', Rate: 30.00, SalesQty: 1, MRP: 50, TotalAmt: 30, discount: 0, HSN: '04', Size: 250, UomName: 'g', ProdTaxPercentage: 18 },
-        { ProdName: 'ITEM 5', Rate: 30.00, SalesQty: 1, MRP: 50, TotalAmt: 30, discount: 0, HSN: '05', Size: 250, UomName: 'g', ProdTaxPercentage: 40 },
-        { ProdName: 'ITEM 6', Rate: 130.00, SalesQty: 1, MRP: 150, TotalAmt: 130, discount: 0, HSN: '06', Size: 250, UomName: 'g', ProdTaxPercentage: 0 },
-        { ProdName: 'ITEM 7', Rate: 230.00, SalesQty: 1, MRP: 250, TotalAmt: 230, discount: 0, HSN: '08', Size: 250, UomName: 'g', ProdTaxPercentage: 5 },
-    ];
-
-    console.log(printDatas, "printDatasjk")
-    const chunkSize = PageSize == "A5" ? 10 : 16;
-    let dataSource = [];
-
-    if (GlobaldummyData || TakeawayData?.length > 0) {
-        dataSource = GlobaldummyData ? products : TakeawayData;
-    } else if (DineInData?.length > 0) {
-        dataSource = DineInData;
-    }
-
-    // Paginate the data
-    const paginatedChunks = [];
-    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 > (PageSize == "A5" ? 5 : 13);
-
-    return (
-        <>
-            {FormatTheme ?
-                <div id={`PrintStyle8-${index}`} className='PrintStyle8MasterDiv' style={{ fontFamily: "'Courier New', Courier, monospace", position: "relative", width: "100%", minHeight: isMobile ? "" : PageSize == "A5" ? '210mm' : '297mm' }}>
-                    {paginatedChunks.map((dataChunk, chunkIndex) => (
-                        <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: isMobile ? "295mm" : FormatTheme ? PageSize == "A5" ? '170mm' : "257mm" : "", }} key={chunkIndex}>
-
-
-                            {/* <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='PrintStyle8-fistDiv' style={{}} >
-                                    {/* <h3>{table2Data?.BrName}</h3> */}
-
-                                    <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
-                                        {(GlobalLogo && GlobaldummyData) ? <img className='PrintStyle2-BrandImage' src={Logo} alt='image' /> : null}
-                                        {(base64Image && (PrintLogo?.SettingValue === "Y" || LogoField)) ? <img className='PrintStyle2-BrandImage' src={base64Image} alt='image' width={100} /> : null}
-                                        <div style={{ fontSize: "clamp(1.25rem, 2.5vw, 1.75rem)", fontWeight: '600', }} >{GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}</div>
-                                    </div>
-
-
-                                    <div className='PrintStyle8-BrAddress' style={{ fontSize: "clamp(0.63rem, 2.5vw, 1.2rem)" }}>
-                                        {GlobaldummyData ?
-                                            'BranchAddress, Town- 635XXX City - State' :
-                                            (BranchAddress || '') + (BranchCity ? (BranchAddress && BranchCity ? '-' : '') + BranchCity : '') + (BranchZip ? (BranchCity && BranchZip ? '-' : '') + BranchZip : '')}
-                                    </div>
-                                    <div className='PrintStyle8-BrAddress' style={{ fontSize: "clamp(0.63rem, 2.5vw, 1.2rem)" }}>  Mobile : +91 {GlobaldummyData ? '986XXXXXXX' : table2Data?.BrMobile}</div>
-                                </div>)}
-                                {table2Data?.OrderType === "E" && <div className='PrintStyle4-FourthSpan' style={{ textTransform: 'uppercase', fontWeight: '600' }}>Estimate {SalesModePref?.SettingValue == 'Y' && `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}</div>}
-
-                                {table2Data?.OrderType === "E" ? "" : <div className='PrintStyle4-FourthSpan' style={{ textTransform: 'uppercase', fontWeight: '600' }}>{GlobaldummyData ? 'Cash' : BillName ? BillName : PaymentStatusSuccess?.length === 1 ? PaymentStatusSuccess?.[0]?.PaymentTypeName : ""} {SalesModePref?.SettingValue == 'Y' && `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}</div>}
-
-                                <div className='PrintStyle8-SecondDiv'>
-                                    <div style={{ fontWeight: '600' }}>Bill No :{GlobaldummyData ? '553' : table2Data?.OrderId && extractLastNumberOrderId(table2Data?.OrderId, table2Data?.FYStatus)}</div>
-                                    <div style={{ fontSize: "clamp(0.63rem, 2.5vw, 1.2rem)" }}>{GlobaldummyData ? formattedDate : Date1}</div>
-                                </div>
-
-                                <hr className="PrintStyle8-print-dottline" />
-                            </div>
-                            <div style={{ marginTop: GlobaldummyData ? "9rem" : "0rem" }} className="print-body">
-                                {(TakeawayData?.length > 0 || GlobaldummyData) &&
-                                    <>
-                                        {takeAwayPreference && <div style={{ display: 'flex', width: '100%', justifyContent: 'center', alignItems: "center", fontSize: "12px", fontWeight: "600" }}>TakeAway</div>}
-
-                                        <div className="PrintStyle8-print-tableMaster">
-                                            <table className="PrintStyle8-print-table">
-                                                <thead>
-                                                    <tr>
-                                                        {GlobaldummyData ? GlobalSlNo && <th style={{ width: "10px", textAlign: "center" }}>S.No</th> : SLNO && <th style={{ width: "10px", textAlign: "center" }}>S.No</th>}
-                                                        {GlobaldummyData ? GlobalItem && <th>Dis</th> : Item && <th>Des</th>}
-                                                        {GlobaldummyData ? GlobalHsnCode && <th style={{ width: "10px", textAlign: "right" }}>HSN</th> : HsnCode && <th style={{ width: "10px", textAlign: "right" }}>HSN</th>}
-                                                        {GlobaldummyData ? GlobalMRP && <th style={{ width: "10px", textAlign: "right" }}>MRP</th> : MRP && <th style={{ width: "10px", textAlign: "right" }}>MRP</th>}
-                                                        {GlobaldummyData ? GlobalRate && <th style={{ width: "10px", textAlign: "right" }}>Rate</th> : Rate && <th style={{ width: "10px", textAlign: "right" }}>Rt</th>}
-                                                        {GlobaldummyData ? GlobalDiscount && <th style={{ width: "10px", textAlign: "right" }}>(%)</th> : Discount && <th style={{ width: "10px", textAlign: "right" }}>(%)</th>}
-                                                        {GlobaldummyData ? GlobalTax && <th style={{ width: "10px", textAlign: "right" }}>Tax %</th> : (Tax && table2Data?.OrderType !== 'E') && <th style={{ width: "10px", textAlign: "right" }}>Tax %</th>}
-                                                        {GlobaldummyData ? GlobalQuantity && <th style={{ width: "10px", textAlign: "right" }}>Qty</th> : Quantity && <th style={{ width: "10px", textAlign: "right" }}>{ WeightasKg ?'Qty/Kg' :'Qty'}</th>}
-                                                        {GlobaldummyData ? GlobalAmount && <th style={{ width: "10px", textAlign: "right" }}>Amt</th> : Amount && <th style={{ width: "10px", textAlign: "right" }}>Amt</th>}
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    {dataChunk?.map((item, index) => {
-                                                        return (
-                                                            <tr key={index}>
-                                                                {GlobaldummyData ? GlobalSlNo && <td style={{ textAlign: 'center' }}>{chunkIndex * chunkSize + index + 1}</td> : SLNO && <td style={{ textAlign: 'center' }}>{chunkIndex * chunkSize + index + 1}</td>}
-                                                                {GlobaldummyData ? GlobalItem && <td >{item?.ProdName}</td> : Item && <td style={{ display: 'flex', flexDirection: 'column' }}>
-                                                                    <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>)}
-                                                                </td>}
-                                                                {GlobaldummyData ? GlobalHsnCode && <td>{item?.HSN}</td> : HsnCode && <td>{item?.HSN}</td>}
-                                                                {GlobaldummyData ? GlobalMRP && <td style={{ textAlign: 'right' }}>{item?.MRP}</td> : MRP && <td style={{ textAlign: 'right' }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</td>}
-                                                                {GlobaldummyData ? GlobalRate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td> : Rate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td>}
-                                                                {GlobaldummyData ? GlobalDiscount && <td style={{ textAlign: 'right' }}>{item?.discount}</td> : Discount && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</td>}
-                                                                {GlobaldummyData ? GlobalTax && <td style={{ textAlign: 'right' }}>{item?.ProdTaxPercentage}</td> : (Tax && table2Data?.OrderType !== 'E') && <td style={{ textAlign: 'right' }}>{item?.ProdTaxPercentage || 0}</td>}
-                                                                {GlobaldummyData ? GlobalQuantity && <td style={{ textAlign: 'right' }}>{item?.SalesQty}</td> : Quantity && <td style={{ textAlign: 'right' }}>{item?.SalesQty}</td>}
-                                                                {GlobaldummyData ? GlobalAmount && <td style={{ width: "10px", textAlign: 'right' }}>{item?.TotalAmt}</td> : Amount && <td style={{ width: "10px", textAlign: 'right' }}>{item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</td>}
-                                                            </tr>
-                                                        )
-                                                    })}
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                    </>
-                                }
-                                {(DineInData?.length > 0 && dinePreference) &&
-                                    <>
-                                        <div style={{ display: 'flex', width: '100%', justifyContent: 'center', alignItems: "center", fontSize: "12px", fontWeight: "600" }}>Dine In</div>
-
-                                        <div className="PrintStyle8-print-tableMaster">
-                                            <table className="PrintStyle8-print-table">
-                                                <thead>
-                                                    <tr>
-                                                        {GlobaldummyData ? GlobalSlNo && <th style={{ width: "10px", textAlign: "center" }}>S.No</th> : SLNO && <th style={{ width: "10px", textAlign: "center" }}>S.No</th>}
-                                                        {GlobaldummyData ? GlobalItem && <th>Dis</th> : Item && <th>Des</th>}
-                                                        {GlobaldummyData ? GlobalHsnCode && <th style={{ width: "10px", textAlign: "right" }}>HSN</th> : HsnCode && <th style={{ width: "10px", textAlign: "right" }}>HSN</th>}
-                                                        {GlobaldummyData ? GlobalMRP && <th style={{ width: "10px", textAlign: "right" }}>MRP</th> : MRP && <th style={{ width: "10px", textAlign: "right" }}>MRP</th>}
-                                                        {GlobaldummyData ? GlobalRate && <th style={{ width: "10px", textAlign: "right" }}>Rate</th> : Rate && <th style={{ width: "10px", textAlign: "right" }}>Rt</th>}
-                                                        {GlobaldummyData ? GlobalDiscount && <th style={{ width: "10px", textAlign: "right" }}>(%)</th> : Discount && <th style={{ width: "10px", textAlign: "right" }}>(%)</th>}
-                                                        {GlobaldummyData ? GlobalTax && <th style={{ width: "10px", textAlign: "right" }}>Tax %</th> : (Tax && table2Data?.OrderType !== 'E') && <th style={{ width: "10px", textAlign: "right" }}>Tax %</th>}
-                                                        {GlobaldummyData ? GlobalQuantity && <th style={{ width: "10px", textAlign: "right" }}>Qty</th> : Quantity && <th style={{ width: "10px", textAlign: "right" }}>{ WeightasKg ?'Qty/Kg' :'Qty'}</th>}
-                                                        {GlobaldummyData ? GlobalAmount && <th style={{ width: "10px", textAlign: "right" }}>Amt</th> : Amount && <th style={{ width: "10px", textAlign: "right" }}>Amt</th>}
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    {dataChunk?.map((item, index) => {
-                                                        return (
-                                                            <tr key={index}>
-                                                                {GlobaldummyData ? GlobalSlNo && <td style={{ textAlign: 'center' }}>{index + 1}</td> : SLNO && <td style={{ textAlign: 'center' }}>{chunkIndex * chunkSize + index + 1}</td>}
-                                                                {GlobaldummyData ? GlobalItem && <td >{item?.ProdName}</td> : Item && <td 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"}){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>);
-                                                                                }
-                                                                                ) : ""}</div>
-                                                                </td>}
-                                                                {GlobaldummyData ? GlobalHsnCode && <td>{item?.HSN}</td> : HsnCode && <td>{item?.HSN}</td>}
-                                                                {GlobaldummyData ? GlobalMRP && <td style={{ textAlign: 'right' }}>{item?.MRP}</td> : MRP && <td style={{ textAlign: 'right' }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</td>}
-                                                                {GlobaldummyData ? GlobalRate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td> : Rate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td>}
-                                                                {GlobaldummyData ? GlobalDiscount && <td style={{ textAlign: 'right' }}>{item?.discount}</td> : Discount && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}
-                                                                </td>}
-                                                                {GlobaldummyData ? GlobalTax && <td style={{ textAlign: 'right' }}>{item?.ProdTaxPercentage}</td> : (Tax && table2Data?.OrderType !== 'E') && <td style={{ textAlign: 'right' }}>{item?.ProdTaxPercentage || 0}</td>}
-                                                                {GlobaldummyData ? GlobalQuantity && <td style={{ textAlign: 'right' }}>{item?.SalesQty}</td> : Quantity && <td style={{ textAlign: 'right' }}>{item?.SalesQty}</td>}
-                                                                {GlobaldummyData ? GlobalAmount && <td style={{ width: "10px", textAlign: 'right' }}>{item?.TotalAmt}</td> : Amount && <td style={{ width: "10px", textAlign: 'right' }}>{item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</td>}
-                                                            </tr>
-                                                        )
-                                                    })}
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                    </>
-                                }
-                            </div>
-
-                            {((chunkIndex === paginatedChunks.length - 1) && (!shouldFooterBeOnNewPage)) && FormatTheme &&
-
-                                <>
-                                    <hr className="PrintStyle8-print-dottline" />
-                                    <div style={{ fontSize: "12px" }}>
-                                        <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                            <div style={{ width: '40%' }}>Items </div>
-                                            <div> : </div>
-                                            <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }} >{GlobaldummyData ? '8' : totalQuantityFilter?.length}</div>
-                                        </div>
-                                        <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                            <div style={{ width: '40%' }}>Qty </div>
-                                            <div> : </div>
-                                            <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }} >{GlobaldummyData ? '9' : totalQuantity}</div>
-                                        </div>
-                                        {(table2Data?.OverallDisc > 0 || TotalOfferAmount > 0) &&
-                                            <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                                <div style={{ width: '40%' }}>Off </div>
-                                                <div> : </div>
-                                                <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }} >{GlobaldummyData ? '10' : Number(TotalOfferAmount + table2Data?.OverallDisc).toFixed(2)}</div>
-                                            </div>
-                                        }
-                                        {(DineInData?.length > 0 && TakeawayData?.length > 0 && takeAwayPreference) &&
-                                            <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                                <div style={{ width: '40%' }}>Take Away</div>
-                                                <div> : </div>
-                                                <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }}>{GlobaldummyData ? '1,066' : Number(TakeawayTotal).toFixed(2)}</div>
-                                            </div>
-                                        }
-                                        {(DineInData?.length > 0 && TakeawayData?.length > 0 && dinePreference) &&
-                                            <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                                <div style={{ width: '40%' }}>Dine In</div>
-                                                <div> : </div>
-                                                <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }}>{GlobaldummyData ? '1,066' : Number(DineInTotal).toFixed(2)}</div>
-                                            </div>
-                                        }
-                                        <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                            <div style={{ width: '40%' }}>Amount</div>
-                                            <div> : </div>
-                                            <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }}>{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                        </div>
-                                    </div>
-
-                                    <div className='PrintStyle8-FourthDiv'>
-
-                                        {(table2Data?.OrderType === "E") ? '' : <div className='PrintStyle8-FourthP'>
-                                            <div>
-                                                {((OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) ||
-                                                    (OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) ||
-                                                    (OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0)) && (table2Data?.NetAmount !== 0) &&
-                                                    <>
-                                                        <hr className="PrintStyle8-print-dottline" />
-
-                                                        <div>
-                                                            <p style={{ margin: 0, padding: 0, fontSize: "12px", textAlign: "center" }}>
-                                                                --------- GST Breakup Details -----------</p>
-                                                            {(OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) &&
-                                                                <table style={{ width: "90%" }}>
-
-                                                                    <tr>
-                                                                        <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                            Taxable Amount
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                            CGST
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                            SGST
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-
-                                                                            Total Amount
-                                                                        </td>
-                                                                    </tr>
-                                                                    {OrderDetailGST?.map((item) =>
-                                                                        <tr>
-                                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                                {item?.TaxPercentage || 0}%
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                {Number(item.CGST).toFixed(2)}
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                {Number(item.SGST).toFixed(2)}
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                                        </tr>
-                                                                    )
-                                                                    }
-                                                                </table>
-                                                            }
-
-                                                            {(OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) &&
-                                                                <>
-                                                                    <div style={{ border: "0.01px dashed black", margin: "10px 0 5px 10px", width: '90%' }}></div>
-                                                                    <table style={{ width: "90%" }}>
-
-                                                                        <tr>
-                                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                Taxable Amount
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                IGST
-                                                                            </td>
-
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-
-                                                                                Total Amount
-                                                                            </td>
-                                                                        </tr>
-                                                                        {OrderDetailIGST?.map((item) =>
-                                                                            <tr>
-                                                                                <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                                    {item?.TaxPercentage || 0}%
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.TaxAmt).toFixed(2)}
-                                                                                </td>
-
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                                            </tr>
-                                                                        )
-                                                                        }
-                                                                    </table>
-                                                                </>
-                                                            }
-                                                            {(OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0) &&
-                                                                <>
-                                                                    <div style={{ border: "0.01px dashed black", margin: "10px 0 5px 10px", width: '90%' }}></div>
-                                                                    <table style={{ width: "90%" }}>
-
-                                                                        <tr>
-                                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                Taxable Amount
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                VAT
-                                                                            </td>
-
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-
-                                                                                Total Amount
-                                                                            </td>
-                                                                        </tr>
-                                                                        {OrderDetailVAT?.map((item) =>
-                                                                            <tr>
-                                                                                <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                                    {item?.TaxPercentage || 0}%
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.TaxAmt).toFixed(2)}
-                                                                                </td>
-
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                                            </tr>
-                                                                        )
-                                                                        }
-                                                                    </table>
-                                                                </>
-                                                            }
-
-                                                        </div>
-                                                        <hr className="PrintStyle8-print-dottline" />
-
-                                                    </>
-                                                }
-                                            </div>
-                                        </div>}
-
-                                    </div>
-
-                                    <div style={{ display: "flex", justifyContent: "space-evenly", marginTop: '5px' }}>
-                                        <div style={{ marginTop: '5px', padding: 0, fontSize: "15px", fontWeight: "600" }}>{PaymentStatusSuccess?.length === 1 ? PaymentStatusSuccess?.[0]?.PaymentTypeName : "Split"} &nbsp;Payment : &nbsp;{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}/- </div>
-                                    </div>
-                                    <hr className="PrintStyle8-print-dottline" />
-
-                                    {GlobaldummyData ? (
-                                        GlobalCredit && (
-                                            <div style={{ textAlign: "left", fontSize: "12px", fontWeight: "600", lineHeight: "12px" }}>
-                                                <h6>Advance Amount:</h6>
-                                                <h6>Opening Balance:</h6>
-                                            </div>
-                                        )
-                                    ) : (
-                                        CreditDetails &&
-                                        table2Data?.CustomerDetails?.length > 0 && (
-                                            <div style={{ textAlign: "left", fontSize: "12px", fontWeight: "600", lineHeight: "12px" }}>
-
-                                                {/* OLD CREDIT BAL */}
-                                                {PaymentStatusSuccess?.[0]?.PaymentTypeName === "Credit" && (
-                                                    <>
-                                                        {table2Data.CustomerDetails[0].OldCreditBal > 0 ? (
-                                                            <p>Advance Amount:{table2Data.CustomerDetails[0].OldCreditBal}</p>
-                                                        ) : table2Data.CustomerDetails[0].OldCreditBal < 0 ? (
-                                                            <p> Opening Balance: {Math.abs(table2Data.CustomerDetails[0].OldCreditBal)}</p>
-                                                        ) : null}
-                                                    </>
-                                                )}
-
-                                                {/* CURRENT CREDIT BAL */}
-                                                {table2Data.CustomerDetails[0].CurrentCreditBal > 0 ? (
-                                                    <p> Current Advance Amount: {table2Data.CustomerDetails[0].CurrentCreditBal}</p>
-                                                ) : table2Data.CustomerDetails[0].CurrentCreditBal < 0 ? (
-                                                    <p> Current Balance Amount: {Math.abs(table2Data.CustomerDetails[0].CurrentCreditBal)}</p>
-                                                ) : null}
-                                            </div>
-                                        )
-                                    )}
-                                    <div className='PrintStyle8-Qr-Order'>
-
-                                        <div className='PrintStyle8-OrderNo'>
-                                            {PaymentStatusSuccess?.length > 1 &&
-                                                <>
-                                                    {/* <p>Split Payment:</p> */}
-                                                    {Object.keys(aggregatedPayments).map((paymentType) => (
-                                                        <div key={paymentType} style={{ margin: 0, padding: 0, fontSize: "12px" }}>
-                                                            {paymentType}: {aggregatedPayments[paymentType].toFixed(2)}
-                                                        </div>
-                                                    ))}
-                                                </>
-                                            }
-                                            {GlobaldummyData && GlobalCashierName &&
-                                                <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}> Cashier : Cashier Name</div>
-
-                                            }
-                                            {CashierName && CashierName !== undefined && CashierName !== null && !GlobaldummyData && CashierNameField &&
-                                                <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}>Cashier : {CashierName}
-                                                </div>
-                                            }
-                                            {GlobaldummyData &&
-                                                <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}> Customer : Customer Name</div>
-
-                                            }
-                                            {table2Data?.CustSuppName && table2Data?.CustSuppName !== undefined && table2Data?.CustSuppName !== null && !GlobaldummyData &&
-                                                <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}>Customer : {table2Data?.CustSuppName}
-                                                </div>
-                                            }
-
-
-                                            {(table2Data?.BookingTypeName === "Dine In" && dinePreference) && (table2Data?.SalesTableLinkDetails?.[0]?.WaiterName) && <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}>Captain: {table2Data?.SalesTableLinkDetails?.[0]?.WaiterName}</div>}
-                                        </div>
-
-                                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div>
-                                            {GlobaldummyData ? GlobalQrcodet && <div className='PrintStyle8-QrCode'>
-                                                <div>
-                                                    <img className='PrintStyle8-BrandImage' src={QrImage} alt='image' />
-                                                </div>
-                                                <div>Scan to Pay: </div>
-                                                <div> &#8377;{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                            </div> :
-                                                (Qrcodet && paymentTypeUPI) &&
-                                                <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }} >
-                                                    <QRCode value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`} size={80} />
-                                                    <div style={{ fontSize: "10px" }} >Scan to Pay </div>
-                                                    <div style={{ fontSize: "10px" }}>₹{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                                </div>}
-                                        </div>}
-                                    </div>
-
-                                    <div style={{ fontSize: "10px" }}>Your Order No :{GlobaldummyData ? '01' : table2Data?.SalesId && extractLastNumber(table2Data?.SalesId)}</div>
-                                    {(sportsAppPreference && MembershipApplied) && <div style={{ width: '100%', textAlign: 'center', paddingTop: '10px' }}>{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>}
-
-                                    <div className="page-footerA4Style11"
-                                        style={{
-                                            marginTop: "auto",
-                                            pageBreakBefore: "avoid",
-                                            pageBreakInside: "avoid",
-                                            minHeight: "auto",
-                                        }}
-                                    >
-                                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div>
-                                            {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" }}>{Notestext}</p>
-
-                                                    <hr className="PrintA4Style11-print-dottline" />
-                                                </div>)
-                                            }
-                                        </div>}
-
-
-                                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
-                                            {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 ? GlobalSignature && (<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", paddingBottom: "1rem" }}>
-                                                <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                                <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" }}>
-                                                <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                                <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                                            </div>)}
-
-                                        </div>}
-                                    </div>
-
-
-                                    {PrintGreeting?.SettingValue === "Y" &&
-                                        <div className='PrintStyle8-FourthSpan'>
-                                            Thank You Visit Again
-                                        </div>
-                                    }
-                                </>
-                            }
-                        </div>
-                    ))}
-
-                    {shouldFooterBeOnNewPage && FormatTheme &&
-                        <div
-                            className="print-page"
-                            style={{
-                                display: "flex",
-                                flexDirection: "column",
-                                minHeight: PageSize == "A5" ? "200mm" : "260mm",
-                                justifyContent: "flex-end",
-                                pageBreakBefore: "always",
-                            }}
-                        >
-                            <div className="page-footerA4Style11"
-                                style={{
-                                    marginTop: "auto",
-                                    pageBreakBefore: "avoid",
-                                    pageBreakInside: "avoid",
-                                    minHeight: "auto",
-                                }}
-                            >
-                                <>
-                                    <hr className="PrintStyle8-print-dottline" />
-                                    <div style={{ fontSize: "12px" }}>
-                                        <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                            <div style={{ width: '40%' }}>Items </div>
-                                            <div> : </div>
-                                            <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }} >{GlobaldummyData ? '8' : totalQuantityFilter?.length}</div>
-                                        </div>
-                                        <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                            <div style={{ width: '40%' }}>Qty </div>
-                                            <div> : </div>
-                                            <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }} >{GlobaldummyData ? '9' : totalQuantity}</div>
-                                        </div>
-                                        {(table2Data?.OverallDisc > 0 || TotalOfferAmount > 0) &&
-                                            <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                                <div style={{ width: '40%' }}>Off </div>
-                                                <div> : </div>
-                                                <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }} >{GlobaldummyData ? '10' : Number(TotalOfferAmount + table2Data?.OverallDisc).toFixed(2)}</div>
-                                            </div>
-                                        }
-                                        {(DineInData?.length > 0 && TakeawayData?.length > 0 && takeAwayPreference) &&
-                                            <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                                <div style={{ width: '40%' }}>Take Away</div>
-                                                <div> : </div>
-                                                <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }}>{GlobaldummyData ? '1,066' : Number(TakeawayTotal).toFixed(2)}</div>
-                                            </div>
-                                        }
-                                        {(DineInData?.length > 0 && TakeawayData?.length > 0 && dinePreference) &&
-                                            <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                                <div style={{ width: '40%' }}>Dine In</div>
-                                                <div> : </div>
-                                                <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }}>{GlobaldummyData ? '1,066' : Number(DineInTotal).toFixed(2)}</div>
-                                            </div>
-                                        }
-                                        <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                            <div style={{ width: '40%' }}>Amount</div>
-                                            <div> : </div>
-                                            <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }}>{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                        </div>
-                                    </div>
-
-                                    <div className='PrintStyle8-FourthDiv'>
-
-                                        {(table2Data?.OrderType === "E") ? '' : <div className='PrintStyle8-FourthP'>
-                                            <div>
-                                                {((OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) ||
-                                                    (OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) ||
-                                                    (OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0)) && (table2Data?.NetAmount !== 0) &&
-                                                    <>
-                                                        <hr className="PrintStyle8-print-dottline" />
-
-                                                        <div>
-                                                            <p style={{ margin: 0, padding: 0, fontSize: "12px", textAlign: "center" }}>
-                                                                --------- GST Breakup Details -----------</p>
-                                                            {(OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) &&
-                                                                <table style={{ width: "90%" }}>
-
-                                                                    <tr>
-                                                                        <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                            Taxable Amount
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                            CGST
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                            SGST
-                                                                        </td>
-                                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-
-                                                                            Total Amount
-                                                                        </td>
-                                                                    </tr>
-                                                                    {OrderDetailGST?.map((item) =>
-                                                                        <tr>
-                                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                                {item?.TaxPercentage || 0}%
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                {Number(item.CGST).toFixed(2)}
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                {Number(item.SGST).toFixed(2)}
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                                        </tr>
-                                                                    )
-                                                                    }
-                                                                </table>
-                                                            }
-
-                                                            {(OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) &&
-                                                                <>
-                                                                    <div style={{ border: "0.01px dashed black", margin: "10px 0 5px 10px", width: '90%' }}></div>
-                                                                    <table style={{ width: "90%" }}>
-
-                                                                        <tr>
-                                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                Taxable Amount
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                IGST
-                                                                            </td>
-
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-
-                                                                                Total Amount
-                                                                            </td>
-                                                                        </tr>
-                                                                        {OrderDetailIGST?.map((item) =>
-                                                                            <tr>
-                                                                                <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                                    {item?.TaxPercentage || 0}%
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.TaxAmt).toFixed(2)}
-                                                                                </td>
-
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                                            </tr>
-                                                                        )
-                                                                        }
-                                                                    </table>
-                                                                </>
-                                                            }
-                                                            {(OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0) &&
-                                                                <>
-                                                                    <div style={{ border: "0.01px dashed black", margin: "10px 0 5px 10px", width: '90%' }}></div>
-                                                                    <table style={{ width: "90%" }}>
-
-                                                                        <tr>
-                                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                Taxable Amount
-                                                                            </td>
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                VAT
-                                                                            </td>
-
-                                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-
-                                                                                Total Amount
-                                                                            </td>
-                                                                        </tr>
-                                                                        {OrderDetailVAT?.map((item) =>
-                                                                            <tr>
-                                                                                <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                                    {item?.TaxPercentage || 0}%
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                                </td>
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                                    {Number(item.TaxAmt).toFixed(2)}
-                                                                                </td>
-
-                                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                                            </tr>
-                                                                        )
-                                                                        }
-                                                                    </table>
-                                                                </>
-                                                            }
-
-                                                        </div>
-                                                        <hr className="PrintStyle8-print-dottline" />
-
-                                                    </>
-                                                }
-                                            </div>
-                                        </div>}
-
-                                    </div>
-
-                                    <div style={{ display: "flex", justifyContent: "space-evenly", marginTop: '5px' }}>
-                                        <div style={{ marginTop: '5px', padding: 0, fontSize: "15px", fontWeight: "600" }}>{PaymentStatusSuccess?.length === 1 ? PaymentStatusSuccess?.[0]?.PaymentTypeName : "Split"} &nbsp;Payment : &nbsp;{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}/- </div>
-                                    </div>
-                                    <hr className="PrintStyle8-print-dottline" />
-
-                                    {GlobaldummyData ? (
-                                        GlobalCredit && (
-                                            <div style={{ textAlign: "left", fontSize: "12px", fontWeight: "600", lineHeight: "12px" }}>
-                                                <h6>Advance Amount:</h6>
-                                                <h6>Opening Balance:</h6>
-                                            </div>
-                                        )
-                                    ) : (
-                                        CreditDetails &&
-                                        table2Data?.CustomerDetails?.length > 0 && (
-                                            <div style={{ textAlign: "left", fontSize: "12px", fontWeight: "600", lineHeight: "12px" }}>
-
-                                                {/* OLD CREDIT BAL */}
-                                                {PaymentStatusSuccess?.[0]?.PaymentTypeName === "Credit" && (
-                                                    <>
-                                                        {table2Data.CustomerDetails[0].OldCreditBal > 0 ? (
-                                                            <p>Advance Amount:{table2Data.CustomerDetails[0].OldCreditBal}</p>
-                                                        ) : table2Data.CustomerDetails[0].OldCreditBal < 0 ? (
-                                                            <p> Opening Balance: {Math.abs(table2Data.CustomerDetails[0].OldCreditBal)}</p>
-                                                        ) : null}
-                                                    </>
-                                                )}
-
-                                                {/* CURRENT CREDIT BAL */}
-                                                {table2Data.CustomerDetails[0].CurrentCreditBal > 0 ? (
-                                                    <p> Current Advance Amount: {table2Data.CustomerDetails[0].CurrentCreditBal}</p>
-                                                ) : table2Data.CustomerDetails[0].CurrentCreditBal < 0 ? (
-                                                    <p> Current Balance Amount: {Math.abs(table2Data.CustomerDetails[0].CurrentCreditBal)}</p>
-                                                ) : null}
-                                            </div>
-                                        )
-                                    )}
-                                    <div className='PrintStyle8-Qr-Order'>
-
-                                        <div className='PrintStyle8-OrderNo'>
-                                            {PaymentStatusSuccess?.length > 1 &&
-                                                <>
-                                                    {/* <p>Split Payment:</p> */}
-                                                    {Object.keys(aggregatedPayments).map((paymentType) => (
-                                                        <div key={paymentType} style={{ margin: 0, padding: 0, fontSize: "12px" }}>
-                                                            {paymentType}: {aggregatedPayments[paymentType].toFixed(2)}
-                                                        </div>
-                                                    ))}
-                                                </>
-                                            }
-                                            {GlobaldummyData && GlobalCashierName &&
-                                                <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}> Cashier : Cashier Name</div>
-
-                                            }
-                                            {CashierName && CashierName !== undefined && CashierName !== null && !GlobaldummyData && CashierNameField &&
-                                                <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}>Cashier : {CashierName}
-                                                </div>
-                                            }
-                                            {GlobaldummyData &&
-                                                <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}> Customer : Customer Name</div>
-
-                                            }
-                                            {table2Data?.CustSuppName && table2Data?.CustSuppName !== undefined && table2Data?.CustSuppName !== null && !GlobaldummyData &&
-                                                <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}>Customer : {table2Data?.CustSuppName}
-                                                </div>
-                                            }
-                                            {(table2Data?.BookingTypeName === "Dine In" && dinePreference) && (table2Data?.SalesTableLinkDetails?.[0]?.WaiterName) && <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}>Captain: {table2Data?.SalesTableLinkDetails?.[0]?.WaiterName}</div>}
-                                        </div>
-
-                                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div>
-                                            {GlobaldummyData ? GlobalQrcodet && <div className='PrintStyle8-QrCode'>
-                                                <div>
-                                                    <img className='PrintStyle8-BrandImage' src={QrImage} alt='image' />
-                                                </div>
-                                                <div>Scan to Pay: </div>
-                                                <div> &#8377;{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                            </div> :
-                                                (Qrcodet && paymentTypeUPI) &&
-                                                <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }} >
-                                                    <QRCode value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`} size={80} />
-                                                    <div style={{ fontSize: "10px" }} >Scan to Pay </div>
-                                                    <div style={{ fontSize: "10px" }}>₹{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                                </div>}
-                                        </div>}
-                                    </div>
-
-                                    <div style={{ fontSize: "10px" }}>Your Order No :{GlobaldummyData ? '01' : table2Data?.SalesId && extractLastNumber(table2Data?.SalesId)}</div>
-                                    {(sportsAppPreference && MembershipApplied) && <div style={{ width: '100%', textAlign: 'center', paddingTop: '10px' }}>{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>}
-
-                                    <div className="page-footerA4Style11"
-                                        style={{
-                                            marginTop: "auto",
-                                            pageBreakBefore: "avoid",
-                                            pageBreakInside: "avoid",
-                                            minHeight: "auto",
-                                        }}
-                                    >
-                                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div>
-                                            {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" }}>{Notestext}</p>
-
-                                                    <hr className="PrintA4Style11-print-dottline" />
-                                                </div>)
-                                            }
-                                        </div>}
-
-
-                                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
-                                            {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 ? GlobalSignature && (<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", paddingBottom: "1rem" }}>
-                                                <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                                <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" }}>
-                                                <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                                <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                                            </div>)}
-
-                                        </div>}
-                                    </div>
-
-
-                                    {PrintGreeting?.SettingValue === "Y" &&
-                                        <div className='PrintStyle8-FourthSpan'>
-                                            Thank You Visit Again
-                                        </div>
-                                    }
-                                </>
-                            </div>
-                        </div>
-                    }
-
+    TotalOfferAmount += CombothereTotal;
+  }
+  const products = [
+    {
+      ProdName: 'ITEM 1',
+      Rate: 88.0,
+      SalesQty: 2,
+      MRP: 100,
+      TotalAmt: 176,
+      discount: 0,
+      HSN: '01',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 5,
+    },
+    {
+      ProdName: 'ITEM 2',
+      Rate: 300.0,
+      SalesQty: 1,
+      MRP: 350,
+      TotalAmt: 300,
+      discount: 0,
+      HSN: '02',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 5,
+    },
+    {
+      ProdName: 'ITEM 3',
+      Rate: 200.0,
+      SalesQty: 1,
+      MRP: 250,
+      TotalAmt: 200,
+      discount: 0,
+      HSN: '03',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 0,
+    },
+    {
+      ProdName: 'ITEM 4',
+      Rate: 30.0,
+      SalesQty: 1,
+      MRP: 50,
+      TotalAmt: 30,
+      discount: 0,
+      HSN: '04',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 18,
+    },
+    {
+      ProdName: 'ITEM 5',
+      Rate: 30.0,
+      SalesQty: 1,
+      MRP: 50,
+      TotalAmt: 30,
+      discount: 0,
+      HSN: '05',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 40,
+    },
+    {
+      ProdName: 'ITEM 6',
+      Rate: 130.0,
+      SalesQty: 1,
+      MRP: 150,
+      TotalAmt: 130,
+      discount: 0,
+      HSN: '06',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 0,
+    },
+    {
+      ProdName: 'ITEM 7',
+      Rate: 230.0,
+      SalesQty: 1,
+      MRP: 250,
+      TotalAmt: 230,
+      discount: 0,
+      HSN: '08',
+      Size: 250,
+      UomName: 'g',
+      ProdTaxPercentage: 5,
+    },
+  ];
+
+  console.log(printDatas, 'printDatasjk');
+  const chunkSize = PageSize == 'A5' ? 10 : 16;
+  let dataSource = [];
+
+  if (GlobaldummyData || TakeawayData?.length > 0) {
+    dataSource = GlobaldummyData ? products : TakeawayData;
+  } else if (DineInData?.length > 0) {
+    dataSource = DineInData;
+  }
+
+  // Paginate the data
+  const paginatedChunks = [];
+  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 > (PageSize == 'A5' ? 5 : 13);
+
+  return (
+    <>
+      {FormatTheme ? (
+        <div
+          id={`PrintStyle8-${index}`}
+          className="PrintStyle8MasterDiv"
+          style={{
+            fontFamily: "'Courier New', Courier, monospace",
+            position: 'relative',
+            width: '100%',
+            minHeight: isMobile ? '' : PageSize == 'A5' ? '210mm' : '297mm',
+          }}
+        >
+          {paginatedChunks.map((dataChunk, chunkIndex) => (
+            <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: isMobile
+                  ? '295mm'
+                  : FormatTheme
+                    ? PageSize == 'A5'
+                      ? '170mm'
+                      : '257mm'
+                    : '',
+              }}
+              key={chunkIndex}
+            >
+              {/* <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="PrintStyle8-fistDiv" style={{}}>
+                    {/* <h3>{table2Data?.BrName}</h3> */}
+
+                    <div
+                      style={{
+                        display: 'flex',
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                      }}
+                    >
+                      {GlobalLogo && GlobaldummyData ? (
+                        <img
+                          className="PrintStyle2-BrandImage"
+                          src={Logo}
+                          alt="image"
+                        />
+                      ) : null}
+                      {base64Image &&
+                      (PrintLogo?.SettingValue === 'Y' || LogoField) ? (
+                        <img
+                          className="PrintStyle2-BrandImage"
+                          src={base64Image}
+                          alt="image"
+                          width={100}
+                        />
+                      ) : null}
+                      <div
+                        style={{
+                          fontSize: 'clamp(1.25rem, 2.5vw, 1.75rem)',
+                          fontWeight: '600',
+                            color: SelectedHeaderColor,
+                        }}
+                      >
+                        {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
+                      </div>
+                    </div>
+
+                    <div
+                      className="PrintStyle8-BrAddress"
+                      style={{ fontSize: 'clamp(0.63rem, 2.5vw, 1.2rem)' }}
+                    >
+                      {GlobaldummyData
+                        ? 'BranchAddress, Town- 635XXX City - State'
+                        : (BranchAddress || '') +
+                          (BranchCity
+                            ? (BranchAddress && BranchCity ? '-' : '') +
+                              BranchCity
+                            : '') +
+                          (BranchZip
+                            ? (BranchCity && BranchZip ? '-' : '') + BranchZip
+                            : '')}
+                    </div>
+                    <div
+                      className="PrintStyle8-BrAddress"
+                      style={{ fontSize: 'clamp(0.63rem, 2.5vw, 1.2rem)' }}
+                    >
+                      {' '}
+                      Mobile : +91{' '}
+                      {GlobaldummyData ? '986XXXXXXX' : table2Data?.BrMobile}
+                    </div>
+                  </div>
+                )}
+                {table2Data?.OrderType === 'E' && (
+                  <div
+                    className="PrintStyle4-FourthSpan"
+                    style={{ textTransform: 'uppercase', fontWeight: '600' }}
+                  >
+                    Estimate{' '}
+                    {SalesModePref?.SettingValue == 'Y' &&
+                      `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}
+                  </div>
+                )}
+
+                {table2Data?.OrderType === 'E' ? (
+                  ''
+                ) : (
+                  <div
+                    className="PrintStyle4-FourthSpan"
+                    style={{ textTransform: 'uppercase', fontWeight: '600' }}
+                  >
+                    {GlobaldummyData
+                      ? 'Cash'
+                      : BillName
+                        ? BillName
+                        : PaymentStatusSuccess?.length === 1
+                          ? PaymentStatusSuccess?.[0]?.PaymentTypeName
+                          : ''}{' '}
+                    {SalesModePref?.SettingValue == 'Y' &&
+                      `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}
+                  </div>
+                )}
+
+                <div className="PrintStyle8-SecondDiv">
+                  <div style={{ fontWeight: '600' }}>
+                    Bill No :
+                    {GlobaldummyData
+                      ? '553'
+                      : table2Data?.OrderId &&
+                        extractLastNumberOrderId(
+                          table2Data?.OrderId,
+                          table2Data?.FYStatus
+                        )}
+                  </div>
+                  <div style={{ fontSize: 'clamp(0.63rem, 2.5vw, 1.2rem)' }}>
+                    {GlobaldummyData ? formattedDate : Date1}
+                  </div>
                 </div>
-                :
-                <div id={`PrintStyle8-${index}`} className='PrintStyle8MasterDiv' style={{ fontFamily: "'Courier New', Courier, monospace" }}>
-                    {((!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div className='PrintStyle8-fistDiv' style={{}} >
-                        {/* <h3>{table2Data?.BrName}</h3> */}
-                        <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
-                            {(GlobalLogo && GlobaldummyData) ? <img className='PrintStyle2-BrandImage' src={Logo} alt='image' /> : null}
-                            {(base64Image && (PrintLogo?.SettingValue === "Y" || LogoField)) ? <img className='PrintStyle2-BrandImage' src={base64Image} alt='image' width={100} /> : null}
-                            <div style={{ fontSize: "clamp(1.25rem, 2.5vw, 1.75rem)", fontWeight: '600', }} >{GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}</div>
-                        </div>
 
-                        <div className='PrintStyle8-BrAddress' style={{ fontSize: "clamp(0.63rem, 2.5vw, 1.2rem)" }}>
-                            {GlobaldummyData ?
-                                'BranchAddress, Town- 635XXX City - State' :
-                                (BranchAddress || '') + (BranchCity ? (BranchAddress && BranchCity ? '-' : '') + BranchCity : '') + (BranchZip ? (BranchCity && BranchZip ? '-' : '') + BranchZip : '')}
-                        </div>
-                        <div className='PrintStyle8-BrAddress' style={{ fontSize: "clamp(0.63rem, 2.5vw, 1.2rem)" }}>  Mobile : +91 {GlobaldummyData ? '986XXXXXXX' : table2Data?.BrMobile}</div>
-                    </div>)}
-                    {table2Data?.OrderType === "E" && <div className='PrintStyle4-FourthSpan' style={{ textTransform: 'uppercase', fontWeight: '600' }}>Estimate {SalesModePref?.SettingValue == 'Y' && `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}</div>}
-
-                    {table2Data?.OrderType === "E" ? "" : <div className='PrintStyle4-FourthSpan' style={{ textTransform: 'uppercase', fontWeight: '600' }}>{GlobaldummyData ? GlobalBilltext ? GlobalBilltext : "Cash" + ' Bill' : BillName ? BillName : PaymentStatusSuccess?.length === 1 ? PaymentStatusSuccess?.[0]?.PaymentTypeName + ' Bill' : ""} {SalesModePref?.SettingValue == 'Y' && `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}</div>}
-
-                    <div className='PrintStyle8-SecondDiv'>
-                        <div style={{ fontWeight: '600' }}>Bill No :{GlobaldummyData ? '553' : table2Data?.OrderId && extractLastNumberOrderId(table2Data?.OrderId, table2Data?.FYStatus)}</div>
-                        <div style={{ fontSize: "clamp(0.63rem, 2.5vw, 1.2rem)" }}>{GlobaldummyData ? formattedDate : Date1}</div>
-                    </div>
-
-                    <hr className="PrintStyle8-print-dottline" />
-                    {(TakeawayData?.length > 0 || GlobaldummyData) &&
-                        <>
-                            {takeAwayPreference && <div style={{ display: 'flex', width: '100%', justifyContent: 'center', alignItems: "center", fontSize: "12px", fontWeight: "600" }}>TakeAway</div>}
-
-                            <div className="PrintStyle8-print-tableMaster">
-                                <table className="PrintStyle8-print-table">
-                                    <thead>
-                                        <tr>
-                                            {GlobaldummyData ? GlobalSlNo && <th style={{ width: "10px", textAlign: "center" }}>S.No</th> : SLNO && <th style={{ width: "10px", textAlign: "center" }}>S.No</th>}
-                                            {GlobaldummyData ? GlobalItem && <th style={{ textAlign: "left" }}>Dis</th> : Item && <th>Des</th>}
-                                            {GlobaldummyData ? GlobalHsnCode && <th style={{ width: "10px", textAlign: "right" }}>HSN</th> : HsnCode && <th style={{ width: "10px", textAlign: "right" }}>HSN</th>}
-                                            {GlobaldummyData ? GlobalMRP && <th style={{ width: "10px", textAlign: "right" }}>MRP</th> : MRP && <th style={{ width: "10px", textAlign: "right" }}>MRP</th>}
-                                            {GlobaldummyData ? GlobalRate && <th style={{ width: "10px", textAlign: "right" }}>Rate</th> : Rate && <th style={{ width: "10px", textAlign: "right" }}>Rt</th>}
-                                            {GlobaldummyData ? GlobalDiscount && <th style={{ width: "10px", textAlign: "right" }}>(%)</th> : Discount && <th style={{ width: "10px", textAlign: "right" }}>(%)</th>}
-                                            {GlobaldummyData ? GlobalTax && <th style={{ width: "10px", textAlign: "right" }}>Tax %</th> : (Tax && table2Data?.OrderType !== 'E') && <th style={{ width: "10px", textAlign: "right" }}>Tax %</th>}
-                                            {GlobaldummyData ? GlobalQuantity && <th style={{ width: "10px", textAlign: "right" }}>Qty</th> : Quantity && <th style={{ width: "10px", textAlign: "right" }}>{ WeightasKg ?'Qty/Kg' :'Qty'}</th>}
-                                            {GlobaldummyData ? GlobalAmount && <th style={{ width: "10px", textAlign: "right" }}>Amt</th> : Amount && <th style={{ width: "10px", textAlign: "right" }}>Amt</th>}
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        {(GlobaldummyData ? products : TakeawayData)?.map((item, index) => {
-                                            return (
-                                                <tr key={index}>
-                                                    {GlobaldummyData ? GlobalSlNo && <td style={{ textAlign: 'center' }}>{index + 1}</td> : SLNO && <td style={{ textAlign: 'center' }}>{index + 1}</td>}
-                                                    {GlobaldummyData ? GlobalItem && <td >{item?.ProdName}</td> : Item && <td style={{ display: 'flex', flexDirection: 'column' }}>
-                                                        <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>)}
-                                                    </td>}
-                                                    {GlobaldummyData ? GlobalHsnCode && <td>{item?.HSN}</td> : HsnCode && <td>{item?.HSN}</td>}
-                                                    {GlobaldummyData ? GlobalMRP && <td style={{ textAlign: 'right' }}>{item?.MRP}</td> : MRP && <td style={{ textAlign: 'right' }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</td>}
-                                                    {GlobaldummyData ? GlobalRate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td> : Rate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td>}
-                                                    {GlobaldummyData ? GlobalDiscount && <td style={{ textAlign: 'right' }}>{item?.discount}</td> : Discount && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}</td>}
-                                                    {GlobaldummyData ? GlobalTax && <td style={{ textAlign: 'right' }}>{item?.ProdTaxPercentage}</td> : (Tax && table2Data?.OrderType !== 'E') && <td style={{ textAlign: 'right' }}>{item?.ProdTaxPercentage || 0}</td>}
-                                                    {GlobaldummyData ? GlobalQuantity && <td style={{ textAlign: 'right' }}>{item?.SalesQty}</td> : Quantity && <td style={{ textAlign: 'right' }}>{item?.SalesQty}</td>}
-                                                    {GlobaldummyData ? GlobalAmount && <td style={{ width: "10px", textAlign: 'right' }}>{item?.TotalAmt}</td> : Amount && <td style={{ width: "10px", textAlign: 'right' }}>{item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</td>}
-                                                </tr>
-                                            )
-                                        })}
-                                    </tbody>
-                                </table>
-                            </div>
-                        </>
-                    }
-                    {(DineInData?.length > 0 && dinePreference) &&
-                        <>
-                            <div style={{ display: 'flex', width: '100%', justifyContent: 'center', alignItems: "center", fontSize: "12px", fontWeight: "600" }}>Dine In</div>
-
-                            <div className="PrintStyle8-print-tableMaster">
-                                <table className="PrintStyle8-print-table">
-                                    <thead>
-                                        <tr>
-                                            {GlobaldummyData ? GlobalSlNo && <th style={{ width: "10px", textAlign: "center" }}>S.No</th> : SLNO && <th style={{ width: "10px", textAlign: "center" }}>S.No</th>}
-                                            {GlobaldummyData ? GlobalItem && <th>Dis</th> : Item && <th>Des</th>}
-                                            {GlobaldummyData ? GlobalHsnCode && <th style={{ width: "10px", textAlign: "right" }}>HSN</th> : HsnCode && <th style={{ width: "10px", textAlign: "right" }}>HSN</th>}
-                                            {GlobaldummyData ? GlobalMRP && <th style={{ width: "10px", textAlign: "right" }}>MRP</th> : MRP && <th style={{ width: "10px", textAlign: "right" }}>MRP</th>}
-                                            {GlobaldummyData ? GlobalRate && <th style={{ width: "10px", textAlign: "right" }}>Rate</th> : Rate && <th style={{ width: "10px", textAlign: "right" }}>Rt</th>}
-                                            {GlobaldummyData ? GlobalDiscount && <th style={{ width: "10px", textAlign: "right" }}>(%)</th> : Discount && <th style={{ width: "10px", textAlign: "right" }}>(%)</th>}
-                                            {GlobaldummyData ? GlobalTax && <th style={{ width: "10px", textAlign: "right" }}>Tax %</th> : (Tax && table2Data?.OrderType !== 'E') && <th style={{ width: "10px", textAlign: "right" }}>Tax %</th>}
-                                            {GlobaldummyData ? GlobalQuantity && <th style={{ width: "10px", textAlign: "right" }}>Qty</th> : Quantity && <th style={{ width: "10px", textAlign: "right" }}>{ WeightasKg ?'Qty/Kg' :'Qty'}</th>}
-                                            {GlobaldummyData ? GlobalAmount && <th style={{ width: "10px", textAlign: "right" }}>Amt</th> : Amount && <th style={{ width: "10px", textAlign: "right" }}>Amt</th>}
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        {(GlobaldummyData ? products : DineInData)?.map((item, index) => {
-                                            return (
-                                                <tr key={index}>
-                                                    {GlobaldummyData ? GlobalSlNo && <td style={{ textAlign: 'center' }}>{index + 1}</td> : SLNO && <td style={{ textAlign: 'center' }}>{index + 1}</td>}
-                                                    {GlobaldummyData ? GlobalItem && <td >{item?.ProdName}</td> : Item && <td 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"}){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>);
-                                                                    }
-                                                                    ) : ""}</div>
-                                                    </td>}
-                                                    {GlobaldummyData ? GlobalHsnCode && <td>{item?.HSN}</td> : HsnCode && <td>{item?.HSN}</td>}
-                                                    {GlobaldummyData ? GlobalMRP && <td style={{ textAlign: 'right' }}>{item?.MRP}</td> : MRP && <td style={{ textAlign: 'right' }}>{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}</td>}
-                                                    {GlobaldummyData ? GlobalRate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td> : Rate && <td style={{ textAlign: 'right' }}>{item?.Rate}</td>}
-                                                    {GlobaldummyData ? GlobalDiscount && <td style={{ textAlign: 'right' }}>{item?.discount}</td> : Discount && <td style={{ textAlign: 'right' }}>{item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}
-                                                    </td>}
-                                                    {GlobaldummyData ? GlobalTax && <td style={{ textAlign: 'right' }}>{item?.ProdTaxPercentage}</td> : (Tax && table2Data?.OrderType !== 'E') && <td style={{ textAlign: 'right' }}>{item?.ProdTaxPercentage || 0}</td>}
-                                                    {GlobaldummyData ? GlobalQuantity && <td style={{ textAlign: 'right' }}>{item?.SalesQty}</td> : Quantity && <td style={{ textAlign: 'right' }}>{item?.SalesQty}</td>}
-                                                    {GlobaldummyData ? GlobalAmount && <td style={{ width: "10px", textAlign: 'right' }}>{item?.TotalAmt}</td> : Amount && <td style={{ width: "10px", textAlign: 'right' }}>{item?.Type != "C" ? item?.TotalAmt - item?.OfferAmt || 0 : item?.TotalAmt - item?.OfferValue || 0}</td>}
-                                                </tr>
-                                            )
-                                        })}
-                                    </tbody>
-                                </table>
-                            </div>
-                        </>
-                    }
-                    <hr className="PrintStyle8-print-dottline" />
-                    <div style={{ fontSize: "12px" }}>
-                        <div style={{ display: "flex", justifyContent: "space-between" }}>
-                            <div style={{ width: '40%' }}>Items </div>
-                            <div> : </div>
-                            <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }} >{GlobaldummyData ? '8' : totalQuantityFilter?.length}</div>
-                        </div>
-                        <div style={{ display: "flex", justifyContent: "space-between" }}>
-                            <div style={{ width: '40%' }}>Qty </div>
-                            <div> : </div>
-                            <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }} >{GlobaldummyData ? '9' : totalQuantity}</div>
-                        </div>
-                        {(table2Data?.OverallDisc > 0 || TotalOfferAmount > 0) &&
-                            <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                <div style={{ width: '40%' }}>Off </div>
-                                <div> : </div>
-                                <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }} >{GlobaldummyData ? '10' : Number(TotalOfferAmount + table2Data?.OverallDisc).toFixed(2)}</div>
-                            </div>
-                        }
-                        {(DineInData?.length > 0 && TakeawayData?.length > 0 && takeAwayPreference) &&
-                            <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                <div style={{ width: '40%' }}>Take Away</div>
-                                <div> : </div>
-                                <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }}>{GlobaldummyData ? '1,066' : Number(TakeawayTotal).toFixed(2)}</div>
-                            </div>
-                        }
-                        {(DineInData?.length > 0 && TakeawayData?.length > 0 && dinePreference) &&
-                            <div style={{ display: "flex", justifyContent: "space-between" }}>
-                                <div style={{ width: '40%' }}>Dine In</div>
-                                <div> : </div>
-                                <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }}>{GlobaldummyData ? '1,066' : Number(DineInTotal).toFixed(2)}</div>
-                            </div>
-                        }
-                        <div style={{ display: "flex", justifyContent: "space-between" }}>
-                            <div style={{ width: '40%' }}>Amount</div>
-                            <div> : </div>
-                            <div style={{ padding: '0rem 1rem', width: '40%', textAlign: 'right' }}>{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                        </div>
-                    </div>
-
-                    <div className='PrintStyle8-FourthDiv'>
-
-                        {(table2Data?.OrderType === "E") ? '' : <div className='PrintStyle8-FourthP'>
-                            <div>
-                                {((OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) ||
-                                    (OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) ||
-                                    (OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0)) && (table2Data?.NetAmount !== 0) &&
-                                    <>
-                                        <hr className="PrintStyle8-print-dottline" />
-
-                                        <div>
-                                            <p style={{ margin: 0, padding: 0, fontSize: "12px", textAlign: "center" }}>
-                                                --------- GST Breakup Details -----------</p>
-                                            {(OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) &&
-                                                <table style={{ width: "90%" }}>
-
-                                                    <tr>
-                                                        <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                        </td>
-                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                            Taxable Amount
-                                                        </td>
-                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                            CGST
-                                                        </td>
-                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                            SGST
-                                                        </td>
-                                                        <td style={{ fontSize: "10px", textAlign: "center" }}>
-
-                                                            Total Amount
-                                                        </td>
-                                                    </tr>
-                                                    {OrderDetailGST?.map((item) =>
-                                                        <tr>
-                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                {item?.TaxPercentage || 0}%
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                {Number(item.CGST).toFixed(2)}
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                {Number(item.SGST).toFixed(2)}
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                        </tr>
-                                                    )
-                                                    }
-                                                </table>
-                                            }
-
-                                            {(OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) &&
-                                                <>
-                                                    <div style={{ border: "0.01px dashed black", margin: "10px 0 5px 10px", width: '90%' }}></div>
-                                                    <table style={{ width: "90%" }}>
-
-                                                        <tr>
-                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                Taxable Amount
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                IGST
-                                                            </td>
-
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-
-                                                                Total Amount
-                                                            </td>
-                                                        </tr>
-                                                        {OrderDetailIGST?.map((item) =>
-                                                            <tr>
-                                                                <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                    {item?.TaxPercentage || 0}%
-                                                                </td>
-                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                    {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                </td>
-                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                    {Number(item.TaxAmt).toFixed(2)}
-                                                                </td>
-
-                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                            </tr>
-                                                        )
-                                                        }
-                                                    </table>
-                                                </>
-                                            }
-                                            {(OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0) &&
-                                                <>
-                                                    <div style={{ border: "0.01px dashed black", margin: "10px 0 5px 10px", width: '90%' }}></div>
-                                                    <table style={{ width: "90%" }}>
-
-                                                        <tr>
-                                                            <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                Taxable Amount
-                                                            </td>
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                VAT
-                                                            </td>
-
-                                                            <td style={{ fontSize: "10px", textAlign: "center" }}>
-
-                                                                Total Amount
-                                                            </td>
-                                                        </tr>
-                                                        {OrderDetailVAT?.map((item) =>
-                                                            <tr>
-                                                                <td style={{ fontSize: "10px", textAlign: "right" }}>
-                                                                    {item?.TaxPercentage || 0}%
-                                                                </td>
-                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                    {Number(item.WithOutTaxAmount).toFixed(2)}
-                                                                </td>
-                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>
-                                                                    {Number(item.TaxAmt).toFixed(2)}
-                                                                </td>
-
-                                                                <td style={{ fontSize: "10px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
-                                                            </tr>
-                                                        )
-                                                        }
-                                                    </table>
-                                                </>
-                                            }
-
-                                        </div>
-                                        <hr className="PrintStyle8-print-dottline" />
-
-                                    </>
-                                }
-                            </div>
-                        </div>}
-
-                    </div>
-
-                    <div style={{ display: "flex", justifyContent: "space-evenly", marginTop: '5px' }}>
-                        <div style={{ marginTop: '5px', padding: 0, fontSize: "14px", fontWeight: "600" }}>{PaymentStatusSuccess?.length === 1 ? PaymentStatusSuccess?.[0]?.PaymentTypeName : "Split"} &nbsp;Payment : &nbsp;{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}/- </div>
-                    </div>
-                    <hr className="PrintStyle8-print-dottline" />
-                    {GlobaldummyData ? (
-                        GlobalCredit && (
-                            <div style={{ textAlign: "left", fontSize: "12px", fontWeight: "600", lineHeight: "12px" }}>
-                                <h6>Advance Amount:</h6>
-                                <h6>Opening Balance:</h6>
-                            </div>
-                        )
-                    ) : (
-                        CreditDetails &&
-                        table2Data?.CustomerDetails?.length > 0 && (
-                            <div style={{ textAlign: "left", fontSize: "12px", fontWeight: "600", lineHeight: "12px" }}>
-
-                                {/* OLD CREDIT BAL */}
-                                {PaymentStatusSuccess?.[0]?.PaymentTypeName === "Credit" && (
-                                    <>
-                                        {table2Data.CustomerDetails[0].OldCreditBal > 0 ? (
-                                            <p>Advance Amount:{table2Data.CustomerDetails[0].OldCreditBal}</p>
-                                        ) : table2Data.CustomerDetails[0].OldCreditBal < 0 ? (
-                                            <p> Opening Balance: {Math.abs(table2Data.CustomerDetails[0].OldCreditBal)}</p>
-                                        ) : null}
-                                    </>
-                                )}
-
-                                {/* CURRENT CREDIT BAL */}
-                                {table2Data.CustomerDetails[0].CurrentCreditBal > 0 ? (
-                                    <p> Current Advance Amount: {table2Data.CustomerDetails[0].CurrentCreditBal}</p>
-                                ) : table2Data.CustomerDetails[0].CurrentCreditBal < 0 ? (
-                                    <p> Current Balance Amount: {Math.abs(table2Data.CustomerDetails[0].CurrentCreditBal)}</p>
-                                ) : null}
-                            </div>
-                        )
+                <hr className="PrintStyle8-print-dottline" />
+              </div>
+              <div
+                style={{ marginTop: GlobaldummyData ? '9rem' : '0rem' }}
+                className="print-body"
+              >
+                {(TakeawayData?.length > 0 || GlobaldummyData) && (
+                  <>
+                    {takeAwayPreference && (
+                      <div
+                        style={{
+                          display: 'flex',
+                          width: '100%',
+                          justifyContent: 'center',
+                          alignItems: 'center',
+                          fontSize: '12px',
+                          fontWeight: '600',
+                        }}
+                      >
+                        TakeAway
+                      </div>
                     )}
-                    <div className='PrintStyle8-Qr-Order'>
 
-                        <div className='PrintStyle8-OrderNo'>
-                            {PaymentStatusSuccess?.length > 1 &&
-                                <>
-                                    {/* <p>Split Payment:</p> */}
-                                    {Object.keys(aggregatedPayments).map((paymentType) => (
-                                        <div key={paymentType} style={{ margin: 0, padding: 0, fontSize: "12px" }}>
-                                            {paymentType}: {aggregatedPayments[paymentType].toFixed(2)}
+                    <div className="PrintStyle8-print-tableMaster">
+                      <table className="PrintStyle8-print-table">
+                        <thead>
+                          <tr>
+                            {GlobaldummyData
+                              ? GlobalSlNo && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    S.No
+                                  </th>
+                                )
+                              : SLNO && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    S.No
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalItem && <th>Dis</th>
+                              : Item && <th>Des</th>}
+                            {GlobaldummyData
+                              ? GlobalHsnCode && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    HSN
+                                  </th>
+                                )
+                              : HsnCode && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    HSN
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalMRP && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    MRP
+                                  </th>
+                                )
+                              : MRP && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    MRP
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalRate && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Rate
+                                  </th>
+                                )
+                              : Rate && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Rt
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalDiscount && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    (%)
+                                  </th>
+                                )
+                              : Discount && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    (%)
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalTax && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Tax %
+                                  </th>
+                                )
+                              : Tax &&
+                                table2Data?.OrderType !== 'E' && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Tax %
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalQuantity && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Qty
+                                  </th>
+                                )
+                              : Quantity && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalAmount && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Amt
+                                  </th>
+                                )
+                              : Amount && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Amt
+                                  </th>
+                                )}
+                          </tr>
+                        </thead>
+                        <tbody>
+                          {dataChunk?.map((item, index) => {
+                            return (
+                              <tr key={index}>
+                                {GlobaldummyData
+                                  ? GlobalSlNo && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {chunkIndex * chunkSize + index + 1}
+                                      </td>
+                                    )
+                                  : SLNO && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {chunkIndex * chunkSize + index + 1}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalItem && <td>{item?.ProdName}</td>
+                                  : Item && (
+                                      <td
+                                        style={{
+                                          display: 'flex',
+                                          flexDirection: 'column',
+                                        }}
+                                      >
+                                        <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>
+                                        )}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalHsnCode && <td>{item?.HSN}</td>
+                                  : HsnCode && <td>{item?.HSN}</td>}
+                                {GlobaldummyData
+                                  ? GlobalMRP && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.MRP}
+                                      </td>
+                                    )
+                                  : MRP && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.SinglePc === 'Y'
+                                          ? item?.Rate
+                                          : item?.MRP}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalRate && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Rate}
+                                      </td>
+                                    )
+                                  : Rate && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Rate}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalDiscount && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.discount}
+                                      </td>
+                                    )
+                                  : Discount && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Type != 'C'
+                                          ? item?.OfferAmt || 0
+                                          : item?.OfferValue || 0}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalTax && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.ProdTaxPercentage}
+                                      </td>
+                                    )
+                                  : Tax &&
+                                    table2Data?.OrderType !== 'E' && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.ProdTaxPercentage || 0}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalQuantity && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.SalesQty}
+                                      </td>
+                                    )
+                                  : Quantity && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.SalesQty}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalAmount && (
+                                      <td
+                                        style={{
+                                          width: '10px',
+                                          textAlign: 'right',
+                                        }}
+                                      >
+                                        {item?.TotalAmt}
+                                      </td>
+                                    )
+                                  : Amount && (
+                                      <td
+                                        style={{
+                                          width: '10px',
+                                          textAlign: 'right',
+                                        }}
+                                      >
+                                        {item?.Type != 'C'
+                                          ? item?.TotalAmt - item?.OfferAmt || 0
+                                          : item?.TotalAmt - item?.OfferValue ||
+                                            0}
+                                      </td>
+                                    )}
+                              </tr>
+                            );
+                          })}
+                        </tbody>
+                      </table>
+                    </div>
+                  </>
+                )}
+                {DineInData?.length > 0 && dinePreference && (
+                  <>
+                    <div
+                      style={{
+                        display: 'flex',
+                        width: '100%',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        fontSize: '12px',
+                        fontWeight: '600',
+                      }}
+                    >
+                      Dine In
+                    </div>
+
+                    <div className="PrintStyle8-print-tableMaster">
+                      <table className="PrintStyle8-print-table">
+                        <thead>
+                          <tr>
+                            {GlobaldummyData
+                              ? GlobalSlNo && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    S.No
+                                  </th>
+                                )
+                              : SLNO && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    S.No
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalItem && <th>Dis</th>
+                              : Item && <th>Des</th>}
+                            {GlobaldummyData
+                              ? GlobalHsnCode && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    HSN
+                                  </th>
+                                )
+                              : HsnCode && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    HSN
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalMRP && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    MRP
+                                  </th>
+                                )
+                              : MRP && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    MRP
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalRate && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Rate
+                                  </th>
+                                )
+                              : Rate && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Rt
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalDiscount && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    (%)
+                                  </th>
+                                )
+                              : Discount && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    (%)
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalTax && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Tax %
+                                  </th>
+                                )
+                              : Tax &&
+                                table2Data?.OrderType !== 'E' && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Tax %
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalQuantity && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Qty
+                                  </th>
+                                )
+                              : Quantity && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                                  </th>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalAmount && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Amt
+                                  </th>
+                                )
+                              : Amount && (
+                                  <th
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    Amt
+                                  </th>
+                                )}
+                          </tr>
+                        </thead>
+                        <tbody>
+                          {dataChunk?.map((item, index) => {
+                            return (
+                              <tr key={index}>
+                                {GlobaldummyData
+                                  ? GlobalSlNo && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {index + 1}
+                                      </td>
+                                    )
+                                  : SLNO && (
+                                      <td style={{ textAlign: 'center' }}>
+                                        {chunkIndex * chunkSize + index + 1}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalItem && <td>{item?.ProdName}</td>
+                                  : Item && (
+                                      <td
+                                        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'}
+                                          )
+                                          {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>
+                                                );
+                                              })
+                                            : ''}
                                         </div>
-                                    ))}
-                                </>
-                            }
-                            {GlobaldummyData && GlobalCashierName &&
-                                <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}> Cashier : Cashier Name</div>
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalHsnCode && <td>{item?.HSN}</td>
+                                  : HsnCode && <td>{item?.HSN}</td>}
+                                {GlobaldummyData
+                                  ? GlobalMRP && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.MRP}
+                                      </td>
+                                    )
+                                  : MRP && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.SinglePc === 'Y'
+                                          ? item?.Rate
+                                          : item?.MRP}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalRate && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Rate}
+                                      </td>
+                                    )
+                                  : Rate && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Rate}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalDiscount && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.discount}
+                                      </td>
+                                    )
+                                  : Discount && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.Type != 'C'
+                                          ? item?.OfferAmt || 0
+                                          : item?.OfferValue || 0}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalTax && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.ProdTaxPercentage}
+                                      </td>
+                                    )
+                                  : Tax &&
+                                    table2Data?.OrderType !== 'E' && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.ProdTaxPercentage || 0}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalQuantity && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.SalesQty}
+                                      </td>
+                                    )
+                                  : Quantity && (
+                                      <td style={{ textAlign: 'right' }}>
+                                        {item?.SalesQty}
+                                      </td>
+                                    )}
+                                {GlobaldummyData
+                                  ? GlobalAmount && (
+                                      <td
+                                        style={{
+                                          width: '10px',
+                                          textAlign: 'right',
+                                        }}
+                                      >
+                                        {item?.TotalAmt}
+                                      </td>
+                                    )
+                                  : Amount && (
+                                      <td
+                                        style={{
+                                          width: '10px',
+                                          textAlign: 'right',
+                                        }}
+                                      >
+                                        {item?.Type != 'C'
+                                          ? item?.TotalAmt - item?.OfferAmt || 0
+                                          : item?.TotalAmt - item?.OfferValue ||
+                                            0}
+                                      </td>
+                                    )}
+                              </tr>
+                            );
+                          })}
+                        </tbody>
+                      </table>
+                    </div>
+                  </>
+                )}
+              </div>
 
-                            }
-                            {CashierName && CashierName !== undefined && CashierName !== null && !GlobaldummyData && CashierNameField &&
-                                <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}>Cashier : {CashierName}
-                                </div>
-                            }
-                            {GlobaldummyData &&
-                                <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}> Customer : Customer Name</div>
-
-                            }
-                            {table2Data?.CustSuppName && table2Data?.CustSuppName !== undefined && table2Data?.CustSuppName !== null && !GlobaldummyData &&
-                                <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}>Customer : {table2Data?.CustSuppName}
-                                </div>
-                            }
-
-
-                            {table2Data?.BookingTypeName === "Dine In" && dinePreference && (table2Data?.SalesTableLinkDetails?.[0]?.WaiterName) && <div style={{ marginLeft: '14px', padding: 0, fontSize: "12px", fontWeight: "600" }}>Captain: {table2Data?.SalesTableLinkDetails?.[0]?.WaiterName}</div>}
+              {chunkIndex === paginatedChunks.length - 1 &&
+                !shouldFooterBeOnNewPage &&
+                FormatTheme && (
+                  <>
+                    <hr className="PrintStyle8-print-dottline" />
+                    <div style={{ fontSize: '12px' }}>
+                      <div
+                        style={{
+                          display: 'flex',
+                          justifyContent: 'space-between',
+                        }}
+                      >
+                        <div style={{ width: '40%' }}>Items </div>
+                        <div> : </div>
+                        <div
+                          style={{
+                            padding: '0rem 1rem',
+                            width: '40%',
+                            textAlign: 'right',
+                          }}
+                        >
+                          {GlobaldummyData ? '8' : totalQuantityFilter?.length}
                         </div>
+                      </div>
+                      <div
+                        style={{
+                          display: 'flex',
+                          justifyContent: 'space-between',
+                        }}
+                      >
+                        <div style={{ width: '40%' }}>Qty </div>
+                        <div> : </div>
+                        <div
+                          style={{
+                            padding: '0rem 1rem',
+                            width: '40%',
+                            textAlign: 'right',
+                          }}
+                        >
+                          {GlobaldummyData ? '9' : totalQuantity}
+                        </div>
+                      </div>
+                      {(table2Data?.OverallDisc > 0 ||
+                        TotalOfferAmount > 0) && (
+                        <div
+                          style={{
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                          }}
+                        >
+                          <div style={{ width: '40%' }}>Off </div>
+                          <div> : </div>
+                          <div
+                            style={{
+                              padding: '0rem 1rem',
+                              width: '40%',
+                              textAlign: 'right',
+                            }}
+                          >
+                            {GlobaldummyData
+                              ? '10'
+                              : Number(
+                                  TotalOfferAmount + table2Data?.OverallDisc
+                                ).toFixed(2)}
+                          </div>
+                        </div>
+                      )}
+                      {DineInData?.length > 0 &&
+                        TakeawayData?.length > 0 &&
+                        takeAwayPreference && (
+                          <div
+                            style={{
+                              display: 'flex',
+                              justifyContent: 'space-between',
+                            }}
+                          >
+                            <div style={{ width: '40%' }}>Take Away</div>
+                            <div> : </div>
+                            <div
+                              style={{
+                                padding: '0rem 1rem',
+                                width: '40%',
+                                textAlign: 'right',
+                              }}
+                            >
+                              {GlobaldummyData
+                                ? '1,066'
+                                : Number(TakeawayTotal).toFixed(2)}
+                            </div>
+                          </div>
+                        )}
+                      {DineInData?.length > 0 &&
+                        TakeawayData?.length > 0 &&
+                        dinePreference && (
+                          <div
+                            style={{
+                              display: 'flex',
+                              justifyContent: 'space-between',
+                            }}
+                          >
+                            <div style={{ width: '40%' }}>Dine In</div>
+                            <div> : </div>
+                            <div
+                              style={{
+                                padding: '0rem 1rem',
+                                width: '40%',
+                                textAlign: 'right',
+                              }}
+                            >
+                              {GlobaldummyData
+                                ? '1,066'
+                                : Number(DineInTotal).toFixed(2)}
+                            </div>
+                          </div>
+                        )}
+                      <div
+                        style={{
+                          display: 'flex',
+                          justifyContent: 'space-between',
+                        }}
+                      >
+                        <div style={{ width: '40%' }}>Amount</div>
+                        <div> : </div>
+                        <div
+                          style={{
+                            padding: '0rem 1rem',
+                            width: '40%',
+                            textAlign: 'right',
+                          }}
+                        >
+                          {GlobaldummyData
+                            ? '1,066'
+                            : Number(table2Data?.NetAmount).toFixed(2)}
+                        </div>
+                      </div>
+                    </div>
 
-                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div>
-                            {GlobaldummyData ? GlobalQrcodet && <div className='PrintStyle8-QrCode'>
+                    <div className="PrintStyle8-FourthDiv">
+                      {table2Data?.OrderType === 'E' ? (
+                        ''
+                      ) : (
+                        <div className="PrintStyle8-FourthP">
+                          <div>
+                            {((OrderDetailGST?.length > 0 &&
+                              OrderDetailGST?.[0]?.TaxAmt > 0) ||
+                              (OrderDetailIGST?.length > 0 &&
+                                OrderDetailIGST?.[0]?.TaxAmt > 0) ||
+                              (OrderDetailVAT?.length > 0 &&
+                                OrderDetailVAT?.[0]?.TaxAmt > 0)) &&
+                              table2Data?.NetAmount !== 0 && (
+                                <>
+                                  <hr className="PrintStyle8-print-dottline" />
+
+                                  <div>
+                                    <p
+                                      style={{
+                                        margin: 0,
+                                        padding: 0,
+                                        fontSize: '12px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      --------- GST Breakup Details -----------
+                                    </p>
+                                    {OrderDetailGST?.length > 0 &&
+                                      OrderDetailGST?.[0]?.TaxAmt > 0 && (
+                                        <table style={{ width: '90%' }}>
+                                          <tr>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'right',
+                                              }}
+                                            ></td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              Taxable Amount
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              CGST
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              SGST
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              Total Amount
+                                            </td>
+                                          </tr>
+                                          {OrderDetailGST?.map((item) => (
+                                            <tr>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'right',
+                                                }}
+                                              >
+                                                {item?.TaxPercentage || 0}%
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(
+                                                  item.WithOutTaxAmount
+                                                ).toFixed(2)}
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.CGST).toFixed(2)}
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.SGST).toFixed(2)}
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.TotalAmt).toFixed(
+                                                  2
+                                                )}
+                                              </td>
+                                            </tr>
+                                          ))}
+                                        </table>
+                                      )}
+
+                                    {OrderDetailIGST?.length > 0 &&
+                                      OrderDetailIGST?.[0]?.TaxAmt > 0 && (
+                                        <>
+                                          <div
+                                            style={{
+                                              border: '0.01px dashed black',
+                                              margin: '10px 0 5px 10px',
+                                              width: '90%',
+                                            }}
+                                          ></div>
+                                          <table style={{ width: '90%' }}>
+                                            <tr>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'right',
+                                                }}
+                                              ></td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                Taxable Amount
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                IGST
+                                              </td>
+
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                Total Amount
+                                              </td>
+                                            </tr>
+                                            {OrderDetailIGST?.map((item) => (
+                                              <tr>
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'right',
+                                                  }}
+                                                >
+                                                  {item?.TaxPercentage || 0}%
+                                                </td>
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'center',
+                                                  }}
+                                                >
+                                                  {Number(
+                                                    item.WithOutTaxAmount
+                                                  ).toFixed(2)}
+                                                </td>
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'center',
+                                                  }}
+                                                >
+                                                  {Number(item.TaxAmt).toFixed(
+                                                    2
+                                                  )}
+                                                </td>
+
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'center',
+                                                  }}
+                                                >
+                                                  {Number(
+                                                    item.TotalAmt
+                                                  ).toFixed(2)}
+                                                </td>
+                                              </tr>
+                                            ))}
+                                          </table>
+                                        </>
+                                      )}
+                                    {OrderDetailVAT?.length > 0 &&
+                                      OrderDetailVAT?.[0]?.TaxAmt > 0 && (
+                                        <>
+                                          <div
+                                            style={{
+                                              border: '0.01px dashed black',
+                                              margin: '10px 0 5px 10px',
+                                              width: '90%',
+                                            }}
+                                          ></div>
+                                          <table style={{ width: '90%' }}>
+                                            <tr>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'right',
+                                                }}
+                                              ></td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                Taxable Amount
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                VAT
+                                              </td>
+
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                Total Amount
+                                              </td>
+                                            </tr>
+                                            {OrderDetailVAT?.map((item) => (
+                                              <tr>
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'right',
+                                                  }}
+                                                >
+                                                  {item?.TaxPercentage || 0}%
+                                                </td>
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'center',
+                                                  }}
+                                                >
+                                                  {Number(
+                                                    item.WithOutTaxAmount
+                                                  ).toFixed(2)}
+                                                </td>
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'center',
+                                                  }}
+                                                >
+                                                  {Number(item.TaxAmt).toFixed(
+                                                    2
+                                                  )}
+                                                </td>
+
+                                                <td
+                                                  style={{
+                                                    fontSize: '10px',
+                                                    textAlign: 'center',
+                                                  }}
+                                                >
+                                                  {Number(
+                                                    item.TotalAmt
+                                                  ).toFixed(2)}
+                                                </td>
+                                              </tr>
+                                            ))}
+                                          </table>
+                                        </>
+                                      )}
+                                  </div>
+                                  <hr className="PrintStyle8-print-dottline" />
+                                </>
+                              )}
+                          </div>
+                        </div>
+                      )}
+                    </div>
+
+                    <div
+                      style={{
+                        display: 'flex',
+                        justifyContent: 'space-evenly',
+                        marginTop: '5px',
+                      }}
+                    >
+                      <div
+                        style={{
+                          marginTop: '5px',
+                          padding: 0,
+                          fontSize: '15px',
+                          fontWeight: '600',
+                        }}
+                      >
+                        {PaymentStatusSuccess?.length === 1
+                          ? PaymentStatusSuccess?.[0]?.PaymentTypeName
+                          : 'Split'}{' '}
+                        &nbsp;Payment : &nbsp;
+                        {GlobaldummyData
+                          ? '1,066'
+                          : Number(table2Data?.NetAmount).toFixed(2)}
+                        /-{' '}
+                      </div>
+                    </div>
+                    <hr className="PrintStyle8-print-dottline" />
+
+                    {GlobaldummyData
+                      ? GlobalCredit && (
+                          <div
+                            style={{
+                              textAlign: 'left',
+                              fontSize: '12px',
+                              fontWeight: '600',
+                              lineHeight: '12px',
+                            }}
+                          >
+                            <h6>Advance Amount:</h6>
+                            <h6>Opening Balance:</h6>
+                          </div>
+                        )
+                      : CreditDetails &&
+                        table2Data?.CustomerDetails?.length > 0 && (
+                          <div
+                            style={{
+                              textAlign: 'left',
+                              fontSize: '12px',
+                              fontWeight: '600',
+                              lineHeight: '12px',
+                            }}
+                          >
+                            {/* OLD CREDIT BAL */}
+                            {PaymentStatusSuccess?.[0]?.PaymentTypeName ===
+                              'Credit' && (
+                              <>
+                                {table2Data.CustomerDetails[0].OldCreditBal >
+                                0 ? (
+                                  <p>
+                                    Advance Amount:
+                                    {table2Data.CustomerDetails[0].OldCreditBal}
+                                  </p>
+                                ) : table2Data.CustomerDetails[0].OldCreditBal <
+                                  0 ? (
+                                  <p>
+                                    {' '}
+                                    Opening Balance:{' '}
+                                    {Math.abs(
+                                      table2Data.CustomerDetails[0].OldCreditBal
+                                    )}
+                                  </p>
+                                ) : null}
+                              </>
+                            )}
+
+                            {/* CURRENT CREDIT BAL */}
+                            {table2Data.CustomerDetails[0].CurrentCreditBal >
+                            0 ? (
+                              <p>
+                                {' '}
+                                Current Advance Amount:{' '}
+                                {table2Data.CustomerDetails[0].CurrentCreditBal}
+                              </p>
+                            ) : table2Data.CustomerDetails[0].CurrentCreditBal <
+                              0 ? (
+                              <p>
+                                {' '}
+                                Current Balance Amount:{' '}
+                                {Math.abs(
+                                  table2Data.CustomerDetails[0].CurrentCreditBal
+                                )}
+                              </p>
+                            ) : null}
+                          </div>
+                        )}
+                    <div className="PrintStyle8-Qr-Order">
+                      <div className="PrintStyle8-OrderNo">
+                        {PaymentStatusSuccess?.length > 1 && (
+                          <>
+                            {/* <p>Split Payment:</p> */}
+                            {Object.keys(aggregatedPayments).map(
+                              (paymentType) => (
+                                <div
+                                  key={paymentType}
+                                  style={{
+                                    margin: 0,
+                                    padding: 0,
+                                    fontSize: '12px',
+                                  }}
+                                >
+                                  {paymentType}:{' '}
+                                  {aggregatedPayments[paymentType].toFixed(2)}
+                                </div>
+                              )
+                            )}
+                          </>
+                        )}
+                        {GlobaldummyData && GlobalCashierName && (
+                          <div
+                            style={{
+                              marginLeft: '14px',
+                              padding: 0,
+                              fontSize: '12px',
+                              fontWeight: '600',
+                            }}
+                          >
+                            {' '}
+                            Cashier : Cashier Name
+                          </div>
+                        )}
+                        {CashierName &&
+                          CashierName !== undefined &&
+                          CashierName !== null &&
+                          !GlobaldummyData &&
+                          CashierNameField && (
+                            <div
+                              style={{
+                                marginLeft: '14px',
+                                padding: 0,
+                                fontSize: '12px',
+                                fontWeight: '600',
+                              }}
+                            >
+                              Cashier : {CashierName}
+                            </div>
+                          )}
+                        {GlobaldummyData && (
+                          <div
+                            style={{
+                              marginLeft: '14px',
+                              padding: 0,
+                              fontSize: '12px',
+                              fontWeight: '600',
+                            }}
+                          >
+                            {' '}
+                            Customer : Customer Name
+                          </div>
+                        )}
+                        {table2Data?.CustSuppName &&
+                          table2Data?.CustSuppName !== undefined &&
+                          table2Data?.CustSuppName !== null &&
+                          !GlobaldummyData && (
+                            <div
+                              style={{
+                                marginLeft: '14px',
+                                padding: 0,
+                                fontSize: '12px',
+                                fontWeight: '600',
+                              }}
+                            >
+                              Customer : {table2Data?.CustSuppName}
+                            </div>
+                          )}
+
+                        {table2Data?.BookingTypeName === 'Dine In' &&
+                          dinePreference &&
+                          table2Data?.SalesTableLinkDetails?.[0]
+                            ?.WaiterName && (
+                            <div
+                              style={{
+                                marginLeft: '14px',
+                                padding: 0,
+                                fontSize: '12px',
+                                fontWeight: '600',
+                              }}
+                            >
+                              Captain:{' '}
+                              {
+                                table2Data?.SalesTableLinkDetails?.[0]
+                                  ?.WaiterName
+                              }
+                            </div>
+                          )}
+                      </div>
+
+                      {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                        ''
+                      ) : (
+                        <div>
+                          {GlobaldummyData
+                            ? GlobalQrcodet && (
+                                <div className="PrintStyle8-QrCode">
+                                  <div>
+                                    <img
+                                      className="PrintStyle8-BrandImage"
+                                      src={QrImage}
+                                      alt="image"
+                                    />
+                                  </div>
+                                  <div>Scan to Pay: </div>
+                                  <div>
+                                    {' '}
+                                    &#8377;
+                                    {GlobaldummyData
+                                      ? '1,066'
+                                      : Number(table2Data?.NetAmount).toFixed(
+                                          2
+                                        )}
+                                  </div>
+                                </div>
+                              )
+                            : Qrcodet &&
+                              paymentTypeUPI && (
+                                <div
+                                  style={{
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    justifyContent: 'center',
+                                    alignItems: 'center',
+                                  }}
+                                >
+                                  <QRCode
+                                    value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`}
+                                    size={80}
+                                  />
+                                  <div style={{ fontSize: '10px' }}>
+                                    Scan to Pay{' '}
+                                  </div>
+                                  <div style={{ fontSize: '10px' }}>
+                                    ₹
+                                    {GlobaldummyData
+                                      ? '1,066'
+                                      : Number(table2Data?.NetAmount).toFixed(
+                                          2
+                                        )}
+                                  </div>
+                                </div>
+                              )}
+                        </div>
+                      )}
+                    </div>
+
+                    <div style={{ fontSize: '10px' }}>
+                      Your Order No :
+                      {GlobaldummyData
+                        ? '01'
+                        : table2Data?.SalesId &&
+                          extractLastNumber(table2Data?.SalesId)}
+                    </div>
+                    {sportsAppPreference && MembershipApplied && (
+                      <div
+                        style={{
+                          width: '100%',
+                          textAlign: 'center',
+                          paddingTop: '10px',
+                        }}
+                      >{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>
+                    )}
+
+                    <div
+                      className="page-footerA4Style11"
+                      style={{
+                        marginTop: 'auto',
+                        pageBreakBefore: 'avoid',
+                        pageBreakInside: 'avoid',
+                        minHeight: 'auto',
+                      }}
+                    >
+                      {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                        ''
+                      ) : (
+                        <div>
+                          {GlobaldummyData
+                            ? GlobalIsnotes && (
                                 <div>
-                                    <img className='PrintStyle8-BrandImage' src={QrImage} alt='image' />
+                                  <p style={{ padding: '0rem 1rem' }}>
+                                    Notes : 10 days Return policy
+                                  </p>
+
+                                  <hr className="PrintA4Style11-print-dottline" />
+                                </div>
+                              )
+                            : Notestext && (
+                                <div>
+                                  <p style={{ padding: '0rem 1rem' }}>
+                                    {Notestext}
+                                  </p>
+
+                                  <hr className="PrintA4Style11-print-dottline" />
+                                </div>
+                              )}
+                        </div>
+                      )}
+
+                      {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                        ''
+                      ) : (
+                        <div
+                          style={{
+                            display: 'flex',
+                            width: '90%',
+                            padding: '0 1rem',
+                            justifyContent: GlobaltermsAndConditions
+                              ? 'space-between'
+                              : 'flex-end',
+                            alignItems: 'center',
+                          }}
+                        >
+                          {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
+                            ? GlobalSignature && (
+                                <div
+                                  style={{
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    alignItems: 'flex-end',
+                                    paddingBottom: '1rem',
+                                  }}
+                                >
+                                  <p
+                                    style={{
+                                      fontSize: '13px',
+                                      fontWeight: 'bold',
+                                      marginBottom: '6px',
+                                    }}
+                                  >
+                                    Signature
+                                  </p>
+                                  <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',
+                                  }}
+                                >
+                                  <p
+                                    style={{
+                                      fontSize: '13px',
+                                      fontWeight: 'bold',
+                                      marginBottom: '6px',
+                                    }}
+                                  >
+                                    Signature
+                                  </p>
+                                  <img
+                                    style={{ width: '100px', height: '60px' }}
+                                    src={SignatureImg}
+                                    alt=""
+                                  />
+                                </div>
+                              )}
+                        </div>
+                      )}
+                    </div>
+
+                    {PrintGreeting?.SettingValue === 'Y' && (
+                      <div className="PrintStyle8-FourthSpan">
+                        Thank You Visit Again
+                      </div>
+                    )}
+                  </>
+                )}
+            </div>
+          ))}
+
+          {shouldFooterBeOnNewPage && FormatTheme && (
+            <div
+              className="print-page"
+              style={{
+                display: 'flex',
+                flexDirection: 'column',
+                minHeight: PageSize == 'A5' ? '200mm' : '260mm',
+                justifyContent: 'flex-end',
+                pageBreakBefore: 'always',
+              }}
+            >
+              <div
+                className="page-footerA4Style11"
+                style={{
+                  marginTop: 'auto',
+                  pageBreakBefore: 'avoid',
+                  pageBreakInside: 'avoid',
+                  minHeight: 'auto',
+                }}
+              >
+                <>
+                  <hr className="PrintStyle8-print-dottline" />
+                  <div style={{ fontSize: '12px' }}>
+                    <div
+                      style={{
+                        display: 'flex',
+                        justifyContent: 'space-between',
+                      }}
+                    >
+                      <div style={{ width: '40%' }}>Items </div>
+                      <div> : </div>
+                      <div
+                        style={{
+                          padding: '0rem 1rem',
+                          width: '40%',
+                          textAlign: 'right',
+                        }}
+                      >
+                        {GlobaldummyData ? '8' : totalQuantityFilter?.length}
+                      </div>
+                    </div>
+                    <div
+                      style={{
+                        display: 'flex',
+                        justifyContent: 'space-between',
+                      }}
+                    >
+                      <div style={{ width: '40%' }}>Qty </div>
+                      <div> : </div>
+                      <div
+                        style={{
+                          padding: '0rem 1rem',
+                          width: '40%',
+                          textAlign: 'right',
+                        }}
+                      >
+                        {GlobaldummyData ? '9' : totalQuantity}
+                      </div>
+                    </div>
+                    {(table2Data?.OverallDisc > 0 || TotalOfferAmount > 0) && (
+                      <div
+                        style={{
+                          display: 'flex',
+                          justifyContent: 'space-between',
+                        }}
+                      >
+                        <div style={{ width: '40%' }}>Off </div>
+                        <div> : </div>
+                        <div
+                          style={{
+                            padding: '0rem 1rem',
+                            width: '40%',
+                            textAlign: 'right',
+                          }}
+                        >
+                          {GlobaldummyData
+                            ? '10'
+                            : Number(
+                                TotalOfferAmount + table2Data?.OverallDisc
+                              ).toFixed(2)}
+                        </div>
+                      </div>
+                    )}
+                    {DineInData?.length > 0 &&
+                      TakeawayData?.length > 0 &&
+                      takeAwayPreference && (
+                        <div
+                          style={{
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                          }}
+                        >
+                          <div style={{ width: '40%' }}>Take Away</div>
+                          <div> : </div>
+                          <div
+                            style={{
+                              padding: '0rem 1rem',
+                              width: '40%',
+                              textAlign: 'right',
+                            }}
+                          >
+                            {GlobaldummyData
+                              ? '1,066'
+                              : Number(TakeawayTotal).toFixed(2)}
+                          </div>
+                        </div>
+                      )}
+                    {DineInData?.length > 0 &&
+                      TakeawayData?.length > 0 &&
+                      dinePreference && (
+                        <div
+                          style={{
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                          }}
+                        >
+                          <div style={{ width: '40%' }}>Dine In</div>
+                          <div> : </div>
+                          <div
+                            style={{
+                              padding: '0rem 1rem',
+                              width: '40%',
+                              textAlign: 'right',
+                            }}
+                          >
+                            {GlobaldummyData
+                              ? '1,066'
+                              : Number(DineInTotal).toFixed(2)}
+                          </div>
+                        </div>
+                      )}
+                    <div
+                      style={{
+                        display: 'flex',
+                        justifyContent: 'space-between',
+                      }}
+                    >
+                      <div style={{ width: '40%' }}>Amount</div>
+                      <div> : </div>
+                      <div
+                        style={{
+                          padding: '0rem 1rem',
+                          width: '40%',
+                          textAlign: 'right',
+                        }}
+                      >
+                        {GlobaldummyData
+                          ? '1,066'
+                          : Number(table2Data?.NetAmount).toFixed(2)}
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="PrintStyle8-FourthDiv">
+                    {table2Data?.OrderType === 'E' ? (
+                      ''
+                    ) : (
+                      <div className="PrintStyle8-FourthP">
+                        <div>
+                          {((OrderDetailGST?.length > 0 &&
+                            OrderDetailGST?.[0]?.TaxAmt > 0) ||
+                            (OrderDetailIGST?.length > 0 &&
+                              OrderDetailIGST?.[0]?.TaxAmt > 0) ||
+                            (OrderDetailVAT?.length > 0 &&
+                              OrderDetailVAT?.[0]?.TaxAmt > 0)) &&
+                            table2Data?.NetAmount !== 0 && (
+                              <>
+                                <hr className="PrintStyle8-print-dottline" />
+
+                                <div>
+                                  <p
+                                    style={{
+                                      margin: 0,
+                                      padding: 0,
+                                      fontSize: '12px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    --------- GST Breakup Details -----------
+                                  </p>
+                                  {OrderDetailGST?.length > 0 &&
+                                    OrderDetailGST?.[0]?.TaxAmt > 0 && (
+                                      <table style={{ width: '90%' }}>
+                                        <tr>
+                                          <td
+                                            style={{
+                                              fontSize: '10px',
+                                              textAlign: 'right',
+                                            }}
+                                          ></td>
+                                          <td
+                                            style={{
+                                              fontSize: '10px',
+                                              textAlign: 'center',
+                                            }}
+                                          >
+                                            Taxable Amount
+                                          </td>
+                                          <td
+                                            style={{
+                                              fontSize: '10px',
+                                              textAlign: 'center',
+                                            }}
+                                          >
+                                            CGST
+                                          </td>
+                                          <td
+                                            style={{
+                                              fontSize: '10px',
+                                              textAlign: 'center',
+                                            }}
+                                          >
+                                            SGST
+                                          </td>
+                                          <td
+                                            style={{
+                                              fontSize: '10px',
+                                              textAlign: 'center',
+                                            }}
+                                          >
+                                            Total Amount
+                                          </td>
+                                        </tr>
+                                        {OrderDetailGST?.map((item) => (
+                                          <tr>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'right',
+                                              }}
+                                            >
+                                              {item?.TaxPercentage || 0}%
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              {Number(
+                                                item.WithOutTaxAmount
+                                              ).toFixed(2)}
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              {Number(item.CGST).toFixed(2)}
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              {Number(item.SGST).toFixed(2)}
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              {Number(item.TotalAmt).toFixed(2)}
+                                            </td>
+                                          </tr>
+                                        ))}
+                                      </table>
+                                    )}
+
+                                  {OrderDetailIGST?.length > 0 &&
+                                    OrderDetailIGST?.[0]?.TaxAmt > 0 && (
+                                      <>
+                                        <div
+                                          style={{
+                                            border: '0.01px dashed black',
+                                            margin: '10px 0 5px 10px',
+                                            width: '90%',
+                                          }}
+                                        ></div>
+                                        <table style={{ width: '90%' }}>
+                                          <tr>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'right',
+                                              }}
+                                            ></td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              Taxable Amount
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              IGST
+                                            </td>
+
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              Total Amount
+                                            </td>
+                                          </tr>
+                                          {OrderDetailIGST?.map((item) => (
+                                            <tr>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'right',
+                                                }}
+                                              >
+                                                {item?.TaxPercentage || 0}%
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(
+                                                  item.WithOutTaxAmount
+                                                ).toFixed(2)}
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.TaxAmt).toFixed(2)}
+                                              </td>
+
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.TotalAmt).toFixed(
+                                                  2
+                                                )}
+                                              </td>
+                                            </tr>
+                                          ))}
+                                        </table>
+                                      </>
+                                    )}
+                                  {OrderDetailVAT?.length > 0 &&
+                                    OrderDetailVAT?.[0]?.TaxAmt > 0 && (
+                                      <>
+                                        <div
+                                          style={{
+                                            border: '0.01px dashed black',
+                                            margin: '10px 0 5px 10px',
+                                            width: '90%',
+                                          }}
+                                        ></div>
+                                        <table style={{ width: '90%' }}>
+                                          <tr>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'right',
+                                              }}
+                                            ></td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              Taxable Amount
+                                            </td>
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              VAT
+                                            </td>
+
+                                            <td
+                                              style={{
+                                                fontSize: '10px',
+                                                textAlign: 'center',
+                                              }}
+                                            >
+                                              Total Amount
+                                            </td>
+                                          </tr>
+                                          {OrderDetailVAT?.map((item) => (
+                                            <tr>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'right',
+                                                }}
+                                              >
+                                                {item?.TaxPercentage || 0}%
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(
+                                                  item.WithOutTaxAmount
+                                                ).toFixed(2)}
+                                              </td>
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.TaxAmt).toFixed(2)}
+                                              </td>
+
+                                              <td
+                                                style={{
+                                                  fontSize: '10px',
+                                                  textAlign: 'center',
+                                                }}
+                                              >
+                                                {Number(item.TotalAmt).toFixed(
+                                                  2
+                                                )}
+                                              </td>
+                                            </tr>
+                                          ))}
+                                        </table>
+                                      </>
+                                    )}
+                                </div>
+                                <hr className="PrintStyle8-print-dottline" />
+                              </>
+                            )}
+                        </div>
+                      </div>
+                    )}
+                  </div>
+
+                  <div
+                    style={{
+                      display: 'flex',
+                      justifyContent: 'space-evenly',
+                      marginTop: '5px',
+                    }}
+                  >
+                    <div
+                      style={{
+                        marginTop: '5px',
+                        padding: 0,
+                        fontSize: '15px',
+                        fontWeight: '600',
+                      }}
+                    >
+                      {PaymentStatusSuccess?.length === 1
+                        ? PaymentStatusSuccess?.[0]?.PaymentTypeName
+                        : 'Split'}{' '}
+                      &nbsp;Payment : &nbsp;
+                      {GlobaldummyData
+                        ? '1,066'
+                        : Number(table2Data?.NetAmount).toFixed(2)}
+                      /-{' '}
+                    </div>
+                  </div>
+                  <hr className="PrintStyle8-print-dottline" />
+
+                  {GlobaldummyData
+                    ? GlobalCredit && (
+                        <div
+                          style={{
+                            textAlign: 'left',
+                            fontSize: '12px',
+                            fontWeight: '600',
+                            lineHeight: '12px',
+                          }}
+                        >
+                          <h6>Advance Amount:</h6>
+                          <h6>Opening Balance:</h6>
+                        </div>
+                      )
+                    : CreditDetails &&
+                      table2Data?.CustomerDetails?.length > 0 && (
+                        <div
+                          style={{
+                            textAlign: 'left',
+                            fontSize: '12px',
+                            fontWeight: '600',
+                            lineHeight: '12px',
+                          }}
+                        >
+                          {/* OLD CREDIT BAL */}
+                          {PaymentStatusSuccess?.[0]?.PaymentTypeName ===
+                            'Credit' && (
+                            <>
+                              {table2Data.CustomerDetails[0].OldCreditBal >
+                              0 ? (
+                                <p>
+                                  Advance Amount:
+                                  {table2Data.CustomerDetails[0].OldCreditBal}
+                                </p>
+                              ) : table2Data.CustomerDetails[0].OldCreditBal <
+                                0 ? (
+                                <p>
+                                  {' '}
+                                  Opening Balance:{' '}
+                                  {Math.abs(
+                                    table2Data.CustomerDetails[0].OldCreditBal
+                                  )}
+                                </p>
+                              ) : null}
+                            </>
+                          )}
+
+                          {/* CURRENT CREDIT BAL */}
+                          {table2Data.CustomerDetails[0].CurrentCreditBal >
+                          0 ? (
+                            <p>
+                              {' '}
+                              Current Advance Amount:{' '}
+                              {table2Data.CustomerDetails[0].CurrentCreditBal}
+                            </p>
+                          ) : table2Data.CustomerDetails[0].CurrentCreditBal <
+                            0 ? (
+                            <p>
+                              {' '}
+                              Current Balance Amount:{' '}
+                              {Math.abs(
+                                table2Data.CustomerDetails[0].CurrentCreditBal
+                              )}
+                            </p>
+                          ) : null}
+                        </div>
+                      )}
+                  <div className="PrintStyle8-Qr-Order">
+                    <div className="PrintStyle8-OrderNo">
+                      {PaymentStatusSuccess?.length > 1 && (
+                        <>
+                          {/* <p>Split Payment:</p> */}
+                          {Object.keys(aggregatedPayments).map(
+                            (paymentType) => (
+                              <div
+                                key={paymentType}
+                                style={{
+                                  margin: 0,
+                                  padding: 0,
+                                  fontSize: '12px',
+                                }}
+                              >
+                                {paymentType}:{' '}
+                                {aggregatedPayments[paymentType].toFixed(2)}
+                              </div>
+                            )
+                          )}
+                        </>
+                      )}
+                      {GlobaldummyData && GlobalCashierName && (
+                        <div
+                          style={{
+                            marginLeft: '14px',
+                            padding: 0,
+                            fontSize: '12px',
+                            fontWeight: '600',
+                          }}
+                        >
+                          {' '}
+                          Cashier : Cashier Name
+                        </div>
+                      )}
+                      {CashierName &&
+                        CashierName !== undefined &&
+                        CashierName !== null &&
+                        !GlobaldummyData &&
+                        CashierNameField && (
+                          <div
+                            style={{
+                              marginLeft: '14px',
+                              padding: 0,
+                              fontSize: '12px',
+                              fontWeight: '600',
+                            }}
+                          >
+                            Cashier : {CashierName}
+                          </div>
+                        )}
+                      {GlobaldummyData && (
+                        <div
+                          style={{
+                            marginLeft: '14px',
+                            padding: 0,
+                            fontSize: '12px',
+                            fontWeight: '600',
+                          }}
+                        >
+                          {' '}
+                          Customer : Customer Name
+                        </div>
+                      )}
+                      {table2Data?.CustSuppName &&
+                        table2Data?.CustSuppName !== undefined &&
+                        table2Data?.CustSuppName !== null &&
+                        !GlobaldummyData && (
+                          <div
+                            style={{
+                              marginLeft: '14px',
+                              padding: 0,
+                              fontSize: '12px',
+                              fontWeight: '600',
+                            }}
+                          >
+                            Customer : {table2Data?.CustSuppName}
+                          </div>
+                        )}
+                      {table2Data?.BookingTypeName === 'Dine In' &&
+                        dinePreference &&
+                        table2Data?.SalesTableLinkDetails?.[0]?.WaiterName && (
+                          <div
+                            style={{
+                              marginLeft: '14px',
+                              padding: 0,
+                              fontSize: '12px',
+                              fontWeight: '600',
+                            }}
+                          >
+                            Captain:{' '}
+                            {table2Data?.SalesTableLinkDetails?.[0]?.WaiterName}
+                          </div>
+                        )}
+                    </div>
+
+                    {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                      ''
+                    ) : (
+                      <div>
+                        {GlobaldummyData
+                          ? GlobalQrcodet && (
+                              <div className="PrintStyle8-QrCode">
+                                <div>
+                                  <img
+                                    className="PrintStyle8-BrandImage"
+                                    src={QrImage}
+                                    alt="image"
+                                  />
                                 </div>
                                 <div>Scan to Pay: </div>
-                                <div> &#8377;{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                            </div> :
-                                (Qrcodet && paymentTypeUPI) &&
-                                <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }} >
-                                    <QRCode value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`} size={80} />
-                                    <div style={{ fontSize: "10px" }} >Scan to Pay </div>
-                                    <div style={{ fontSize: "10px" }}>₹{GlobaldummyData ? '1,066' : Number(table2Data?.NetAmount).toFixed(2)}</div>
-                                </div>}
-                        </div>}
-                    </div>
+                                <div>
+                                  {' '}
+                                  &#8377;
+                                  {GlobaldummyData
+                                    ? '1,066'
+                                    : Number(table2Data?.NetAmount).toFixed(2)}
+                                </div>
+                              </div>
+                            )
+                          : Qrcodet &&
+                            paymentTypeUPI && (
+                              <div
+                                style={{
+                                  display: 'flex',
+                                  flexDirection: 'column',
+                                  justifyContent: 'center',
+                                  alignItems: 'center',
+                                }}
+                              >
+                                <QRCode
+                                  value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`}
+                                  size={80}
+                                />
+                                <div style={{ fontSize: '10px' }}>
+                                  Scan to Pay{' '}
+                                </div>
+                                <div style={{ fontSize: '10px' }}>
+                                  ₹
+                                  {GlobaldummyData
+                                    ? '1,066'
+                                    : Number(table2Data?.NetAmount).toFixed(2)}
+                                </div>
+                              </div>
+                            )}
+                      </div>
+                    )}
+                  </div>
 
-                    <div style={{ fontSize: "10px" }}>Your Order No :{GlobaldummyData ? '01' : table2Data?.SalesId && extractLastNumber(table2Data?.SalesId)}</div>
-                    {(sportsAppPreference && MembershipApplied) && <div style={{ width: '100%', textAlign: 'center', paddingTop: '10px' }}>{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>}
+                  <div style={{ fontSize: '10px' }}>
+                    Your Order No :
+                    {GlobaldummyData
+                      ? '01'
+                      : table2Data?.SalesId &&
+                        extractLastNumber(table2Data?.SalesId)}
+                  </div>
+                  {sportsAppPreference && MembershipApplied && (
+                    <div
+                      style={{
+                        width: '100%',
+                        textAlign: 'center',
+                        paddingTop: '10px',
+                      }}
+                    >{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>
+                  )}
 
-                    <div className="page-footerA4Style11"
+                  <div
+                    className="page-footerA4Style11"
+                    style={{
+                      marginTop: 'auto',
+                      pageBreakBefore: 'avoid',
+                      pageBreakInside: 'avoid',
+                      minHeight: 'auto',
+                    }}
+                  >
+                    {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                      ''
+                    ) : (
+                      <div>
+                        {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' }}>
+                                  {Notestext}
+                                </p>
+
+                                <hr className="PrintA4Style11-print-dottline" />
+                              </div>
+                            )}
+                      </div>
+                    )}
+
+                    {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+                      ''
+                    ) : (
+                      <div
                         style={{
-                            marginTop: "auto",
-                            pageBreakBefore: "avoid",
-                            pageBreakInside: "avoid",
-                            minHeight: "auto",
+                          display: 'flex',
+                          width: '90%',
+                          padding: '0 1rem',
+                          justifyContent: GlobaltermsAndConditions
+                            ? 'space-between'
+                            : 'flex-end',
+                          alignItems: 'center',
                         }}
-                    >
-                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div>
-                            {GlobaldummyData ? GlobalIsnotes &&
-                                (<div>
-                                    <p style={{ padding: "0rem 1rem" }}>Notes : 10 days Return policy</p>
+                      >
+                        {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>
+                            )}
 
-                                    <hr className="PrintA4Style11-print-dottline" />
-                                </div>) :
-                                Notestext && (<div>
-                                    <p style={{ padding: "0rem 1rem" }}>{Notestext}</p>
+                        {GlobaldummyData
+                          ? GlobalSignature && (
+                              <div
+                                style={{
+                                  display: 'flex',
+                                  flexDirection: 'column',
+                                  alignItems: 'flex-end',
+                                  paddingBottom: '1rem',
+                                }}
+                              >
+                                <p
+                                  style={{
+                                    fontSize: '13px',
+                                    fontWeight: 'bold',
+                                    marginBottom: '6px',
+                                  }}
+                                >
+                                  Signature
+                                </p>
+                                <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',
+                                }}
+                              >
+                                <p
+                                  style={{
+                                    fontSize: '13px',
+                                    fontWeight: 'bold',
+                                    marginBottom: '6px',
+                                  }}
+                                >
+                                  Signature
+                                </p>
+                                <img
+                                  style={{ width: '100px', height: '60px' }}
+                                  src={SignatureImg}
+                                  alt=""
+                                />
+                              </div>
+                            )}
+                      </div>
+                    )}
+                  </div>
 
-                                    <hr className="PrintA4Style11-print-dottline" />
-                                </div>)
-                            }
-                        </div>}
-
-
-                        {(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' : <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
-                            {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 ? GlobalSignature && (<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", paddingBottom: "1rem" }}>
-                                <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                <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" }}>
-                                <p style={{ fontSize: "13px", fontWeight: "bold", marginBottom: "6px" }}>Signature</p>
-                                <img style={{ width: "100px", height: "60px" }} src={SignatureImg} alt="" />
-                            </div>)}
-
-                        </div>}
+                  {PrintGreeting?.SettingValue === 'Y' && (
+                    <div className="PrintStyle8-FourthSpan">
+                      Thank You Visit Again
                     </div>
-
-
-                    {PrintGreeting?.SettingValue === "Y" &&
-                        <div className='PrintStyle8-FourthSpan'>
-                            Thank You Visit Again
-                        </div>
-                    }
-                    {/* <div onClick={Print}> print</div> */}
+                  )}
+                </>
+              </div>
+            </div>
+          )}
+        </div>
+      ) : (
+        <div
+          id={`PrintStyle8-${index}`}
+          className="PrintStyle8MasterDiv"
+          style={{ fontFamily: "'Courier New', Courier, monospace" }}
+        >
+          {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+            ''
+          ) : (
+            <div className="PrintStyle8-fistDiv" style={{}}>
+              {/* <h3>{table2Data?.BrName}</h3> */}
+              <div
+                style={{
+                  display: 'flex',
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                }}
+              >
+                {GlobalLogo && GlobaldummyData ? (
+                  <img
+                    className="PrintStyle2-BrandImage"
+                    src={Logo}
+                    alt="image"
+                  />
+                ) : null}
+                {base64Image &&
+                (PrintLogo?.SettingValue === 'Y' || LogoField) ? (
+                  <img
+                    className="PrintStyle2-BrandImage"
+                    src={base64Image}
+                    alt="image"
+                    width={100}
+                  />
+                ) : null}
+                <div
+                  style={{
+                    fontSize: 'clamp(1.25rem, 2.5vw, 1.75rem)',
+                    fontWeight: '600',
+                      color: SelectedHeaderColor,
+                  }}
+                >
+                  {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
                 </div>
-            }
+              </div>
 
-        </>
-    )
-}
+              <div
+                className="PrintStyle8-BrAddress"
+                style={{ fontSize: 'clamp(0.63rem, 2.5vw, 1.2rem)' }}
+              >
+                {GlobaldummyData
+                  ? 'BranchAddress, Town- 635XXX City - State'
+                  : (BranchAddress || '') +
+                    (BranchCity
+                      ? (BranchAddress && BranchCity ? '-' : '') + BranchCity
+                      : '') +
+                    (BranchZip
+                      ? (BranchCity && BranchZip ? '-' : '') + BranchZip
+                      : '')}
+              </div>
+              <div
+                className="PrintStyle8-BrAddress"
+                style={{ fontSize: 'clamp(0.63rem, 2.5vw, 1.2rem)' }}
+              >
+                {' '}
+                Mobile : +91{' '}
+                {GlobaldummyData ? '986XXXXXXX' : table2Data?.BrMobile}
+              </div>
+            </div>
+          )}
+          {table2Data?.OrderType === 'E' && (
+            <div
+              className="PrintStyle4-FourthSpan"
+              style={{ textTransform: 'uppercase', fontWeight: '600' }}
+            >
+              Estimate{' '}
+              {SalesModePref?.SettingValue == 'Y' &&
+                `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}
+            </div>
+          )}
 
-export default Printstyle8
+          {table2Data?.OrderType === 'E' ? (
+            ''
+          ) : (
+            <div
+              className="PrintStyle4-FourthSpan"
+              style={{ textTransform: 'uppercase', fontWeight: '600' }}
+            >
+              {GlobaldummyData
+                ? GlobalBilltext
+                  ? GlobalBilltext
+                  : 'Cash' + ' Bill'
+                : BillName
+                  ? BillName
+                  : PaymentStatusSuccess?.length === 1
+                    ? PaymentStatusSuccess?.[0]?.PaymentTypeName + ' Bill'
+                    : ''}{' '}
+              {SalesModePref?.SettingValue == 'Y' &&
+                `(${table2Data?.SalesMode ? table2Data?.SalesMode : 'R'})`}
+            </div>
+          )}
+
+          <div className="PrintStyle8-SecondDiv">
+            <div style={{ fontWeight: '600' }}>
+              Bill No :
+              {GlobaldummyData
+                ? '553'
+                : table2Data?.OrderId &&
+                  extractLastNumberOrderId(
+                    table2Data?.OrderId,
+                    table2Data?.FYStatus
+                  )}
+            </div>
+            <div style={{ fontSize: 'clamp(0.63rem, 2.5vw, 1.2rem)' }}>
+              {GlobaldummyData ? formattedDate : Date1}
+            </div>
+          </div>
+
+          <hr className="PrintStyle8-print-dottline" />
+          {(TakeawayData?.length > 0 || GlobaldummyData) && (
+            <>
+              {takeAwayPreference && (
+                <div
+                  style={{
+                    display: 'flex',
+                    width: '100%',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    fontSize: '12px',
+                    fontWeight: '600',
+                  }}
+                >
+                  TakeAway
+                </div>
+              )}
+
+              <div className="PrintStyle8-print-tableMaster">
+                <table className="PrintStyle8-print-table">
+                  <thead>
+                    <tr>
+                      {GlobaldummyData
+                        ? GlobalSlNo && (
+                            <th style={{ width: '10px', textAlign: 'center' }}>
+                              S.No
+                            </th>
+                          )
+                        : SLNO && (
+                            <th style={{ width: '10px', textAlign: 'center' }}>
+                              S.No
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalItem && (
+                            <th style={{ textAlign: 'left' }}>Dis</th>
+                          )
+                        : Item && <th>Des</th>}
+                      {GlobaldummyData
+                        ? GlobalHsnCode && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              HSN
+                            </th>
+                          )
+                        : HsnCode && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              HSN
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalMRP && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              MRP
+                            </th>
+                          )
+                        : MRP && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              MRP
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalRate && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Rate
+                            </th>
+                          )
+                        : Rate && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Rt
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalDiscount && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              (%)
+                            </th>
+                          )
+                        : Discount && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              (%)
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalTax && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Tax %
+                            </th>
+                          )
+                        : Tax &&
+                          table2Data?.OrderType !== 'E' && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Tax %
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalQuantity && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Qty
+                            </th>
+                          )
+                        : Quantity && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalAmount && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Amt
+                            </th>
+                          )
+                        : Amount && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Amt
+                            </th>
+                          )}
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {(GlobaldummyData ? products : TakeawayData)?.map(
+                      (item, index) => {
+                        return (
+                          <tr key={index}>
+                            {GlobaldummyData
+                              ? GlobalSlNo && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {index + 1}
+                                  </td>
+                                )
+                              : SLNO && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {index + 1}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalItem && <td>{item?.ProdName}</td>
+                              : Item && (
+                                  <td
+                                    style={{
+                                      display: 'flex',
+                                      flexDirection: 'column',
+                                    }}
+                                  >
+                                    <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>
+                                    )}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalHsnCode && <td>{item?.HSN}</td>
+                              : HsnCode && <td>{item?.HSN}</td>}
+                            {GlobaldummyData
+                              ? GlobalMRP && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.MRP}
+                                  </td>
+                                )
+                              : MRP && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SinglePc === 'Y'
+                                      ? item?.Rate
+                                      : item?.MRP}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalRate && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Rate}
+                                  </td>
+                                )
+                              : Rate && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Rate}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalDiscount && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.discount}
+                                  </td>
+                                )
+                              : Discount && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Type != 'C'
+                                      ? item?.OfferAmt || 0
+                                      : item?.OfferValue || 0}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalTax && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.ProdTaxPercentage}
+                                  </td>
+                                )
+                              : Tax &&
+                                table2Data?.OrderType !== 'E' && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.ProdTaxPercentage || 0}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalQuantity && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SalesQty}
+                                  </td>
+                                )
+                              : Quantity && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SalesQty}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalAmount && (
+                                  <td
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    {item?.TotalAmt}
+                                  </td>
+                                )
+                              : Amount && (
+                                  <td
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    {item?.Type != 'C'
+                                      ? item?.TotalAmt - item?.OfferAmt || 0
+                                      : item?.TotalAmt - item?.OfferValue || 0}
+                                  </td>
+                                )}
+                          </tr>
+                        );
+                      }
+                    )}
+                  </tbody>
+                </table>
+              </div>
+            </>
+          )}
+          {DineInData?.length > 0 && dinePreference && (
+            <>
+              <div
+                style={{
+                  display: 'flex',
+                  width: '100%',
+                  justifyContent: 'center',
+                  alignItems: 'center',
+                  fontSize: '12px',
+                  fontWeight: '600',
+                }}
+              >
+                Dine In
+              </div>
+
+              <div className="PrintStyle8-print-tableMaster">
+                <table className="PrintStyle8-print-table">
+                  <thead>
+                    <tr>
+                      {GlobaldummyData
+                        ? GlobalSlNo && (
+                            <th style={{ width: '10px', textAlign: 'center' }}>
+                              S.No
+                            </th>
+                          )
+                        : SLNO && (
+                            <th style={{ width: '10px', textAlign: 'center' }}>
+                              S.No
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalItem && <th>Dis</th>
+                        : Item && <th>Des</th>}
+                      {GlobaldummyData
+                        ? GlobalHsnCode && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              HSN
+                            </th>
+                          )
+                        : HsnCode && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              HSN
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalMRP && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              MRP
+                            </th>
+                          )
+                        : MRP && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              MRP
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalRate && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Rate
+                            </th>
+                          )
+                        : Rate && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Rt
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalDiscount && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              (%)
+                            </th>
+                          )
+                        : Discount && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              (%)
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalTax && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Tax %
+                            </th>
+                          )
+                        : Tax &&
+                          table2Data?.OrderType !== 'E' && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Tax %
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalQuantity && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Qty
+                            </th>
+                          )
+                        : Quantity && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalAmount && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Amt
+                            </th>
+                          )
+                        : Amount && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Amt
+                            </th>
+                          )}
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {(GlobaldummyData ? products : DineInData)?.map(
+                      (item, index) => {
+                        return (
+                          <tr key={index}>
+                            {GlobaldummyData
+                              ? GlobalSlNo && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {index + 1}
+                                  </td>
+                                )
+                              : SLNO && (
+                                  <td style={{ textAlign: 'center' }}>
+                                    {index + 1}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalItem && <td>{item?.ProdName}</td>
+                              : Item && (
+                                  <td
+                                    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'}
+                                      )
+                                      {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>
+                                            );
+                                          })
+                                        : ''}
+                                    </div>
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalHsnCode && <td>{item?.HSN}</td>
+                              : HsnCode && <td>{item?.HSN}</td>}
+                            {GlobaldummyData
+                              ? GlobalMRP && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.MRP}
+                                  </td>
+                                )
+                              : MRP && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SinglePc === 'Y'
+                                      ? item?.Rate
+                                      : item?.MRP}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalRate && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Rate}
+                                  </td>
+                                )
+                              : Rate && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Rate}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalDiscount && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.discount}
+                                  </td>
+                                )
+                              : Discount && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Type != 'C'
+                                      ? item?.OfferAmt || 0
+                                      : item?.OfferValue || 0}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalTax && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.ProdTaxPercentage}
+                                  </td>
+                                )
+                              : Tax &&
+                                table2Data?.OrderType !== 'E' && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.ProdTaxPercentage || 0}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalQuantity && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SalesQty}
+                                  </td>
+                                )
+                              : Quantity && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SalesQty}
+                                  </td>
+                                )}
+                            {GlobaldummyData
+                              ? GlobalAmount && (
+                                  <td
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    {item?.TotalAmt}
+                                  </td>
+                                )
+                              : Amount && (
+                                  <td
+                                    style={{
+                                      width: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  >
+                                    {item?.Type != 'C'
+                                      ? item?.TotalAmt - item?.OfferAmt || 0
+                                      : item?.TotalAmt - item?.OfferValue || 0}
+                                  </td>
+                                )}
+                          </tr>
+                        );
+                      }
+                    )}
+                  </tbody>
+                </table>
+              </div>
+            </>
+          )}
+          <hr className="PrintStyle8-print-dottline" />
+          <div style={{ fontSize: '12px' }}>
+            <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+              <div style={{ width: '40%' }}>Items </div>
+              <div> : </div>
+              <div
+                style={{
+                  padding: '0rem 1rem',
+                  width: '40%',
+                  textAlign: 'right',
+                }}
+              >
+                {GlobaldummyData ? '8' : totalQuantityFilter?.length}
+              </div>
+            </div>
+            <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+              <div style={{ width: '40%' }}>Qty </div>
+              <div> : </div>
+              <div
+                style={{
+                  padding: '0rem 1rem',
+                  width: '40%',
+                  textAlign: 'right',
+                }}
+              >
+                {GlobaldummyData ? '9' : totalQuantity}
+              </div>
+            </div>
+            {(table2Data?.OverallDisc > 0 || TotalOfferAmount > 0) && (
+              <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+                <div style={{ width: '40%' }}>Off </div>
+                <div> : </div>
+                <div
+                  style={{
+                    padding: '0rem 1rem',
+                    width: '40%',
+                    textAlign: 'right',
+                  }}
+                >
+                  {GlobaldummyData
+                    ? '10'
+                    : Number(
+                        TotalOfferAmount + table2Data?.OverallDisc
+                      ).toFixed(2)}
+                </div>
+              </div>
+            )}
+            {DineInData?.length > 0 &&
+              TakeawayData?.length > 0 &&
+              takeAwayPreference && (
+                <div
+                  style={{ display: 'flex', justifyContent: 'space-between' }}
+                >
+                  <div style={{ width: '40%' }}>Take Away</div>
+                  <div> : </div>
+                  <div
+                    style={{
+                      padding: '0rem 1rem',
+                      width: '40%',
+                      textAlign: 'right',
+                    }}
+                  >
+                    {GlobaldummyData
+                      ? '1,066'
+                      : Number(TakeawayTotal).toFixed(2)}
+                  </div>
+                </div>
+              )}
+            {DineInData?.length > 0 &&
+              TakeawayData?.length > 0 &&
+              dinePreference && (
+                <div
+                  style={{ display: 'flex', justifyContent: 'space-between' }}
+                >
+                  <div style={{ width: '40%' }}>Dine In</div>
+                  <div> : </div>
+                  <div
+                    style={{
+                      padding: '0rem 1rem',
+                      width: '40%',
+                      textAlign: 'right',
+                    }}
+                  >
+                    {GlobaldummyData ? '1,066' : Number(DineInTotal).toFixed(2)}
+                  </div>
+                </div>
+              )}
+            <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+              <div style={{ width: '40%' }}>Amount</div>
+              <div> : </div>
+              <div
+                style={{
+                  padding: '0rem 1rem',
+                  width: '40%',
+                  textAlign: 'right',
+                }}
+              >
+                {GlobaldummyData
+                  ? '1,066'
+                  : Number(table2Data?.NetAmount).toFixed(2)}
+              </div>
+            </div>
+          </div>
+
+          <div className="PrintStyle8-FourthDiv">
+            {table2Data?.OrderType === 'E' ? (
+              ''
+            ) : (
+              <div className="PrintStyle8-FourthP">
+                <div>
+                  {((OrderDetailGST?.length > 0 &&
+                    OrderDetailGST?.[0]?.TaxAmt > 0) ||
+                    (OrderDetailIGST?.length > 0 &&
+                      OrderDetailIGST?.[0]?.TaxAmt > 0) ||
+                    (OrderDetailVAT?.length > 0 &&
+                      OrderDetailVAT?.[0]?.TaxAmt > 0)) &&
+                    table2Data?.NetAmount !== 0 && (
+                      <>
+                        <hr className="PrintStyle8-print-dottline" />
+
+                        <div>
+                          <p
+                            style={{
+                              margin: 0,
+                              padding: 0,
+                              fontSize: '12px',
+                              textAlign: 'center',
+                            }}
+                          >
+                            --------- GST Breakup Details -----------
+                          </p>
+                          {OrderDetailGST?.length > 0 &&
+                            OrderDetailGST?.[0]?.TaxAmt > 0 && (
+                              <table style={{ width: '90%' }}>
+                                <tr>
+                                  <td
+                                    style={{
+                                      fontSize: '10px',
+                                      textAlign: 'right',
+                                    }}
+                                  ></td>
+                                  <td
+                                    style={{
+                                      fontSize: '10px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    Taxable Amount
+                                  </td>
+                                  <td
+                                    style={{
+                                      fontSize: '10px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    CGST
+                                  </td>
+                                  <td
+                                    style={{
+                                      fontSize: '10px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    SGST
+                                  </td>
+                                  <td
+                                    style={{
+                                      fontSize: '10px',
+                                      textAlign: 'center',
+                                    }}
+                                  >
+                                    Total Amount
+                                  </td>
+                                </tr>
+                                {OrderDetailGST?.map((item) => (
+                                  <tr>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'right',
+                                      }}
+                                    >
+                                      {item?.TaxPercentage || 0}%
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      {Number(item.WithOutTaxAmount).toFixed(2)}
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      {Number(item.CGST).toFixed(2)}
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      {Number(item.SGST).toFixed(2)}
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      {Number(item.TotalAmt).toFixed(2)}
+                                    </td>
+                                  </tr>
+                                ))}
+                              </table>
+                            )}
+
+                          {OrderDetailIGST?.length > 0 &&
+                            OrderDetailIGST?.[0]?.TaxAmt > 0 && (
+                              <>
+                                <div
+                                  style={{
+                                    border: '0.01px dashed black',
+                                    margin: '10px 0 5px 10px',
+                                    width: '90%',
+                                  }}
+                                ></div>
+                                <table style={{ width: '90%' }}>
+                                  <tr>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'right',
+                                      }}
+                                    ></td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      Taxable Amount
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      IGST
+                                    </td>
+
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      Total Amount
+                                    </td>
+                                  </tr>
+                                  {OrderDetailIGST?.map((item) => (
+                                    <tr>
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'right',
+                                        }}
+                                      >
+                                        {item?.TaxPercentage || 0}%
+                                      </td>
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'center',
+                                        }}
+                                      >
+                                        {Number(item.WithOutTaxAmount).toFixed(
+                                          2
+                                        )}
+                                      </td>
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'center',
+                                        }}
+                                      >
+                                        {Number(item.TaxAmt).toFixed(2)}
+                                      </td>
+
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'center',
+                                        }}
+                                      >
+                                        {Number(item.TotalAmt).toFixed(2)}
+                                      </td>
+                                    </tr>
+                                  ))}
+                                </table>
+                              </>
+                            )}
+                          {OrderDetailVAT?.length > 0 &&
+                            OrderDetailVAT?.[0]?.TaxAmt > 0 && (
+                              <>
+                                <div
+                                  style={{
+                                    border: '0.01px dashed black',
+                                    margin: '10px 0 5px 10px',
+                                    width: '90%',
+                                  }}
+                                ></div>
+                                <table style={{ width: '90%' }}>
+                                  <tr>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'right',
+                                      }}
+                                    ></td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      Taxable Amount
+                                    </td>
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      VAT
+                                    </td>
+
+                                    <td
+                                      style={{
+                                        fontSize: '10px',
+                                        textAlign: 'center',
+                                      }}
+                                    >
+                                      Total Amount
+                                    </td>
+                                  </tr>
+                                  {OrderDetailVAT?.map((item) => (
+                                    <tr>
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'right',
+                                        }}
+                                      >
+                                        {item?.TaxPercentage || 0}%
+                                      </td>
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'center',
+                                        }}
+                                      >
+                                        {Number(item.WithOutTaxAmount).toFixed(
+                                          2
+                                        )}
+                                      </td>
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'center',
+                                        }}
+                                      >
+                                        {Number(item.TaxAmt).toFixed(2)}
+                                      </td>
+
+                                      <td
+                                        style={{
+                                          fontSize: '10px',
+                                          textAlign: 'center',
+                                        }}
+                                      >
+                                        {Number(item.TotalAmt).toFixed(2)}
+                                      </td>
+                                    </tr>
+                                  ))}
+                                </table>
+                              </>
+                            )}
+                        </div>
+                        <hr className="PrintStyle8-print-dottline" />
+                      </>
+                    )}
+                </div>
+              </div>
+            )}
+          </div>
+
+          <div
+            style={{
+              display: 'flex',
+              justifyContent: 'space-evenly',
+              marginTop: '5px',
+            }}
+          >
+            <div
+              style={{
+                marginTop: '5px',
+                padding: 0,
+                fontSize: '14px',
+                fontWeight: '600',
+              }}
+            >
+              {PaymentStatusSuccess?.length === 1
+                ? PaymentStatusSuccess?.[0]?.PaymentTypeName
+                : 'Split'}{' '}
+              &nbsp;Payment : &nbsp;
+              {GlobaldummyData
+                ? '1,066'
+                : Number(table2Data?.NetAmount).toFixed(2)}
+              /-{' '}
+            </div>
+          </div>
+          <hr className="PrintStyle8-print-dottline" />
+          {GlobaldummyData
+            ? GlobalCredit && (
+                <div
+                  style={{
+                    textAlign: 'left',
+                    fontSize: '12px',
+                    fontWeight: '600',
+                    lineHeight: '12px',
+                  }}
+                >
+                  <h6>Advance Amount:</h6>
+                  <h6>Opening Balance:</h6>
+                </div>
+              )
+            : CreditDetails &&
+              table2Data?.CustomerDetails?.length > 0 && (
+                <div
+                  style={{
+                    textAlign: 'left',
+                    fontSize: '12px',
+                    fontWeight: '600',
+                    lineHeight: '12px',
+                  }}
+                >
+                  {/* OLD CREDIT BAL */}
+                  {PaymentStatusSuccess?.[0]?.PaymentTypeName === 'Credit' && (
+                    <>
+                      {table2Data.CustomerDetails[0].OldCreditBal > 0 ? (
+                        <p>
+                          Advance Amount:
+                          {table2Data.CustomerDetails[0].OldCreditBal}
+                        </p>
+                      ) : table2Data.CustomerDetails[0].OldCreditBal < 0 ? (
+                        <p>
+                          {' '}
+                          Opening Balance:{' '}
+                          {Math.abs(table2Data.CustomerDetails[0].OldCreditBal)}
+                        </p>
+                      ) : null}
+                    </>
+                  )}
+
+                  {/* CURRENT CREDIT BAL */}
+                  {table2Data.CustomerDetails[0].CurrentCreditBal > 0 ? (
+                    <p>
+                      {' '}
+                      Current Advance Amount:{' '}
+                      {table2Data.CustomerDetails[0].CurrentCreditBal}
+                    </p>
+                  ) : table2Data.CustomerDetails[0].CurrentCreditBal < 0 ? (
+                    <p>
+                      {' '}
+                      Current Balance Amount:{' '}
+                      {Math.abs(table2Data.CustomerDetails[0].CurrentCreditBal)}
+                    </p>
+                  ) : null}
+                </div>
+              )}
+          <div className="PrintStyle8-Qr-Order">
+            <div className="PrintStyle8-OrderNo">
+              {PaymentStatusSuccess?.length > 1 && (
+                <>
+                  {/* <p>Split Payment:</p> */}
+                  {Object.keys(aggregatedPayments).map((paymentType) => (
+                    <div
+                      key={paymentType}
+                      style={{ margin: 0, padding: 0, fontSize: '12px' }}
+                    >
+                      {paymentType}:{' '}
+                      {aggregatedPayments[paymentType].toFixed(2)}
+                    </div>
+                  ))}
+                </>
+              )}
+              {GlobaldummyData && GlobalCashierName && (
+                <div
+                  style={{
+                    marginLeft: '14px',
+                    padding: 0,
+                    fontSize: '12px',
+                    fontWeight: '600',
+                  }}
+                >
+                  {' '}
+                  Cashier : Cashier Name
+                </div>
+              )}
+              {CashierName &&
+                CashierName !== undefined &&
+                CashierName !== null &&
+                !GlobaldummyData &&
+                CashierNameField && (
+                  <div
+                    style={{
+                      marginLeft: '14px',
+                      padding: 0,
+                      fontSize: '12px',
+                      fontWeight: '600',
+                    }}
+                  >
+                    Cashier : {CashierName}
+                  </div>
+                )}
+              {GlobaldummyData && (
+                <div
+                  style={{
+                    marginLeft: '14px',
+                    padding: 0,
+                    fontSize: '12px',
+                    fontWeight: '600',
+                  }}
+                >
+                  {' '}
+                  Customer : Customer Name
+                </div>
+              )}
+              {table2Data?.CustSuppName &&
+                table2Data?.CustSuppName !== undefined &&
+                table2Data?.CustSuppName !== null &&
+                !GlobaldummyData && (
+                  <div
+                    style={{
+                      marginLeft: '14px',
+                      padding: 0,
+                      fontSize: '12px',
+                      fontWeight: '600',
+                    }}
+                  >
+                    Customer : {table2Data?.CustSuppName}
+                  </div>
+                )}
+
+              {table2Data?.BookingTypeName === 'Dine In' &&
+                dinePreference &&
+                table2Data?.SalesTableLinkDetails?.[0]?.WaiterName && (
+                  <div
+                    style={{
+                      marginLeft: '14px',
+                      padding: 0,
+                      fontSize: '12px',
+                      fontWeight: '600',
+                    }}
+                  >
+                    Captain:{' '}
+                    {table2Data?.SalesTableLinkDetails?.[0]?.WaiterName}
+                  </div>
+                )}
+            </div>
+
+            {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+              ''
+            ) : (
+              <div>
+                {GlobaldummyData
+                  ? GlobalQrcodet && (
+                      <div className="PrintStyle8-QrCode">
+                        <div>
+                          <img
+                            className="PrintStyle8-BrandImage"
+                            src={QrImage}
+                            alt="image"
+                          />
+                        </div>
+                        <div>Scan to Pay: </div>
+                        <div>
+                          {' '}
+                          &#8377;
+                          {GlobaldummyData
+                            ? '1,066'
+                            : Number(table2Data?.NetAmount).toFixed(2)}
+                        </div>
+                      </div>
+                    )
+                  : Qrcodet &&
+                    paymentTypeUPI && (
+                      <div
+                        style={{
+                          display: 'flex',
+                          flexDirection: 'column',
+                          justifyContent: 'center',
+                          alignItems: 'center',
+                        }}
+                      >
+                        <QRCode
+                          value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`}
+                          size={80}
+                        />
+                        <div style={{ fontSize: '10px' }}>Scan to Pay </div>
+                        <div style={{ fontSize: '10px' }}>
+                          ₹
+                          {GlobaldummyData
+                            ? '1,066'
+                            : Number(table2Data?.NetAmount).toFixed(2)}
+                        </div>
+                      </div>
+                    )}
+              </div>
+            )}
+          </div>
+
+          <div style={{ fontSize: '10px' }}>
+            Your Order No :
+            {GlobaldummyData
+              ? '01'
+              : table2Data?.SalesId && extractLastNumber(table2Data?.SalesId)}
+          </div>
+          {sportsAppPreference && MembershipApplied && (
+            <div
+              style={{ width: '100%', textAlign: 'center', paddingTop: '10px' }}
+            >{`*** Membership ${table2Data?.NetAmount === 0 ? 'Free Hours' : 'Discount'} Utilized - ${MembershipApplied?.Detail?.[0]?.MembershipName} ***`}</div>
+          )}
+
+          <div
+            className="page-footerA4Style11"
+            style={{
+              marginTop: 'auto',
+              pageBreakBefore: 'avoid',
+              pageBreakInside: 'avoid',
+              minHeight: 'auto',
+            }}
+          >
+            {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+              ''
+            ) : (
+              <div>
+                {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' }}>{Notestext}</p>
+
+                        <hr className="PrintA4Style11-print-dottline" />
+                      </div>
+                    )}
+              </div>
+            )}
+
+            {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
+              ''
+            ) : (
+              <div
+                style={{
+                  display: 'flex',
+                  width: '90%',
+                  padding: '0 1rem',
+                  justifyContent: GlobaltermsAndConditions
+                    ? 'space-between'
+                    : 'flex-end',
+                  alignItems: 'center',
+                }}
+              >
+                {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
+                  ? GlobalSignature && (
+                      <div
+                        style={{
+                          display: 'flex',
+                          flexDirection: 'column',
+                          alignItems: 'flex-end',
+                          paddingBottom: '1rem',
+                        }}
+                      >
+                        <p
+                          style={{
+                            fontSize: '13px',
+                            fontWeight: 'bold',
+                            marginBottom: '6px',
+                          }}
+                        >
+                          Signature
+                        </p>
+                        <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',
+                        }}
+                      >
+                        <p
+                          style={{
+                            fontSize: '13px',
+                            fontWeight: 'bold',
+                            marginBottom: '6px',
+                          }}
+                        >
+                          Signature
+                        </p>
+                        <img
+                          style={{ width: '100px', height: '60px' }}
+                          src={SignatureImg}
+                          alt=""
+                        />
+                      </div>
+                    )}
+              </div>
+            )}
+          </div>
+
+          {PrintGreeting?.SettingValue === 'Y' && (
+            <div className="PrintStyle8-FourthSpan">Thank You Visit Again</div>
+          )}
+          {/* <div onClick={Print}> print</div> */}
+        </div>
+      )}
+    </>
+  );
+};
+
+export default Printstyle8;
diff --git a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle9.jsx b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle9.jsx
index 67d49e8..8ccf08b 100644
--- a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle9.jsx
+++ b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle9.jsx
@@ -28,9 +28,13 @@ import {
   GlobalprintLogo,
   GlobalprintCredit,
   GlobalprintTax,
+  GlobalSelectedPrintHeaderColor,
 } from '../../../../Features/ThemeChange/ThemeChange';
 import Logo from '../../../../Images/Logo.jpg';
-import { GlobalUpiIDprint, PreferenceData } from '../../../../Features/BookingScreen/BookingData/BookingData';
+import {
+  GlobalUpiIDprint,
+  PreferenceData,
+} from '../../../../Features/BookingScreen/BookingData/BookingData';
 import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle9.scss';
 import QRCode from 'react-qr-code';
 import signature from '../../../../Images/signatureimage.jpg';
@@ -119,6 +123,7 @@ const PrintStyle9 = ({
   const paymentTypeUPI = PaymentStatus?.find(
     (ps) => ps.PaymentTypeName === 'UPI'
   );
+   const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
   let TermsAndConditions = printDatas?.TermsandConditions;
   let SignatureImg = printDatas?.Signature;
   let Notestext = printDatas?.Notes;
@@ -230,7 +235,7 @@ const PrintStyle9 = ({
       HSN: '01',
       Size: 250,
       UomName: 'g',
-      ProdTaxPercentage: 5
+      ProdTaxPercentage: 5,
     },
     {
       ProdName: 'ITEM 2',
@@ -242,7 +247,7 @@ const PrintStyle9 = ({
       HSN: '02',
       Size: 250,
       UomName: 'g',
-      ProdTaxPercentage: 5
+      ProdTaxPercentage: 5,
     },
     {
       ProdName: 'ITEM 3',
@@ -254,7 +259,7 @@ const PrintStyle9 = ({
       HSN: '03',
       Size: 250,
       UomName: 'g',
-      ProdTaxPercentage: 0
+      ProdTaxPercentage: 0,
     },
     {
       ProdName: 'ITEM 4',
@@ -266,7 +271,7 @@ const PrintStyle9 = ({
       HSN: '04',
       Size: 250,
       UomName: 'g',
-      ProdTaxPercentage: 18
+      ProdTaxPercentage: 18,
     },
     {
       ProdName: 'ITEM 5',
@@ -278,7 +283,7 @@ const PrintStyle9 = ({
       HSN: '05',
       Size: 250,
       UomName: 'g',
-      ProdTaxPercentage: 40
+      ProdTaxPercentage: 40,
     },
     {
       ProdName: 'ITEM 6',
@@ -290,7 +295,7 @@ const PrintStyle9 = ({
       HSN: '06',
       Size: 250,
       UomName: 'g',
-      ProdTaxPercentage: 0
+      ProdTaxPercentage: 0,
     },
     {
       ProdName: 'ITEM 7',
@@ -302,7 +307,7 @@ const PrintStyle9 = ({
       HSN: '08',
       Size: 250,
       UomName: 'g',
-      ProdTaxPercentage: 5
+      ProdTaxPercentage: 5,
     },
   ];
 
@@ -351,8 +356,8 @@ const PrintStyle9 = ({
                 flexDirection: 'column',
                 justifyContent:
                   chunkIndex === paginatedChunks.length - 1 &&
-                    !shouldFooterBeOnNewPage &&
-                    FormatTheme
+                  !shouldFooterBeOnNewPage &&
+                  FormatTheme
                     ? 'space-between'
                     : '',
                 height: isMobile
@@ -399,7 +404,7 @@ const PrintStyle9 = ({
                         />
                       ) : null}
                       {base64Image &&
-                        (PrintLogo?.SettingValue === 'Y' || LogoField) ? (
+                      (PrintLogo?.SettingValue === 'Y' || LogoField) ? (
                         <img
                           className="PrintStyle2-BrandImage"
                           src={base64Image}
@@ -411,6 +416,7 @@ const PrintStyle9 = ({
                         style={{
                           fontSize: 'clamp(1.5rem, 2.5vw, 2rem)',
                           fontWeight: '600',
+                           color: SelectedHeaderColor,
                         }}
                         className="PrintStyle9-Branch"
                       >
@@ -432,18 +438,18 @@ const PrintStyle9 = ({
                       {GlobaldummyData
                         ? 'BranchAddress, Town- 635XXX City - State'
                         : (table2Data?.AddressDetails?.[0]?.Address1 || '') +
-                        (table2Data?.AddressDetails?.[0]?.City
-                          ? (table2Data?.AddressDetails?.[0]?.Address1 &&
-                            table2Data?.AddressDetails?.[0]?.City
-                            ? '-'
-                            : '') + table2Data?.AddressDetails?.[0]?.City
-                          : '') +
-                        (table2Data?.AddressDetails?.[0]?.Zip
-                          ? (table2Data?.AddressDetails?.[0]?.City &&
-                            table2Data?.AddressDetails?.[0]?.Zip
-                            ? '-'
-                            : '') + table2Data?.AddressDetails?.[0]?.Zip
-                          : '')}
+                          (table2Data?.AddressDetails?.[0]?.City
+                            ? (table2Data?.AddressDetails?.[0]?.Address1 &&
+                              table2Data?.AddressDetails?.[0]?.City
+                                ? '-'
+                                : '') + table2Data?.AddressDetails?.[0]?.City
+                            : '') +
+                          (table2Data?.AddressDetails?.[0]?.Zip
+                            ? (table2Data?.AddressDetails?.[0]?.City &&
+                              table2Data?.AddressDetails?.[0]?.Zip
+                                ? '-'
+                                : '') + table2Data?.AddressDetails?.[0]?.Zip
+                            : '')}
                     </div>
 
                     <div style={{ fontSize: '11px', fontWeight: '400' }}>
@@ -495,10 +501,10 @@ const PrintStyle9 = ({
                         {GlobaldummyData
                           ? '553'
                           : table2Data?.OrderId &&
-                          extractLastNumberOrderId(
-                            table2Data?.OrderId,
-                            table2Data?.FYStatus
-                          )}
+                            extractLastNumberOrderId(
+                              table2Data?.OrderId,
+                              table2Data?.FYStatus
+                            )}
                       </div>
                       <div style={{ fontSize: '12px', fontWeight: '400' }}>
                         {' '}
@@ -551,114 +557,120 @@ const PrintStyle9 = ({
                         <tr>
                           {GlobaldummyData
                             ? GlobalSlNo && (
-                              <th style={{ width: '10px' }}>S.No</th>
-                            )
+                                <th style={{ width: '10px' }}>S.No</th>
+                              )
                             : SLNO && <th style={{ width: '10px' }}>S.No</th>}
                           {GlobaldummyData
                             ? GlobalItem && (
-                              <th style={{ width: '10px' }}>Item</th>
-                            )
+                                <th style={{ width: '10px' }}>Item</th>
+                              )
                             : Item && <th style={{ width: '10px' }}>Item</th>}
                           {GlobaldummyData
                             ? GlobalQuantity && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Qty
-                              </th>
-                            )
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Qty
+                                </th>
+                              )
                             : Quantity && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                               { WeightasKg ?'Qty/Kg' :'Qty'}
-                              </th>
-                            )}
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                                </th>
+                              )}
                           {GlobaldummyData
                             ? GlobalHsnCode && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                HSN
-                              </th>
-                            )
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  HSN
+                                </th>
+                              )
                             : HsnCode && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                HSN
-                              </th>
-                            )}
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  HSN
+                                </th>
+                              )}
                           {GlobaldummyData
                             ? GlobalMRP && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                MRP
-                              </th>
-                            )
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  MRP
+                                </th>
+                              )
                             : MRP && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                MRP
-                              </th>
-                            )}
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  MRP
+                                </th>
+                              )}
                           {GlobaldummyData
                             ? GlobalDiscount && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Dis{' '}
-                              </th>
-                            )
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Dis{' '}
+                                </th>
+                              )
                             : Discount && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Dis{' '}
-                              </th>
-                            )}
-                          {GlobaldummyData ?
-                            GlobalTax &&
-                            <th style={{ width: "10px", textAlign: "right" }}>
-                              Tax %
-                            </th> :
-                            (Tax && table2Data?.OrderType !== 'E') &&
-                            <th style={{ width: "10px", textAlign: "right" }}>
-                              Tax %
-                            </th>
-                          }
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Dis{' '}
+                                </th>
+                              )}
+                          {GlobaldummyData
+                            ? GlobalTax && (
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Tax %
+                                </th>
+                              )
+                            : Tax &&
+                              table2Data?.OrderType !== 'E' && (
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Tax %
+                                </th>
+                              )}
                           {GlobaldummyData
                             ? GlobalRate && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Rate
-                              </th>
-                            )
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Rate
+                                </th>
+                              )
                             : Rate && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Rate
-                              </th>
-                            )}
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Rate
+                                </th>
+                              )}
                           {GlobaldummyData
                             ? GlobalAmount && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Amt
-                              </th>
-                            )
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Amt
+                                </th>
+                              )
                             : Amount && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Amt
-                              </th>
-                            )}
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Amt
+                                </th>
+                              )}
                         </tr>
                       </thead>
                       <tbody>
@@ -668,205 +680,207 @@ const PrintStyle9 = ({
                               {GlobaldummyData
                                 ? GlobalSlNo && <td>{index + 1}</td>
                                 : SLNO && (
-                                  <td>
-                                    {chunkIndex * chunkSize + index + 1}
-                                  </td>
-                                )}
+                                    <td>
+                                      {chunkIndex * chunkSize + index + 1}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalItem && <td>{item?.ProdName}</td>
                                 : Item && (
-                                  <td
-                                    style={{
-                                      display: 'flex',
-                                      flexDirection: 'column',
-                                    }}
-                                  >
-                                    <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>
-                                        ))}
-                                        {item?.BrandName !== null
-                                          ? item?.BrandName
-                                          : ''}
-                                        &nbsp;
-                                        {item?.ProductIdentifierDtls?.length >
+                                    <td
+                                      style={{
+                                        display: 'flex',
+                                        flexDirection: 'column',
+                                      }}
+                                    >
+                                      <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>
+                                          ))}
+                                          {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 >
+                                            ? 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>
-                                            );
-                                          })
-                                          : ''}
-                                      </div>
-                                    ) : (
-                                      <div>
-                                        ({item?.Size ? item?.Size : '1'}{' '}
-                                        {item?.SinglePc == 'Y'
-                                          ? 'PCS'
-                                          : item?.Type != 'C'
-                                            ? item?.UomName
-                                            : 'COMBO'}
-                                        )
-                                        {item?.BrandName !== null
-                                          ? item?.BrandName
-                                          : ''}
-                                        &nbsp;
-                                        {item?.ProductIdentifierDtls?.length >
+                                            ? 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>
+                                                );
+                                              })
+                                            : ''}
+                                        </div>
+                                      ) : (
+                                        <div>
+                                          ({item?.Size ? item?.Size : '1'}{' '}
+                                          {item?.SinglePc == 'Y'
+                                            ? 'PCS'
+                                            : item?.Type != 'C'
+                                              ? item?.UomName
+                                              : 'COMBO'}
+                                          )
+                                          {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 >
+                                            ? 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>
-                                            );
-                                          })
-                                          : ''}
-                                      </div>
-                                    )}
-                                  </td>
-                                )}
+                                            ? 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>
+                                                );
+                                              })
+                                            : ''}
+                                        </div>
+                                      )}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalQuantity && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.SalesQty}
-                                  </td>
-                                )
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.SalesQty}
+                                    </td>
+                                  )
                                 : Quantity && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.SalesQty}
-                                  </td>
-                                )}
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.SalesQty}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalHsnCode && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.HSN}
-                                  </td>
-                                )
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.HSN}
+                                    </td>
+                                  )
                                 : HsnCode && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.HSN}
-                                  </td>
-                                )}
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.HSN}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalMRP && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.MRP}
-                                  </td>
-                                )
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.MRP}
+                                    </td>
+                                  )
                                 : MRP && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.SinglePc === 'Y'
-                                      ? item?.Rate
-                                      : item?.MRP}
-                                  </td>
-                                )}
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.SinglePc === 'Y'
+                                        ? item?.Rate
+                                        : item?.MRP}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalDiscount && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item.discount}
-                                  </td>
-                                )
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item.discount}
+                                    </td>
+                                  )
                                 : Discount && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.Type != 'C'
-                                      ? item?.OfferAmt || 0
-                                      : item?.OfferValue || 0}
-                                  </td>
-                                )}
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.Type != 'C'
+                                        ? item?.OfferAmt || 0
+                                        : item?.OfferValue || 0}
+                                    </td>
+                                  )}
                               {GlobaldummyData
-                                ? GlobalTax &&
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.ProdTaxPercentage}
-                                </td> :
-                                (Tax && table2Data?.OrderType !== 'E') &&
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.ProdTaxPercentage || 0}
-                                </td>
-                              }
+                                ? GlobalTax && (
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.ProdTaxPercentage}
+                                    </td>
+                                  )
+                                : Tax &&
+                                  table2Data?.OrderType !== 'E' && (
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.ProdTaxPercentage || 0}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalRate && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.Rate}
-                                  </td>
-                                )
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.Rate}
+                                    </td>
+                                  )
                                 : Rate && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.Rate}
-                                  </td>
-                                )}
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.Rate}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalAmount && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.TotalAmt}
-                                  </td>
-                                )
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.TotalAmt}
+                                    </td>
+                                  )
                                 : Amount && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.Type != 'C'
-                                      ? item?.TotalAmt - item?.OfferAmt || 0
-                                      : item?.TotalAmt - item?.OfferValue ||
-                                      0}
-                                  </td>
-                                )}
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.Type != 'C'
+                                        ? item?.TotalAmt - item?.OfferAmt || 0
+                                        : item?.TotalAmt - item?.OfferValue ||
+                                          0}
+                                    </td>
+                                  )}
                             </tr>
                           );
                         })}
@@ -893,114 +907,120 @@ const PrintStyle9 = ({
                         <tr>
                           {GlobaldummyData
                             ? GlobalSlNo && (
-                              <th style={{ width: '10px' }}>S.No</th>
-                            )
+                                <th style={{ width: '10px' }}>S.No</th>
+                              )
                             : SLNO && <th style={{ width: '10px' }}>S.No</th>}
                           {GlobaldummyData
                             ? GlobalItem && (
-                              <th style={{ width: '10px' }}>Item</th>
-                            )
+                                <th style={{ width: '10px' }}>Item</th>
+                              )
                             : Item && <th style={{ width: '10px' }}>Item</th>}
                           {GlobaldummyData
                             ? GlobalQuantity && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Qty
-                              </th>
-                            )
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Qty
+                                </th>
+                              )
                             : Quantity && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                               { WeightasKg ?'Qty/Kg' :'Qty'}
-                              </th>
-                            )}
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                                </th>
+                              )}
                           {GlobaldummyData
                             ? GlobalHsnCode && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                HSN
-                              </th>
-                            )
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  HSN
+                                </th>
+                              )
                             : HsnCode && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                HSN
-                              </th>
-                            )}
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  HSN
+                                </th>
+                              )}
                           {GlobaldummyData
                             ? GlobalMRP && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                MRP
-                              </th>
-                            )
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  MRP
+                                </th>
+                              )
                             : MRP && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                MRP
-                              </th>
-                            )}
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  MRP
+                                </th>
+                              )}
                           {GlobaldummyData
                             ? GlobalDiscount && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Dis{' '}
-                              </th>
-                            )
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Dis{' '}
+                                </th>
+                              )
                             : Discount && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Dis{' '}
-                              </th>
-                            )}
-                          {GlobaldummyData ?
-                            GlobalTax &&
-                            <th style={{ width: "10px", textAlign: "right" }}>
-                              Tax %
-                            </th> :
-                            (Tax && table2Data?.OrderType !== 'E') &&
-                            <th style={{ width: "10px", textAlign: "right" }}>
-                              Tax %
-                            </th>
-                          }
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Dis{' '}
+                                </th>
+                              )}
+                          {GlobaldummyData
+                            ? GlobalTax && (
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Tax %
+                                </th>
+                              )
+                            : Tax &&
+                              table2Data?.OrderType !== 'E' && (
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Tax %
+                                </th>
+                              )}
                           {GlobaldummyData
                             ? GlobalRate && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Rate
-                              </th>
-                            )
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Rate
+                                </th>
+                              )
                             : Rate && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Rate
-                              </th>
-                            )}
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Rate
+                                </th>
+                              )}
                           {GlobaldummyData
                             ? GlobalAmount && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Amt
-                              </th>
-                            )
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Amt
+                                </th>
+                              )
                             : Amount && (
-                              <th
-                                style={{ width: '10px', textAlign: 'right' }}
-                              >
-                                Amt
-                              </th>
-                            )}
+                                <th
+                                  style={{ width: '10px', textAlign: 'right' }}
+                                >
+                                  Amt
+                                </th>
+                              )}
                         </tr>
                       </thead>
                       <tbody>
@@ -1010,114 +1030,116 @@ const PrintStyle9 = ({
                               {GlobaldummyData
                                 ? GlobalSlNo && <td>{index + 1}</td>
                                 : SLNO && (
-                                  <td>
-                                    {chunkIndex * chunkSize + index + 1}
-                                  </td>
-                                )}
+                                    <td>
+                                      {chunkIndex * chunkSize + index + 1}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalItem && <td>{item?.ProdName}</td>
                                 : Item && (
-                                  <td
-                                    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>
-                                  </td>
-                                )}
+                                    <td
+                                      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>
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalQuantity && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.SalesQty}
-                                  </td>
-                                )
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.SalesQty}
+                                    </td>
+                                  )
                                 : Quantity && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.SalesQty}
-                                  </td>
-                                )}
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.SalesQty}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalHsnCode && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.HSN}
-                                  </td>
-                                )
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.HSN}
+                                    </td>
+                                  )
                                 : HsnCode && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.HSN}
-                                  </td>
-                                )}
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.HSN}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalMRP && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.MRP}
-                                  </td>
-                                )
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.MRP}
+                                    </td>
+                                  )
                                 : MRP && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.SinglePc === 'Y'
-                                      ? item?.Rate
-                                      : item?.MRP}
-                                  </td>
-                                )}
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.SinglePc === 'Y'
+                                        ? item?.Rate
+                                        : item?.MRP}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalDiscount && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item.discount}
-                                  </td>
-                                )
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item.discount}
+                                    </td>
+                                  )
                                 : Discount && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.Type != 'C'
-                                      ? item?.OfferAmt || 0
-                                      : item?.OfferValue || 0}
-                                  </td>
-                                )}
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.Type != 'C'
+                                        ? item?.OfferAmt || 0
+                                        : item?.OfferValue || 0}
+                                    </td>
+                                  )}
                               {GlobaldummyData
-                                ? GlobalTax &&
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.ProdTaxPercentage}
-                                </td> :
-                                (Tax && table2Data?.OrderType !== 'E') &&
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.ProdTaxPercentage || 0}
-                                </td>
-                              }
+                                ? GlobalTax && (
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.ProdTaxPercentage}
+                                    </td>
+                                  )
+                                : Tax &&
+                                  table2Data?.OrderType !== 'E' && (
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.ProdTaxPercentage || 0}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalRate && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.Rate}
-                                  </td>
-                                )
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.Rate}
+                                    </td>
+                                  )
                                 : Rate && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.Rate}
-                                  </td>
-                                )}
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.Rate}
+                                    </td>
+                                  )}
                               {GlobaldummyData
                                 ? GlobalAmount && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.TotalAmt}
-                                  </td>
-                                )
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.TotalAmt}
+                                    </td>
+                                  )
                                 : Amount && (
-                                  <td style={{ textAlign: 'right' }}>
-                                    {item?.Type != 'C'
-                                      ? item?.TotalAmt - item?.OfferAmt || 0
-                                      : item?.TotalAmt - item?.OfferValue ||
-                                      0}
-                                  </td>
-                                )}
+                                    <td style={{ textAlign: 'right' }}>
+                                      {item?.Type != 'C'
+                                        ? item?.TotalAmt - item?.OfferAmt || 0
+                                        : item?.TotalAmt - item?.OfferValue ||
+                                          0}
+                                    </td>
+                                  )}
                             </tr>
                           );
                         })}
@@ -1162,25 +1184,25 @@ const PrintStyle9 = ({
                         )}
                       {(table2Data?.OverallDisc > 0 ||
                         TotalOfferAmount > 0) && (
-                          <div
-                            style={{
-                              display: 'flex',
-                              justifyContent: 'space-between',
-                              fontSize: '12px',
-                              fontWeight: '600',
-                              marginRight: '0.5rem',
-                            }}
-                          >
-                            Off :
-                            <div>
-                              {GlobaldummyData
-                                ? '1,066'
-                                : Number(
+                        <div
+                          style={{
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                            fontSize: '12px',
+                            fontWeight: '600',
+                            marginRight: '0.5rem',
+                          }}
+                        >
+                          Off :
+                          <div>
+                            {GlobaldummyData
+                              ? '1,066'
+                              : Number(
                                   TotalOfferAmount + table2Data?.OverallDisc
                                 ).toFixed(2)}
-                            </div>
                           </div>
-                        )}
+                        </div>
+                      )}
                       <div
                         style={{
                           display: 'flex',
@@ -1322,7 +1344,9 @@ const PrintStyle9 = ({
                                                   fontSize: '11px',
                                                   textAlign: 'right',
                                                 }}
-                                              >{item?.TaxPercentage || 0}%</td>
+                                              >
+                                                {item?.TaxPercentage || 0}%
+                                              </td>
                                               <td
                                                 style={{
                                                   fontSize: '11px',
@@ -1415,7 +1439,9 @@ const PrintStyle9 = ({
                                                     fontSize: '11px',
                                                     textAlign: 'right',
                                                   }}
-                                                >{item?.TaxPercentage || 0}%</td>
+                                                >
+                                                  {item?.TaxPercentage || 0}%
+                                                </td>
                                                 <td
                                                   style={{
                                                     fontSize: '11px',
@@ -1503,7 +1529,9 @@ const PrintStyle9 = ({
                                                     fontSize: '11px',
                                                     textAlign: 'right',
                                                   }}
-                                                >{item?.TaxPercentage || 0}%</td>
+                                                >
+                                                  {item?.TaxPercentage || 0}%
+                                                </td>
                                                 <td
                                                   style={{
                                                     fontSize: '11px',
@@ -1576,34 +1604,34 @@ const PrintStyle9 = ({
                     </div>
                     {GlobaldummyData
                       ? GlobalCredit && (
-                        <div
-                          style={{
-                            textAlign: 'left',
-                            fontSize: '15px',
-                            fontWeight: '600',
-                            lineHeight: '12px',
-                          }}
-                        >
-                          <h6>Advance Amount:</h6>
-                          <h6>Opening Balance:</h6>
-                        </div>
-                      )
+                          <div
+                            style={{
+                              textAlign: 'left',
+                              fontSize: '15px',
+                              fontWeight: '600',
+                              lineHeight: '12px',
+                            }}
+                          >
+                            <h6>Advance Amount:</h6>
+                            <h6>Opening Balance:</h6>
+                          </div>
+                        )
                       : CreditDetails &&
-                      table2Data?.CustomerDetails?.length > 0 && (
-                        <div
-                          style={{
-                            textAlign: 'left',
-                            fontSize: '14px',
-                            fontWeight: '600',
-                            lineHeight: '12px',
-                          }}
-                        >
-                          {/* OLD CREDIT BAL */}
-                          {PaymentStatusSuccess?.[0]?.PaymentTypeName ===
-                            'Credit' && (
+                        table2Data?.CustomerDetails?.length > 0 && (
+                          <div
+                            style={{
+                              textAlign: 'left',
+                              fontSize: '14px',
+                              fontWeight: '600',
+                              lineHeight: '12px',
+                            }}
+                          >
+                            {/* OLD CREDIT BAL */}
+                            {PaymentStatusSuccess?.[0]?.PaymentTypeName ===
+                              'Credit' && (
                               <>
                                 {table2Data.CustomerDetails[0].OldCreditBal >
-                                  0 ? (
+                                0 ? (
                                   <p>
                                     Advance Amount:
                                     {table2Data.CustomerDetails[0].OldCreditBal}
@@ -1621,26 +1649,26 @@ const PrintStyle9 = ({
                               </>
                             )}
 
-                          {/* CURRENT CREDIT BAL */}
-                          {table2Data.CustomerDetails[0].CurrentCreditBal >
+                            {/* CURRENT CREDIT BAL */}
+                            {table2Data.CustomerDetails[0].CurrentCreditBal >
                             0 ? (
-                            <p>
-                              {' '}
-                              Current Advance Amount:{' '}
-                              {table2Data.CustomerDetails[0].CurrentCreditBal}
-                            </p>
-                          ) : table2Data.CustomerDetails[0].CurrentCreditBal <
-                            0 ? (
-                            <p>
-                              {' '}
-                              Current Balance Amount:{' '}
-                              {Math.abs(
-                                table2Data.CustomerDetails[0].CurrentCreditBal
-                              )}
-                            </p>
-                          ) : null}
-                        </div>
-                      )}
+                              <p>
+                                {' '}
+                                Current Advance Amount:{' '}
+                                {table2Data.CustomerDetails[0].CurrentCreditBal}
+                              </p>
+                            ) : table2Data.CustomerDetails[0].CurrentCreditBal <
+                              0 ? (
+                              <p>
+                                {' '}
+                                Current Balance Amount:{' '}
+                                {Math.abs(
+                                  table2Data.CustomerDetails[0].CurrentCreditBal
+                                )}
+                              </p>
+                            ) : null}
+                          </div>
+                        )}
                     <div>
                       {PaymentStatusSuccess?.length > 1 && (
                         <>
@@ -1747,54 +1775,54 @@ const PrintStyle9 = ({
                         <div>
                           {GlobaldummyData
                             ? GlobalQrcodet && (
-                              <div
-                                style={{
-                                  display: 'flex',
-                                  flexDirection: 'column',
-                                  alignItems: 'center',
-                                }}
-                              >
-                                <img src={Qrcode} alt="QRcode" />
-                                <div style={{ fontSize: '12px' }}>
-                                  Scan to Pay{' '}
+                                <div
+                                  style={{
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    alignItems: 'center',
+                                  }}
+                                >
+                                  <img src={Qrcode} alt="QRcode" />
+                                  <div style={{ fontSize: '12px' }}>
+                                    Scan to Pay{' '}
+                                  </div>
+                                  <div style={{ fontSize: '12px' }}>
+                                    ₹{' '}
+                                    {GlobaldummyData
+                                      ? '1,066'
+                                      : Number(table2Data?.NetAmount).toFixed(
+                                          2
+                                        )}
+                                  </div>
                                 </div>
-                                <div style={{ fontSize: '12px' }}>
-                                  ₹{' '}
-                                  {GlobaldummyData
-                                    ? '1,066'
-                                    : Number(table2Data?.NetAmount).toFixed(
-                                      2
-                                    )}
-                                </div>
-                              </div>
-                            )
+                              )
                             : Qrcodet &&
-                            paymentTypeUPI && (
-                              <div
-                                style={{
-                                  display: 'flex',
-                                  flexDirection: 'column',
-                                  justifyContent: 'center',
-                                  alignItems: 'center',
-                                }}
-                              >
-                                <QRCode
-                                  value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`}
-                                  size={80}
-                                />
-                                <div style={{ fontSize: '12px' }}>
-                                  Scan to Pay{' '}
+                              paymentTypeUPI && (
+                                <div
+                                  style={{
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    justifyContent: 'center',
+                                    alignItems: 'center',
+                                  }}
+                                >
+                                  <QRCode
+                                    value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`}
+                                    size={80}
+                                  />
+                                  <div style={{ fontSize: '12px' }}>
+                                    Scan to Pay{' '}
+                                  </div>
+                                  <div style={{ fontSize: '12px' }}>
+                                    ₹
+                                    {GlobaldummyData
+                                      ? '1,066'
+                                      : Number(table2Data?.NetAmount).toFixed(
+                                          2
+                                        )}
+                                  </div>
                                 </div>
-                                <div style={{ fontSize: '12px' }}>
-                                  ₹
-                                  {GlobaldummyData
-                                    ? '1,066'
-                                    : Number(table2Data?.NetAmount).toFixed(
-                                      2
-                                    )}
-                                </div>
-                              </div>
-                            )}
+                              )}
                         </div>
                       )}
                     </div>
@@ -1804,7 +1832,7 @@ const PrintStyle9 = ({
                       {GlobaldummyData
                         ? '01'
                         : table2Data?.SalesId &&
-                        extractLastNumber(table2Data?.SalesId)}
+                          extractLastNumber(table2Data?.SalesId)}
                     </div>
 
                     <div className="straight-line9"></div>
@@ -1833,23 +1861,23 @@ const PrintStyle9 = ({
                         <div>
                           {GlobaldummyData
                             ? GlobalIsnotes && (
-                              <div>
-                                <p style={{ padding: '0rem 1rem' }}>
-                                  Notes : 10 days Return policy
-                                </p>
+                                <div>
+                                  <p style={{ padding: '0rem 1rem' }}>
+                                    Notes : 10 days Return policy
+                                  </p>
 
-                                <hr className="PrintA4Style11-print-dottline" />
-                              </div>
-                            )
+                                  <hr className="PrintA4Style11-print-dottline" />
+                                </div>
+                              )
                             : Notestext && (
-                              <div>
-                                <p style={{ padding: '0rem 1rem' }}>
-                                  {Notestext}
-                                </p>
+                                <div>
+                                  <p style={{ padding: '0rem 1rem' }}>
+                                    {Notestext}
+                                  </p>
 
-                                <hr className="PrintA4Style11-print-dottline" />
-                              </div>
-                            )}
+                                  <hr className="PrintA4Style11-print-dottline" />
+                                </div>
+                              )}
                         </div>
                       )}
 
@@ -1869,137 +1897,137 @@ const PrintStyle9 = ({
                         >
                           {GlobaldummyData
                             ? GlobaltermsAndConditions && (
-                              <div
-                                style={{
-                                  margin: '8px 0',
-                                  padding: '8px',
-                                  fontFamily: 'sans-serif',
-                                  width: '100%',
-                                }}
-                              >
-                                <p
+                                <div
                                   style={{
-                                    fontSize: '13px',
-                                    fontWeight: 'bold',
-                                    marginBottom: '6px',
+                                    margin: '8px 0',
+                                    padding: '8px',
+                                    fontFamily: 'sans-serif',
+                                    width: '100%',
                                   }}
                                 >
-                                  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}
+                                  <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>
-                            )}
+                                    <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
                             ? GlobalSignature && (
-                              <div
-                                style={{
-                                  display: 'flex',
-                                  flexDirection: 'column',
-                                  alignItems: 'flex-end',
-                                  paddingBottom: '1rem',
-                                }}
-                              >
-                                <p
+                                <div
                                   style={{
-                                    fontSize: '13px',
-                                    fontWeight: 'bold',
-                                    marginBottom: '6px',
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    alignItems: 'flex-end',
+                                    paddingBottom: '1rem',
                                   }}
                                 >
-                                  Signature
-                                </p>
-                                <img
-                                  style={{ width: '70px', height: '40px' }}
-                                  src={
-                                    GlobalSignatureImages
-                                      ? GlobalSignatureImages
-                                      : signature
-                                  }
-                                  alt=""
-                                />
-                              </div>
-                            )
+                                  <p
+                                    style={{
+                                      fontSize: '13px',
+                                      fontWeight: 'bold',
+                                      marginBottom: '6px',
+                                    }}
+                                  >
+                                    Signature
+                                  </p>
+                                  <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',
-                                }}
-                              >
-                                <p
+                                <div
                                   style={{
-                                    fontSize: '13px',
-                                    fontWeight: 'bold',
-                                    marginBottom: '6px',
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    alignItems: 'center',
+                                    marginTop: '1rem',
+                                    paddingBottom: '1rem',
                                   }}
                                 >
-                                  Signature
-                                </p>
-                                <img
-                                  style={{ width: '100px', height: '60px' }}
-                                  src={SignatureImg}
-                                  alt=""
-                                />
-                              </div>
-                            )}
+                                  <p
+                                    style={{
+                                      fontSize: '13px',
+                                      fontWeight: 'bold',
+                                      marginBottom: '6px',
+                                    }}
+                                  >
+                                    Signature
+                                  </p>
+                                  <img
+                                    style={{ width: '100px', height: '60px' }}
+                                    src={SignatureImg}
+                                    alt=""
+                                  />
+                                </div>
+                              )}
                         </div>
                       )}
                     </div>
@@ -2097,8 +2125,8 @@ const PrintStyle9 = ({
                           {GlobaldummyData
                             ? '1,066'
                             : Number(
-                              TotalOfferAmount + table2Data?.OverallDisc
-                            ).toFixed(2)}
+                                TotalOfferAmount + table2Data?.OverallDisc
+                              ).toFixed(2)}
                         </div>
                       </div>
                     )}
@@ -2237,7 +2265,9 @@ const PrintStyle9 = ({
                                                 fontSize: '11px',
                                                 textAlign: 'right',
                                               }}
-                                            >{item?.TaxPercentage || 0}%</td>
+                                            >
+                                              {item?.TaxPercentage || 0}%
+                                            </td>
                                             <td
                                               style={{
                                                 fontSize: '11px',
@@ -2328,7 +2358,9 @@ const PrintStyle9 = ({
                                                   fontSize: '11px',
                                                   textAlign: 'right',
                                                 }}
-                                              >{item?.TaxPercentage || 0}%</td>
+                                              >
+                                                {item?.TaxPercentage || 0}%
+                                              </td>
                                               <td
                                                 style={{
                                                   fontSize: '11px',
@@ -2414,7 +2446,9 @@ const PrintStyle9 = ({
                                                   fontSize: '11px',
                                                   textAlign: 'right',
                                                 }}
-                                              >{item?.TaxPercentage || 0}%</td>
+                                              >
+                                                {item?.TaxPercentage || 0}%
+                                              </td>
                                               <td
                                                 style={{
                                                   fontSize: '11px',
@@ -2485,34 +2519,34 @@ const PrintStyle9 = ({
                   </div>
                   {GlobaldummyData
                     ? GlobalCredit && (
-                      <div
-                        style={{
-                          textAlign: 'left',
-                          fontSize: '15px',
-                          fontWeight: '600',
-                          lineHeight: '12px',
-                        }}
-                      >
-                        <h6>Advance Amount:</h6>
-                        <h6>Opening Balance:</h6>
-                      </div>
-                    )
+                        <div
+                          style={{
+                            textAlign: 'left',
+                            fontSize: '15px',
+                            fontWeight: '600',
+                            lineHeight: '12px',
+                          }}
+                        >
+                          <h6>Advance Amount:</h6>
+                          <h6>Opening Balance:</h6>
+                        </div>
+                      )
                     : CreditDetails &&
-                    table2Data?.CustomerDetails?.length > 0 && (
-                      <div
-                        style={{
-                          textAlign: 'left',
-                          fontSize: '14px',
-                          fontWeight: '600',
-                          lineHeight: '12px',
-                        }}
-                      >
-                        {/* OLD CREDIT BAL */}
-                        {PaymentStatusSuccess?.[0]?.PaymentTypeName ===
-                          'Credit' && (
+                      table2Data?.CustomerDetails?.length > 0 && (
+                        <div
+                          style={{
+                            textAlign: 'left',
+                            fontSize: '14px',
+                            fontWeight: '600',
+                            lineHeight: '12px',
+                          }}
+                        >
+                          {/* OLD CREDIT BAL */}
+                          {PaymentStatusSuccess?.[0]?.PaymentTypeName ===
+                            'Credit' && (
                             <>
                               {table2Data.CustomerDetails[0].OldCreditBal >
-                                0 ? (
+                              0 ? (
                                 <p>
                                   Advance Amount:
                                   {table2Data.CustomerDetails[0].OldCreditBal}
@@ -2530,26 +2564,26 @@ const PrintStyle9 = ({
                             </>
                           )}
 
-                        {/* CURRENT CREDIT BAL */}
-                        {table2Data.CustomerDetails[0].CurrentCreditBal >
+                          {/* CURRENT CREDIT BAL */}
+                          {table2Data.CustomerDetails[0].CurrentCreditBal >
                           0 ? (
-                          <p>
-                            {' '}
-                            Current Advance Amount:{' '}
-                            {table2Data.CustomerDetails[0].CurrentCreditBal}
-                          </p>
-                        ) : table2Data.CustomerDetails[0].CurrentCreditBal <
-                          0 ? (
-                          <p>
-                            {' '}
-                            Current Balance Amount:{' '}
-                            {Math.abs(
-                              table2Data.CustomerDetails[0].CurrentCreditBal
-                            )}
-                          </p>
-                        ) : null}
-                      </div>
-                    )}
+                            <p>
+                              {' '}
+                              Current Advance Amount:{' '}
+                              {table2Data.CustomerDetails[0].CurrentCreditBal}
+                            </p>
+                          ) : table2Data.CustomerDetails[0].CurrentCreditBal <
+                            0 ? (
+                            <p>
+                              {' '}
+                              Current Balance Amount:{' '}
+                              {Math.abs(
+                                table2Data.CustomerDetails[0].CurrentCreditBal
+                              )}
+                            </p>
+                          ) : null}
+                        </div>
+                      )}
                   <div>
                     {PaymentStatusSuccess?.length > 1 && (
                       <>
@@ -2650,50 +2684,50 @@ const PrintStyle9 = ({
                       <div>
                         {GlobaldummyData
                           ? GlobalQrcodet && (
-                            <div
-                              style={{
-                                display: 'flex',
-                                flexDirection: 'column',
-                                alignItems: 'center',
-                              }}
-                            >
-                              <img src={Qrcode} alt="QRcode" />
-                              <div style={{ fontSize: '12px' }}>
-                                Scan to Pay{' '}
+                              <div
+                                style={{
+                                  display: 'flex',
+                                  flexDirection: 'column',
+                                  alignItems: 'center',
+                                }}
+                              >
+                                <img src={Qrcode} alt="QRcode" />
+                                <div style={{ fontSize: '12px' }}>
+                                  Scan to Pay{' '}
+                                </div>
+                                <div style={{ fontSize: '12px' }}>
+                                  ₹{' '}
+                                  {GlobaldummyData
+                                    ? '1,066'
+                                    : Number(table2Data?.NetAmount).toFixed(2)}
+                                </div>
                               </div>
-                              <div style={{ fontSize: '12px' }}>
-                                ₹{' '}
-                                {GlobaldummyData
-                                  ? '1,066'
-                                  : Number(table2Data?.NetAmount).toFixed(2)}
-                              </div>
-                            </div>
-                          )
+                            )
                           : Qrcodet &&
-                          paymentTypeUPI && (
-                            <div
-                              style={{
-                                display: 'flex',
-                                flexDirection: 'column',
-                                justifyContent: 'center',
-                                alignItems: 'center',
-                              }}
-                            >
-                              <QRCode
-                                value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`}
-                                size={80}
-                              />
-                              <div style={{ fontSize: '12px' }}>
-                                Scan to Pay{' '}
+                            paymentTypeUPI && (
+                              <div
+                                style={{
+                                  display: 'flex',
+                                  flexDirection: 'column',
+                                  justifyContent: 'center',
+                                  alignItems: 'center',
+                                }}
+                              >
+                                <QRCode
+                                  value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`}
+                                  size={80}
+                                />
+                                <div style={{ fontSize: '12px' }}>
+                                  Scan to Pay{' '}
+                                </div>
+                                <div style={{ fontSize: '12px' }}>
+                                  ₹
+                                  {GlobaldummyData
+                                    ? '1,066'
+                                    : Number(table2Data?.NetAmount).toFixed(2)}
+                                </div>
                               </div>
-                              <div style={{ fontSize: '12px' }}>
-                                ₹
-                                {GlobaldummyData
-                                  ? '1,066'
-                                  : Number(table2Data?.NetAmount).toFixed(2)}
-                              </div>
-                            </div>
-                          )}
+                            )}
                       </div>
                     )}
                   </div>
@@ -2703,7 +2737,7 @@ const PrintStyle9 = ({
                     {GlobaldummyData
                       ? '01'
                       : table2Data?.SalesId &&
-                      extractLastNumber(table2Data?.SalesId)}
+                        extractLastNumber(table2Data?.SalesId)}
                   </div>
 
                   <div className="straight-line9"></div>
@@ -2732,23 +2766,23 @@ const PrintStyle9 = ({
                       <div>
                         {GlobaldummyData
                           ? GlobalIsnotes && (
-                            <div>
-                              <p style={{ padding: '0rem 1rem' }}>
-                                Notes : 10 days Return policy
-                              </p>
+                              <div>
+                                <p style={{ padding: '0rem 1rem' }}>
+                                  Notes : 10 days Return policy
+                                </p>
 
-                              <hr className="PrintA4Style11-print-dottline" />
-                            </div>
-                          )
+                                <hr className="PrintA4Style11-print-dottline" />
+                              </div>
+                            )
                           : Notestext && (
-                            <div>
-                              <p style={{ padding: '0rem 1rem' }}>
-                                {Notestext}
-                              </p>
+                              <div>
+                                <p style={{ padding: '0rem 1rem' }}>
+                                  {Notestext}
+                                </p>
 
-                              <hr className="PrintA4Style11-print-dottline" />
-                            </div>
-                          )}
+                                <hr className="PrintA4Style11-print-dottline" />
+                              </div>
+                            )}
                       </div>
                     )}
 
@@ -2768,137 +2802,137 @@ const PrintStyle9 = ({
                       >
                         {GlobaldummyData
                           ? GlobaltermsAndConditions && (
-                            <div
-                              style={{
-                                margin: '8px 0',
-                                padding: '8px',
-                                fontFamily: 'sans-serif',
-                                width: '100%',
-                              }}
-                            >
-                              <p
+                              <div
                                 style={{
-                                  fontSize: '13px',
-                                  fontWeight: 'bold',
-                                  marginBottom: '6px',
+                                  margin: '8px 0',
+                                  padding: '8px',
+                                  fontFamily: 'sans-serif',
+                                  width: '100%',
                                 }}
                               >
-                                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}
+                                <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>
-                          )}
+                                  <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
                           ? GlobalSignature && (
-                            <div
-                              style={{
-                                display: 'flex',
-                                flexDirection: 'column',
-                                alignItems: 'flex-end',
-                                paddingBottom: '1rem',
-                              }}
-                            >
-                              <p
+                              <div
                                 style={{
-                                  fontSize: '13px',
-                                  fontWeight: 'bold',
-                                  marginBottom: '6px',
+                                  display: 'flex',
+                                  flexDirection: 'column',
+                                  alignItems: 'flex-end',
+                                  paddingBottom: '1rem',
                                 }}
                               >
-                                Signature
-                              </p>
-                              <img
-                                style={{ width: '70px', height: '40px' }}
-                                src={
-                                  GlobalSignatureImages
-                                    ? GlobalSignatureImages
-                                    : signature
-                                }
-                                alt=""
-                              />
-                            </div>
-                          )
+                                <p
+                                  style={{
+                                    fontSize: '13px',
+                                    fontWeight: 'bold',
+                                    marginBottom: '6px',
+                                  }}
+                                >
+                                  Signature
+                                </p>
+                                <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',
-                              }}
-                            >
-                              <p
+                              <div
                                 style={{
-                                  fontSize: '13px',
-                                  fontWeight: 'bold',
-                                  marginBottom: '6px',
+                                  display: 'flex',
+                                  flexDirection: 'column',
+                                  alignItems: 'center',
+                                  marginTop: '1rem',
+                                  paddingBottom: '1rem',
                                 }}
                               >
-                                Signature
-                              </p>
-                              <img
-                                style={{ width: '100px', height: '60px' }}
-                                src={SignatureImg}
-                                alt=""
-                              />
-                            </div>
-                          )}
+                                <p
+                                  style={{
+                                    fontSize: '13px',
+                                    fontWeight: 'bold',
+                                    marginBottom: '6px',
+                                  }}
+                                >
+                                  Signature
+                                </p>
+                                <img
+                                  style={{ width: '100px', height: '60px' }}
+                                  src={SignatureImg}
+                                  alt=""
+                                />
+                              </div>
+                            )}
                       </div>
                     )}
                   </div>
@@ -2955,7 +2989,7 @@ const PrintStyle9 = ({
                   />
                 ) : null}
                 {base64Image &&
-                  (PrintLogo?.SettingValue === 'Y' || LogoField) ? (
+                (PrintLogo?.SettingValue === 'Y' || LogoField) ? (
                   <img
                     className="PrintStyle2-BrandImage"
                     src={base64Image}
@@ -2967,6 +3001,7 @@ const PrintStyle9 = ({
                   style={{
                     fontSize: 'clamp(1.5rem, 2.5vw, 2rem)',
                     fontWeight: '600',
+                     color: SelectedHeaderColor,
                   }}
                   className="PrintStyle9-Branch"
                 >
@@ -2989,18 +3024,18 @@ const PrintStyle9 = ({
                 {GlobaldummyData
                   ? 'BranchAddress, Town- 635XXX City - State'
                   : (table2Data?.AddressDetails?.[0]?.Address1 || '') +
-                  (table2Data?.AddressDetails?.[0]?.City
-                    ? (table2Data?.AddressDetails?.[0]?.Address1 &&
-                      table2Data?.AddressDetails?.[0]?.City
-                      ? '-'
-                      : '') + table2Data?.AddressDetails?.[0]?.City
-                    : '') +
-                  (table2Data?.AddressDetails?.[0]?.Zip
-                    ? (table2Data?.AddressDetails?.[0]?.City &&
-                      table2Data?.AddressDetails?.[0]?.Zip
-                      ? '-'
-                      : '') + table2Data?.AddressDetails?.[0]?.Zip
-                    : '')}
+                    (table2Data?.AddressDetails?.[0]?.City
+                      ? (table2Data?.AddressDetails?.[0]?.Address1 &&
+                        table2Data?.AddressDetails?.[0]?.City
+                          ? '-'
+                          : '') + table2Data?.AddressDetails?.[0]?.City
+                      : '') +
+                    (table2Data?.AddressDetails?.[0]?.Zip
+                      ? (table2Data?.AddressDetails?.[0]?.City &&
+                        table2Data?.AddressDetails?.[0]?.Zip
+                          ? '-'
+                          : '') + table2Data?.AddressDetails?.[0]?.Zip
+                      : '')}
               </div>
 
               <div style={{ fontSize: '11px', fontWeight: '400' }}>
@@ -3060,10 +3095,10 @@ const PrintStyle9 = ({
                   {GlobaldummyData
                     ? '553'
                     : table2Data?.OrderId &&
-                    extractLastNumberOrderId(
-                      table2Data?.OrderId,
-                      table2Data?.FYStatus
-                    )}
+                      extractLastNumberOrderId(
+                        table2Data?.OrderId,
+                        table2Data?.FYStatus
+                      )}
                 </div>
                 <div style={{ fontSize: '12px', fontWeight: '400' }}>
                   {' '}
@@ -3112,90 +3147,92 @@ const PrintStyle9 = ({
                     <tr>
                       {GlobaldummyData
                         ? GlobalSlNo && (
-                          <th style={{ width: '10px', textAlign: 'left' }}>
-                            S.No
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'left' }}>
+                              S.No
+                            </th>
+                          )
                         : SLNO && <th style={{ width: '10px' }}>S.No</th>}
                       {GlobaldummyData
                         ? GlobalItem && <th style={{ width: '10px' }}>Item</th>
                         : Item && <th style={{ width: '10px' }}>Item</th>}
                       {GlobaldummyData
                         ? GlobalQuantity && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Qty
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Qty
+                            </th>
+                          )
                         : Quantity && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                          { WeightasKg ?'Qty/Kg' :'Qty'}
-                          </th>
-                        )}
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                            </th>
+                          )}
                       {GlobaldummyData
                         ? GlobalHsnCode && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            HSN
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              HSN
+                            </th>
+                          )
                         : HsnCode && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            HSN
-                          </th>
-                        )}
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              HSN
+                            </th>
+                          )}
                       {GlobaldummyData
                         ? GlobalMRP && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            MRP
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              MRP
+                            </th>
+                          )
                         : MRP && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            MRP
-                          </th>
-                        )}
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              MRP
+                            </th>
+                          )}
                       {GlobaldummyData
                         ? GlobalDiscount && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Dis{' '}
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Dis{' '}
+                            </th>
+                          )
                         : Discount && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Dis{' '}
-                          </th>
-                        )}
-                      {GlobaldummyData ?
-                        GlobalTax &&
-                        <th style={{ width: "10px", textAlign: "right" }}>
-                          Tax %
-                        </th> :
-                        (Tax && table2Data?.OrderType !== 'E') &&
-                        <th style={{ width: "10px", textAlign: "right" }}>
-                          Tax %
-                        </th>
-                      }
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Dis{' '}
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalTax && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Tax %
+                            </th>
+                          )
+                        : Tax &&
+                          table2Data?.OrderType !== 'E' && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Tax %
+                            </th>
+                          )}
                       {GlobaldummyData
                         ? GlobalRate && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Rate
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Rate
+                            </th>
+                          )
                         : Rate && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Rate
-                          </th>
-                        )}
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Rate
+                            </th>
+                          )}
                       {GlobaldummyData
                         ? GlobalAmount && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Amt
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Amt
+                            </th>
+                          )
                         : Amount && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Amt
-                          </th>
-                        )}
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Amt
+                            </th>
+                          )}
                     </tr>
                   </thead>
                   <tbody>
@@ -3209,138 +3246,140 @@ const PrintStyle9 = ({
                             {GlobaldummyData
                               ? GlobalItem && <td>{item?.ProdName}</td>
                               : Item && (
-                                <td
-                                  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'}
-                                    )
-                                    {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>
-                                        );
-                                      })
-                                      : ''}
-                                  </div>
-                                </td>
-                              )}
+                                  <td
+                                    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'}
+                                      )
+                                      {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>
+                                            );
+                                          })
+                                        : ''}
+                                    </div>
+                                  </td>
+                                )}
                             {GlobaldummyData
                               ? GlobalQuantity && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.SalesQty}
-                                </td>
-                              )
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SalesQty}
+                                  </td>
+                                )
                               : Quantity && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.SalesQty}
-                                </td>
-                              )}
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SalesQty}
+                                  </td>
+                                )}
                             {GlobaldummyData
                               ? GlobalHsnCode && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.HSN}
-                                </td>
-                              )
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.HSN}
+                                  </td>
+                                )
                               : HsnCode && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.HSN}
-                                </td>
-                              )}
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.HSN}
+                                  </td>
+                                )}
                             {GlobaldummyData
                               ? GlobalMRP && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.MRP}
-                                </td>
-                              )
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.MRP}
+                                  </td>
+                                )
                               : MRP && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.SinglePc === 'Y'
-                                    ? item?.Rate
-                                    : item?.MRP}
-                                </td>
-                              )}
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SinglePc === 'Y'
+                                      ? item?.Rate
+                                      : item?.MRP}
+                                  </td>
+                                )}
                             {GlobaldummyData
                               ? GlobalDiscount && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item.discount}
-                                </td>
-                              )
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item.discount}
+                                  </td>
+                                )
                               : Discount && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.Type != 'C'
-                                    ? item?.OfferAmt || 0
-                                    : item?.OfferValue || 0}
-                                </td>
-                              )}
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Type != 'C'
+                                      ? item?.OfferAmt || 0
+                                      : item?.OfferValue || 0}
+                                  </td>
+                                )}
                             {GlobaldummyData
-                              ? GlobalTax &&
-                              <td style={{ textAlign: 'right' }}>
-                                {item?.ProdTaxPercentage}
-                              </td> :
-                              (Tax && table2Data?.OrderType !== 'E') &&
-                              <td style={{ textAlign: 'right' }}>
-                                {item?.ProdTaxPercentage || 0}
-                              </td>
-                            }
+                              ? GlobalTax && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.ProdTaxPercentage}
+                                  </td>
+                                )
+                              : Tax &&
+                                table2Data?.OrderType !== 'E' && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.ProdTaxPercentage || 0}
+                                  </td>
+                                )}
                             {GlobaldummyData
                               ? GlobalRate && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.Rate}
-                                </td>
-                              )
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Rate}
+                                  </td>
+                                )
                               : Rate && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.Rate}
-                                </td>
-                              )}
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Rate}
+                                  </td>
+                                )}
                             {GlobaldummyData
                               ? GlobalAmount && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.TotalAmt}
-                                </td>
-                              )
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.TotalAmt}
+                                  </td>
+                                )
                               : Amount && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.Type != 'C'
-                                    ? item?.TotalAmt - item?.OfferAmt || 0
-                                    : item?.TotalAmt - item?.OfferValue || 0}
-                                </td>
-                              )}
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Type != 'C'
+                                      ? item?.TotalAmt - item?.OfferAmt || 0
+                                      : item?.TotalAmt - item?.OfferValue || 0}
+                                  </td>
+                                )}
                           </tr>
                         );
                       }
@@ -3374,80 +3413,82 @@ const PrintStyle9 = ({
                         : Item && <th style={{ width: '10px' }}>Item</th>}
                       {GlobaldummyData
                         ? GlobalQuantity && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Qty
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Qty
+                            </th>
+                          )
                         : Quantity && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                          { WeightasKg ?'Qty/Kg' :'Qty'}
-                          </th>
-                        )}
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              {WeightasKg ? 'Qty/Kg' : 'Qty'}
+                            </th>
+                          )}
                       {GlobaldummyData
                         ? GlobalHsnCode && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            HSN
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              HSN
+                            </th>
+                          )
                         : HsnCode && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            HSN
-                          </th>
-                        )}
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              HSN
+                            </th>
+                          )}
                       {GlobaldummyData
                         ? GlobalMRP && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            MRP
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              MRP
+                            </th>
+                          )
                         : MRP && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            MRP
-                          </th>
-                        )}
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              MRP
+                            </th>
+                          )}
                       {GlobaldummyData
                         ? GlobalDiscount && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Dis{' '}
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Dis{' '}
+                            </th>
+                          )
                         : Discount && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Dis{' '}
-                          </th>
-                        )}
-                      {GlobaldummyData ?
-                        GlobalTax &&
-                        <th style={{ width: "10px", textAlign: "right" }}>
-                          Tax %
-                        </th> :
-                        (Tax && table2Data?.OrderType !== 'E') &&
-                        <th style={{ width: "10px", textAlign: "right" }}>
-                          Tax %
-                        </th>
-                      }
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Dis{' '}
+                            </th>
+                          )}
+                      {GlobaldummyData
+                        ? GlobalTax && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Tax %
+                            </th>
+                          )
+                        : Tax &&
+                          table2Data?.OrderType !== 'E' && (
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Tax %
+                            </th>
+                          )}
                       {GlobaldummyData
                         ? GlobalRate && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Rate
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Rate
+                            </th>
+                          )
                         : Rate && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Rate
-                          </th>
-                        )}
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Rate
+                            </th>
+                          )}
                       {GlobaldummyData
                         ? GlobalAmount && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Amt
-                          </th>
-                        )
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Amt
+                            </th>
+                          )
                         : Amount && (
-                          <th style={{ width: '10px', textAlign: 'right' }}>
-                            Amt
-                          </th>
-                        )}
+                            <th style={{ width: '10px', textAlign: 'right' }}>
+                              Amt
+                            </th>
+                          )}
                     </tr>
                   </thead>
                   <tbody>
@@ -3461,106 +3502,108 @@ const PrintStyle9 = ({
                             {GlobaldummyData
                               ? GlobalItem && <td>{item?.ProdName}</td>
                               : Item && (
-                                <td
-                                  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>
-                                </td>
-                              )}
+                                  <td
+                                    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>
+                                  </td>
+                                )}
                             {GlobaldummyData
                               ? GlobalQuantity && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.SalesQty}
-                                </td>
-                              )
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SalesQty}
+                                  </td>
+                                )
                               : Quantity && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.SalesQty}
-                                </td>
-                              )}
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SalesQty}
+                                  </td>
+                                )}
                             {GlobaldummyData
                               ? GlobalHsnCode && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.HSN}
-                                </td>
-                              )
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.HSN}
+                                  </td>
+                                )
                               : HsnCode && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.HSN}
-                                </td>
-                              )}
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.HSN}
+                                  </td>
+                                )}
                             {GlobaldummyData
                               ? GlobalMRP && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.MRP}
-                                </td>
-                              )
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.MRP}
+                                  </td>
+                                )
                               : MRP && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.SinglePc === 'Y'
-                                    ? item?.Rate
-                                    : item?.MRP}
-                                </td>
-                              )}
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.SinglePc === 'Y'
+                                      ? item?.Rate
+                                      : item?.MRP}
+                                  </td>
+                                )}
                             {GlobaldummyData
                               ? GlobalDiscount && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item.discount}
-                                </td>
-                              )
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item.discount}
+                                  </td>
+                                )
                               : Discount && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.Type != 'C'
-                                    ? item?.OfferAmt || 0
-                                    : item?.OfferValue || 0}
-                                </td>
-                              )}
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Type != 'C'
+                                      ? item?.OfferAmt || 0
+                                      : item?.OfferValue || 0}
+                                  </td>
+                                )}
                             {GlobaldummyData
-                              ? GlobalTax &&
-                              <td style={{ textAlign: 'right' }}>
-                                {item?.ProdTaxPercentage}
-                              </td> :
-                              (Tax && table2Data?.OrderType !== 'E') &&
-                              <td style={{ textAlign: 'right' }}>
-                                {item?.ProdTaxPercentage || 0}
-                              </td>
-                            }
+                              ? GlobalTax && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.ProdTaxPercentage}
+                                  </td>
+                                )
+                              : Tax &&
+                                table2Data?.OrderType !== 'E' && (
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.ProdTaxPercentage || 0}
+                                  </td>
+                                )}
                             {GlobaldummyData
                               ? GlobalRate && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.Rate}
-                                </td>
-                              )
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Rate}
+                                  </td>
+                                )
                               : Rate && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.Rate}
-                                </td>
-                              )}
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Rate}
+                                  </td>
+                                )}
                             {GlobaldummyData
                               ? GlobalAmount && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.TotalAmt}
-                                </td>
-                              )
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.TotalAmt}
+                                  </td>
+                                )
                               : Amount && (
-                                <td style={{ textAlign: 'right' }}>
-                                  {item?.Type != 'C'
-                                    ? item?.TotalAmt - item?.OfferAmt || 0
-                                    : item?.TotalAmt - item?.OfferValue || 0}
-                                </td>
-                              )}
+                                  <td style={{ textAlign: 'right' }}>
+                                    {item?.Type != 'C'
+                                      ? item?.TotalAmt - item?.OfferAmt || 0
+                                      : item?.TotalAmt - item?.OfferValue || 0}
+                                  </td>
+                                )}
                           </tr>
                         );
                       }
@@ -3613,8 +3656,8 @@ const PrintStyle9 = ({
                     {GlobaldummyData
                       ? '1,066'
                       : Number(
-                        TotalOfferAmount + table2Data?.OverallDisc
-                      ).toFixed(2)}
+                          TotalOfferAmount + table2Data?.OverallDisc
+                        ).toFixed(2)}
                   </div>
                 </div>
               )}
@@ -3754,7 +3797,9 @@ const PrintStyle9 = ({
                                           fontSize: '11px',
                                           textAlign: 'right',
                                         }}
-                                      >{item?.TaxPercentage || 0}%</td>
+                                      >
+                                        {item?.TaxPercentage || 0}%
+                                      </td>
                                       <td
                                         style={{
                                           fontSize: '11px',
@@ -3845,7 +3890,9 @@ const PrintStyle9 = ({
                                             fontSize: '11px',
                                             textAlign: 'right',
                                           }}
-                                        >{item?.TaxPercentage || 0}%</td>
+                                        >
+                                          {item?.TaxPercentage || 0}%
+                                        </td>
                                         <td
                                           style={{
                                             fontSize: '11px',
@@ -3929,7 +3976,9 @@ const PrintStyle9 = ({
                                             fontSize: '11px',
                                             textAlign: 'right',
                                           }}
-                                        >{item?.TaxPercentage || 0}%</td>
+                                        >
+                                          {item?.TaxPercentage || 0}%
+                                        </td>
                                         <td
                                           style={{
                                             fontSize: '11px',
@@ -3997,31 +4046,31 @@ const PrintStyle9 = ({
             </div>
             {GlobaldummyData
               ? GlobalCredit && (
-                <div
-                  style={{
-                    textAlign: 'left',
-                    fontSize: '15px',
-                    fontWeight: '600',
-                    lineHeight: '12px',
-                  }}
-                >
-                  <h6>Advance Amount:</h6>
-                  <h6>Opening Balance:</h6>
-                </div>
-              )
+                  <div
+                    style={{
+                      textAlign: 'left',
+                      fontSize: '15px',
+                      fontWeight: '600',
+                      lineHeight: '12px',
+                    }}
+                  >
+                    <h6>Advance Amount:</h6>
+                    <h6>Opening Balance:</h6>
+                  </div>
+                )
               : CreditDetails &&
-              table2Data?.CustomerDetails?.length > 0 && (
-                <div
-                  style={{
-                    textAlign: 'left',
-                    fontSize: '14px',
-                    fontWeight: '600',
-                    lineHeight: '12px',
-                  }}
-                >
-                  {/* OLD CREDIT BAL */}
-                  {PaymentStatusSuccess?.[0]?.PaymentTypeName ===
-                    'Credit' && (
+                table2Data?.CustomerDetails?.length > 0 && (
+                  <div
+                    style={{
+                      textAlign: 'left',
+                      fontSize: '14px',
+                      fontWeight: '600',
+                      lineHeight: '12px',
+                    }}
+                  >
+                    {/* OLD CREDIT BAL */}
+                    {PaymentStatusSuccess?.[0]?.PaymentTypeName ===
+                      'Credit' && (
                       <>
                         {table2Data.CustomerDetails[0].OldCreditBal > 0 ? (
                           <p>
@@ -4040,24 +4089,24 @@ const PrintStyle9 = ({
                       </>
                     )}
 
-                  {/* CURRENT CREDIT BAL */}
-                  {table2Data.CustomerDetails[0].CurrentCreditBal > 0 ? (
-                    <p>
-                      {' '}
-                      Current Advance Amount:{' '}
-                      {table2Data.CustomerDetails[0].CurrentCreditBal}
-                    </p>
-                  ) : table2Data.CustomerDetails[0].CurrentCreditBal < 0 ? (
-                    <p>
-                      {' '}
-                      Current Balance Amount:{' '}
-                      {Math.abs(
-                        table2Data.CustomerDetails[0].CurrentCreditBal
-                      )}
-                    </p>
-                  ) : null}
-                </div>
-              )}
+                    {/* CURRENT CREDIT BAL */}
+                    {table2Data.CustomerDetails[0].CurrentCreditBal > 0 ? (
+                      <p>
+                        {' '}
+                        Current Advance Amount:{' '}
+                        {table2Data.CustomerDetails[0].CurrentCreditBal}
+                      </p>
+                    ) : table2Data.CustomerDetails[0].CurrentCreditBal < 0 ? (
+                      <p>
+                        {' '}
+                        Current Balance Amount:{' '}
+                        {Math.abs(
+                          table2Data.CustomerDetails[0].CurrentCreditBal
+                        )}
+                      </p>
+                    ) : null}
+                  </div>
+                )}
             <div>
               {PaymentStatusSuccess?.length > 1 && (
                 <>
@@ -4146,46 +4195,46 @@ const PrintStyle9 = ({
                 <div>
                   {GlobaldummyData
                     ? GlobalQrcodet && (
-                      <div
-                        style={{
-                          display: 'flex',
-                          flexDirection: 'column',
-                          alignItems: 'center',
-                        }}
-                      >
-                        <img src={Qrcode} alt="QRcode" />
-                        <div style={{ fontSize: '12px' }}>Scan to Pay </div>
-                        <div style={{ fontSize: '12px' }}>
-                          ₹{' '}
-                          {GlobaldummyData
-                            ? '1,066'
-                            : Number(table2Data?.NetAmount).toFixed(2)}
+                        <div
+                          style={{
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'center',
+                          }}
+                        >
+                          <img src={Qrcode} alt="QRcode" />
+                          <div style={{ fontSize: '12px' }}>Scan to Pay </div>
+                          <div style={{ fontSize: '12px' }}>
+                            ₹{' '}
+                            {GlobaldummyData
+                              ? '1,066'
+                              : Number(table2Data?.NetAmount).toFixed(2)}
+                          </div>
                         </div>
-                      </div>
-                    )
+                      )
                     : Qrcodet &&
-                    paymentTypeUPI && (
-                      <div
-                        style={{
-                          display: 'flex',
-                          flexDirection: 'column',
-                          justifyContent: 'center',
-                          alignItems: 'center',
-                        }}
-                      >
-                        <QRCode
-                          value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`}
-                          size={80}
-                        />
-                        <div style={{ fontSize: '12px' }}>Scan to Pay </div>
-                        <div style={{ fontSize: '12px' }}>
-                          ₹
-                          {GlobaldummyData
-                            ? '1,066'
-                            : Number(table2Data?.NetAmount).toFixed(2)}
+                      paymentTypeUPI && (
+                        <div
+                          style={{
+                            display: 'flex',
+                            flexDirection: 'column',
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                          }}
+                        >
+                          <QRCode
+                            value={`upi://pay?pa=${GlobalUpiID}&pn=Merchant&am=${table2Data?.NetAmount}&cu=INR`}
+                            size={80}
+                          />
+                          <div style={{ fontSize: '12px' }}>Scan to Pay </div>
+                          <div style={{ fontSize: '12px' }}>
+                            ₹
+                            {GlobaldummyData
+                              ? '1,066'
+                              : Number(table2Data?.NetAmount).toFixed(2)}
+                          </div>
                         </div>
-                      </div>
-                    )}
+                      )}
                 </div>
               )}
             </div>
@@ -4229,26 +4278,26 @@ const PrintStyle9 = ({
                 <div>
                   {GlobaldummyData
                     ? GlobalIsnotes && (
-                      <div>
-                        <p
-                          style={{
-                            padding: '0rem 1rem',
-                            marginTop: GlobalthemeFormatr ? '5vh' : '',
-                          }}
-                        >
-                          Notes : 10 days Return policy
-                        </p>
+                        <div>
+                          <p
+                            style={{
+                              padding: '0rem 1rem',
+                              marginTop: GlobalthemeFormatr ? '5vh' : '',
+                            }}
+                          >
+                            Notes : 10 days Return policy
+                          </p>
 
-                        <hr className="PrintA4Style11-print-dottline" />
-                      </div>
-                    )
+                          <hr className="PrintA4Style11-print-dottline" />
+                        </div>
+                      )
                     : Notestext && (
-                      <div>
-                        <p style={{ padding: '0rem 1rem' }}>{Notestext}</p>
+                        <div>
+                          <p style={{ padding: '0rem 1rem' }}>{Notestext}</p>
 
-                        <hr className="PrintA4Style11-print-dottline" />
-                      </div>
-                    )}
+                          <hr className="PrintA4Style11-print-dottline" />
+                        </div>
+                      )}
                 </div>
               )}
 
@@ -4268,137 +4317,137 @@ const PrintStyle9 = ({
                 >
                   {GlobaldummyData
                     ? GlobaltermsAndConditions && (
-                      <div
-                        style={{
-                          margin: '8px 0',
-                          padding: '8px',
-                          fontFamily: 'sans-serif',
-                          width: '100%',
-                        }}
-                      >
-                        <p
+                        <div
                           style={{
-                            fontSize: '13px',
-                            fontWeight: 'bold',
-                            marginBottom: '6px',
+                            margin: '8px 0',
+                            padding: '8px',
+                            fontFamily: 'sans-serif',
+                            width: '100%',
                           }}
                         >
-                          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}
+                          <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>
-                    )}
+                            <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
                     ? GlobalSignature && (
-                      <div
-                        style={{
-                          display: 'flex',
-                          flexDirection: 'column',
-                          alignItems: 'flex-end',
-                          paddingBottom: '1rem',
-                        }}
-                      >
-                        <p
+                        <div
                           style={{
-                            fontSize: '13px',
-                            fontWeight: 'bold',
-                            marginBottom: '6px',
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'flex-end',
+                            paddingBottom: '1rem',
                           }}
                         >
-                          Signature
-                        </p>
-                        <img
-                          style={{ width: '70px', height: '40px' }}
-                          src={
-                            GlobalSignatureImages
-                              ? GlobalSignatureImages
-                              : signature
-                          }
-                          alt=""
-                        />
-                      </div>
-                    )
+                          <p
+                            style={{
+                              fontSize: '13px',
+                              fontWeight: 'bold',
+                              marginBottom: '6px',
+                            }}
+                          >
+                            Signature
+                          </p>
+                          <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',
-                        }}
-                      >
-                        <p
+                        <div
                           style={{
-                            fontSize: '13px',
-                            fontWeight: 'bold',
-                            marginBottom: '6px',
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'center',
+                            marginTop: '1rem',
+                            paddingBottom: '1rem',
                           }}
                         >
-                          Signature
-                        </p>
-                        <img
-                          style={{ width: '100px', height: '60px' }}
-                          src={SignatureImg}
-                          alt=""
-                        />
-                      </div>
-                    )}
+                          <p
+                            style={{
+                              fontSize: '13px',
+                              fontWeight: 'bold',
+                              marginBottom: '6px',
+                            }}
+                          >
+                            Signature
+                          </p>
+                          <img
+                            style={{ width: '100px', height: '60px' }}
+                            src={SignatureImg}
+                            alt=""
+                          />
+                        </div>
+                      )}
                 </div>
               )}
             </div>
diff --git a/src/Pages/Preference/PreferenceList.jsx b/src/Pages/Preference/PreferenceList.jsx
index 06142d0..7d3fea8 100644
--- a/src/Pages/Preference/PreferenceList.jsx
+++ b/src/Pages/Preference/PreferenceList.jsx
@@ -749,16 +749,6 @@ const PreferenceList = () => {
 
               {renderCheckbox('scanlayout', 'Do you Want Scan Layout Page?')}
             </div>
-
-          </Form>
-        </div>
-         <Form
-            ref={formRef}
-            layout="vertical"
-            onFinish={handleSubmit}
-            initialValues={initialValues}
-            className="preferences-list"
-          >
             <div className="PreferencesBTN">
               <Buttons
                 buttonText="Submit Preferences"
@@ -768,7 +758,8 @@ const PreferenceList = () => {
                 icon={<ArrowRightOutlined />}
               />
             </div>
-            </Form>
+          </Form>
+        </div>
       </div>
     </>
   );
diff --git a/src/Pages/StockMaster/StockForm.jsx b/src/Pages/StockMaster/StockForm.jsx
index e4b86f9..cd2d1c6 100644
--- a/src/Pages/StockMaster/StockForm.jsx
+++ b/src/Pages/StockMaster/StockForm.jsx
@@ -83,13 +83,17 @@ import { postConfiguration } from '../../Features/ConfigMasterPage/ConfigMasterP
 import SupplierProductMappingForm from '../SupplierProductMapping/SuplierProductMappingForm.jsx';
 import { getPurchaseSupplierAndWareHouseData } from '../../Features/PurchaseOrder/PurchaseOrder.js';
 import FloatLabel from '../../Components/Forms/FloatLabel/index.jsx';
-import { FaLink, FaEye, FaUpload } from 'react-icons/fa';
+import { FaLink, FaEye } from 'react-icons/fa';
+import { TbUpload } from 'react-icons/tb';
 import {
   getSupplaierIdBasedProducts,
   getSupplaierIdwithTypeBasedProducts,
   postSupplaierProducts,
 } from '../../Features/SupplierProductMapping/SupplierProductMapping.js';
-import { ApplicationPreferences, getCommonAppPreference } from '../../Features/BrachLogin/BranchLogin.js';
+import {
+  ApplicationPreferences,
+  getCommonAppPreference,
+} from '../../Features/BrachLogin/BranchLogin.js';
 import {
   getConfigType,
   getPaymentOptionFeatureApi,
@@ -161,12 +165,12 @@ const EditableCell = ({
           margin: 0,
         }}
         name={dataIndex}
-      // rules={[
-      //   (dataIndex == "imei1" || dataIndex == "imei2") && {
-      //     pattern: /^[0-9]{15}$/,
-      //     message: 'IMEI must be a 15-digit number'
-      //   }
-      // ]}
+        // rules={[
+        //   (dataIndex == "imei1" || dataIndex == "imei2") && {
+        //     pattern: /^[0-9]{15}$/,
+        //     message: 'IMEI must be a 15-digit number'
+        //   }
+        // ]}
       >
         <Input
           ref={inputRef}
@@ -184,11 +188,9 @@ const EditableCell = ({
         style={{
           paddingRight: 24,
           cursor: 'pointer',
-
         }}
         onClick={toggleEdit}
       >
-
         <Input
           ref={inputRef}
           onPressEnter={save}
@@ -239,7 +241,7 @@ const StockForm = ({ formType }) => {
   const BrandData = useSelector(brandDataSelector);
   const UomData = useSelector(uomDataSelector);
   const ProductTypeData = useSelector(productTypeDataSelector);
-  const appPreferences = useSelector(ApplicationPreferences)
+  const appPreferences = useSelector(ApplicationPreferences);
   const [applicationRestrictedFields, setApplicationRestrictedFields] =
     useState({
       DatesAndExpiry: false,
@@ -247,7 +249,7 @@ const StockForm = ({ formType }) => {
       AmountPerPieceDetail: false,
     });
   const [selectedAdditionalColumn, setSelectedAdditionalColumn] = useState([]);
-  console.log(selectedAdditionalColumn, "selectedAdditionalColumn")
+  console.log(selectedAdditionalColumn, 'selectedAdditionalColumn');
   const [showColumnModal, setShowColumnModal] = useState(false);
   const [tempSelectedColumns, setTempSelectedColumns] = useState([]);
   const [tableFieldPreferences, setTableFieldPreferences] = useState([]);
@@ -282,7 +284,7 @@ const StockForm = ({ formType }) => {
   const [imageSubCategoryUrl, setSubCategoryImageUrl] = useState('');
   const [imageBrandUrl, setBrandImageUrl] = useState('');
   const [PurchaseData, setPurchaseData] = useState([]);
-  console.log(PurchaseData, "PurchaseData")
+  console.log(PurchaseData, 'PurchaseData');
   const [additionalInfoModal, setAdditionalInfoModal] = useState(false);
   const [selectedRowIndex, setSelectedRowIndex] = useState(null);
   const [selectedRowRecord, setSelectedRowRecord] = useState({});
@@ -357,7 +359,7 @@ const StockForm = ({ formType }) => {
     if (searchValue?.trim()) {
       const search = searchValue.toLowerCase();
 
-      const filtered = PurchaseData.filter(item =>
+      const filtered = PurchaseData.filter((item) =>
         item?.ProdName?.toLowerCase().includes(search)
       );
 
@@ -367,7 +369,6 @@ const StockForm = ({ formType }) => {
     }
   }, [PurchaseData, searchValue]);
 
-
   const items = [
     {
       name: 'Home',
@@ -384,7 +385,7 @@ const StockForm = ({ formType }) => {
     },
   ];
   const categoryId = appPreferences?.find(
-    p => p?.PreferredCatName?.toLowerCase() === "purchase entry"
+    (p) => p?.PreferredCatName?.toLowerCase() === 'purchase entry'
   )?.PreferredCatId;
   useEffect(() => {
     dispatch(changeBreadCrumb({ items: items }));
@@ -552,8 +553,7 @@ const StockForm = ({ formType }) => {
       return acc + Number(item?.Amount || 0);
     }, 0);
 
-    const invoiceAmount =
-      !isNaN(total) && total !== 0 ? total : null;
+    const invoiceAmount = !isNaN(total) && total !== 0 ? total : null;
 
     setSelInvoiceAmount(invoiceAmount);
 
@@ -568,7 +568,6 @@ const StockForm = ({ formType }) => {
     setTotalTaxAmount(totalTax);
   }, [PurchaseData]);
 
-
   const getPurchaseOrders = async () => {
     const { data: res } = await dispatch(
       PendingOrdersPE({ CompId, AppId, BranchId })
@@ -614,19 +613,31 @@ const StockForm = ({ formType }) => {
   };
   useEffect(() => {
     getFieldSetup();
-  }, [categoryId])
+  }, [categoryId]);
   const getFieldSetup = async () => {
     try {
-      const response = await dispatch(getFieldSetupData({ AppId, CompId, BranchId, categoryId, Type: "PE" })).unwrap();
+      const response = await dispatch(
+        getFieldSetupData({ AppId, CompId, BranchId, categoryId, Type: 'PE' })
+      ).unwrap();
       if (response?.data?.statusCode === 1) {
-        console.log(response?.data?.data?.[0]?.ConfigDtl, "Field Setup Data");
-        setSelectedFields(response?.data?.data?.[0]?.ConfigDtl?.filter(c => c.ConfigId && c.Access === 'Y')?.map(c => c.ConfigId) || []);
-        setSelectedAdditionalColumn(response?.data?.data?.[0]?.ConfigDtl?.filter(c => c.ConfigId && c.Access === 'Y')?.map(c => c.ConfigName) || [])
-        setTableFieldPreferences(response?.data?.data?.[0]?.ConfigDtl?.map(c => ({
-          value: c.ConfigId,
-          label: c.ConfigName,
-          access: c.Access
-        })) || []);
+        console.log(response?.data?.data?.[0]?.ConfigDtl, 'Field Setup Data');
+        setSelectedFields(
+          response?.data?.data?.[0]?.ConfigDtl?.filter(
+            (c) => c.ConfigId && c.Access === 'Y'
+          )?.map((c) => c.ConfigId) || []
+        );
+        setSelectedAdditionalColumn(
+          response?.data?.data?.[0]?.ConfigDtl?.filter(
+            (c) => c.ConfigId && c.Access === 'Y'
+          )?.map((c) => c.ConfigName) || []
+        );
+        setTableFieldPreferences(
+          response?.data?.data?.[0]?.ConfigDtl?.map((c) => ({
+            value: c.ConfigId,
+            label: c.ConfigName,
+            access: c.Access,
+          })) || []
+        );
       }
     } catch (error) {
       console.error('Error fetching field setup:', error);
@@ -743,8 +754,8 @@ const StockForm = ({ formType }) => {
         const allSupplierProducts = response?.data?.data || [];
 
         const matchingProdIds = [];
-        const NewImageProducts = []
-        console.log(unmatchedProducts, "unmatchedProductsunmatchedProducts")
+        const NewImageProducts = [];
+        console.log(unmatchedProducts, 'unmatchedProductsunmatchedProducts');
         // check if the unmatched products exists in our products list
         unmatchedProducts.forEach((item) => {
           const match = allSupplierProducts?.[0]?.ProductDetails.find(
@@ -754,55 +765,54 @@ const StockForm = ({ formType }) => {
           );
           if (match) {
             matchingProdIds.push(match.ProdId);
-          }
-          else {
+          } else {
             NewImageProducts.push(item?.parsedData);
           }
         });
-        console.log(NewImageProducts, "NewImageProductsNewImageProducts")
+        console.log(NewImageProducts, 'NewImageProductsNewImageProducts');
         // Bulk upload new image products
         if (NewImageProducts.length > 0) {
-          const newProductsData = NewImageProducts.map(product => ({
+          const newProductsData = NewImageProducts.map((product) => ({
             AppId: AppId || 0,
-            CompId: CompId || "",
-            BranchId: BranchId || "",
+            CompId: CompId || '',
+            BranchId: BranchId || '',
             CreatedBy: UserId || 0,
-            ProdName: product.description?.trim() || "",
-            ProdVariantName: "",
-            Size: 1 || "",
-            UOM: product.unit || "",
+            ProdName: product.description?.trim() || '',
+            ProdVariantName: '',
+            Size: 1 || '',
+            UOM: product.unit || '',
             MRP: parseFloat(product.rate) || 0,
             WhSalePrice: 0,
             SellPrice: parseFloat(product.rate) || 0,
-            ProdCat: "General",
-            ProdSubCat: "",
-            Brand: "",
-            AutoGenerateQr: "",
-            QRCode: "",
+            ProdCat: 'General',
+            ProdSubCat: '',
+            Brand: '',
+            AutoGenerateQr: '',
+            QRCode: '',
             StockAvailable: 'No',
-            TaxId: "",
-            HSNCode: "",
-            PartNumber: "",
+            TaxId: '',
+            HSNCode: '',
+            PartNumber: '',
             Rack: 0,
-            ManufDate: "",
-            ExpDate: "",
-            AvailableFrom: "",
-            AvailableTo: "",
-            ProdLogo: "",
-            OnePcsAvailable: "No",
+            ManufDate: '',
+            ExpDate: '',
+            AvailableFrom: '',
+            AvailableTo: '',
+            ProdLogo: '',
+            OnePcsAvailable: 'No',
             AutoGenerateSingleQr: 'No',
             TaxId: 'NIL - 0%',
-            OnePcQR: "",
+            OnePcQR: '',
             TokenAvailable: 'No',
             OpeningQty: 0,
-            QtyBasedPrice: "",
-            InwardDate: "",
-            SuppId: suppId || "",
-            Reference: "",
+            QtyBasedPrice: '',
+            InwardDate: '',
+            SuppId: suppId || '',
+            Reference: '',
             ReceivedQty: 0,
             AcceptedQty: 0,
             RejectedQty: 0,
-            RejectionReason: "",
+            RejectionReason: '',
             IssuedQty: 0,
             BalanceQty: 0,
             InwardPrice: 0,
@@ -811,23 +821,32 @@ const StockForm = ({ formType }) => {
             Cess: 0,
           }));
 
-          const bulkResponse = await dispatch(bulkpostdata({ ProdDetails: newProductsData })).unwrap();
+          const bulkResponse = await dispatch(
+            bulkpostdata({ ProdDetails: newProductsData })
+          ).unwrap();
 
           if (bulkResponse?.data?.statusCode === 1) {
             // After successful bulk upload, check the condition again
             const updatedResponse = await dispatch(
-              getSupplaierIdBasedProducts({ CompId, AppId, BranchId, SuppId: suppId })
+              getSupplaierIdBasedProducts({
+                CompId,
+                AppId,
+                BranchId,
+                SuppId: suppId,
+              })
             ).unwrap();
             if (updatedResponse?.data?.statusCode === 1) {
-              const updatedAllSupplierProducts = updatedResponse?.data?.data || [];
+              const updatedAllSupplierProducts =
+                updatedResponse?.data?.data || [];
               const updatedMatchingProdIds = [];
 
               unmatchedProducts.forEach((item) => {
-                const match = updatedAllSupplierProducts?.[0]?.ProductDetails.find(
-                  (supp) =>
-                    supp?.ProdName?.toLowerCase() ===
-                    item?.parsedData?.description?.toLowerCase()
-                );
+                const match =
+                  updatedAllSupplierProducts?.[0]?.ProductDetails.find(
+                    (supp) =>
+                      supp?.ProdName?.toLowerCase() ===
+                      item?.parsedData?.description?.toLowerCase()
+                  );
                 if (match) {
                   updatedMatchingProdIds.push(match.ProdId);
                 }
@@ -970,7 +989,6 @@ const StockForm = ({ formType }) => {
         for (const item of matchedProducts) {
           if (item.matchFound) {
             const newProduct = await ProductDropDownChange(
-
               item?.selectedProduct?.ProdVariantName,
               item.selectedProdId,
               { label: item.selectedProduct.ProdName },
@@ -1147,7 +1165,7 @@ const StockForm = ({ formType }) => {
   const handleSuppInvoiceNoChange = (e) => {
     const value = e.target.value;
     formRef.current?.setFieldsValue({ SuppInvoiceNo: value });
-    setExtractorData(prev => prev ? { ...prev, invoiceNo: value } : null);
+    setExtractorData((prev) => (prev ? { ...prev, invoiceNo: value } : null));
   };
 
   const handleInvoiceTypeChange = (value) => {
@@ -1176,7 +1194,10 @@ const StockForm = ({ formType }) => {
         formRef?.current?.getFieldsValue(),
         'formRefformRefformRefformRef'
       );
-      if (extractorData?.invoiceNo !== null && extractorData?.invoiceNo !== "") {
+      if (
+        extractorData?.invoiceNo !== null &&
+        extractorData?.invoiceNo !== ''
+      ) {
         formRef?.current?.setFieldsValue({
           SuppInvoiceNo: extractorData?.invoiceNo,
         });
@@ -1185,7 +1206,7 @@ const StockForm = ({ formType }) => {
       formRef?.current?.setFieldsValue({
         PaymentAmount: extractorData?.TotalAmtData,
       });
-      setPaymentAmount((extractorData?.TotalAmtData));
+      setPaymentAmount(extractorData?.TotalAmtData);
       onSuppInvoiceDateChange(
         extractorData?.date,
         extractorData?.date?.format('DD-MM-YYYY') || ''
@@ -1272,7 +1293,6 @@ const StockForm = ({ formType }) => {
     extractedItem,
     existingProducts
   ) => {
-
     setProductSearchText('');
     setSelectedProductName(option?.label ? option?.label : '');
     formRef?.current?.resetFields(['VarProdId']);
@@ -1282,7 +1302,10 @@ const StockForm = ({ formType }) => {
     // let x = (productsList || productData)?.find(
     //   (e) => e.ProdId == ProdId
     // )?.ProdName;
-    let OnePcsAvailable = (productsList || productData)?.find((e) => e.ProdId == ProdId && e?.ProdVariantName == VariantName)?.OnePcsAvailable == 'Y';
+    let OnePcsAvailable =
+      (productsList || productData)?.find(
+        (e) => e.ProdId == ProdId && e?.ProdVariantName == VariantName
+      )?.OnePcsAvailable == 'Y';
     // let variantValues1 = await dispatch(
     //   getProdvaraiantdata({
     //     CompId: SupplierCompId,
@@ -1305,7 +1328,8 @@ const StockForm = ({ formType }) => {
     //   }))
     // );
 
-    if (true
+    if (
+      true
       // cc?.[0]?.ProdVariantDetails?.length < 2 ||
       // (extractedProduct ? cc?.[0]?.ProdVariantDetails?.length > 0 : false)
     ) {
@@ -1314,14 +1338,20 @@ const StockForm = ({ formType }) => {
       formRef.current?.setFieldsValue({ ProdId: ProdId });
       await setSelectedProductData(ProdId);
       // await setSelectedSupplierData(getSuppId?.[0]?.["SuppId"]) ,CustSuppId:getSuppId?.[0]?.["SuppId"]
-      if ((existingProducts || PurchaseData)?.some((e) => e.ProdId == ProdId && e?.ProdVariantName == VariantName)) {
-        const existingProduct = (existingProducts || PurchaseData)?.find((e) => e.ProdId == ProdId && e?.ProdVariantName == VariantName);
+      if (
+        (existingProducts || PurchaseData)?.some(
+          (e) => e.ProdId == ProdId && e?.ProdVariantName == VariantName
+        )
+      ) {
+        const existingProduct = (existingProducts || PurchaseData)?.find(
+          (e) => e.ProdId == ProdId && e?.ProdVariantName == VariantName
+        );
         setMessageType('error');
-        setMessageData(`Product "${existingProduct?.ProdName} - ${existingProduct?.ProdVariantName}" already exists`);
+        setMessageData(
+          `Product "${existingProduct?.ProdName} - ${existingProduct?.ProdVariantName}" already exists`
+        );
         return null;
-      }
-      else {
-
+      } else {
         let ProductData1 = (productsList || productData)?.find(
           (e) => e.ProdId == ProdId && e?.ProdVariantName == VariantName
         );
@@ -1788,11 +1818,8 @@ const StockForm = ({ formType }) => {
         [`splSalePrice${localId}`]: record?.SpecialPrice,
         [`OnePcsPrice${localId}`]: record?.OnePcsPrice,
         [`NoOfPcs${localId}`]: record?.NoOfPcs,
-
-
       });
 
-
       if (applicationRestrictedFields.BatchAndModelDetails) {
         form.setFieldsValue({
           [`BatchRef${localId}`]: record?.BatchRef,
@@ -1817,9 +1844,7 @@ const StockForm = ({ formType }) => {
 
       setPurchaseData((prev) =>
         prev.map((item) =>
-          item.localId === localId
-            ? { ...item, ...modifiedObject }
-            : item
+          item.localId === localId ? { ...item, ...modifiedObject } : item
         )
       );
 
@@ -1829,7 +1854,6 @@ const StockForm = ({ formType }) => {
     }
   };
 
-
   const handleKeyPress = async (e, record) => {
     if (e.key === 'Enter') {
       try {
@@ -1841,13 +1865,11 @@ const StockForm = ({ formType }) => {
     }
   };
 
-
   const formatDateForDisplay = (dateString) => {
     if (!dateString) return '';
     return moment(dateString).format('DD-MMM-YY');
   };
 
-
   const updateRowValues = (localId, updates) => {
     setPurchaseData((prev) =>
       prev.map((item) =>
@@ -1872,7 +1894,7 @@ const StockForm = ({ formType }) => {
     form.setFieldsValue({
       [`${key}${localId}`]: value,
     });
-  }
+  };
 
   const columns = [
     {
@@ -1889,9 +1911,7 @@ const StockForm = ({ formType }) => {
       key: 'ProdName',
       align: 'left',
       render: (text, record, index) => (
-        <a style={{ color: 'black' }}>
-          {record?.ProdName}
-        </a>
+        <a style={{ color: 'black' }}>{record?.ProdName}</a>
       ),
     },
     {
@@ -1900,9 +1920,7 @@ const StockForm = ({ formType }) => {
       key: 'ProdVariantName',
       align: 'left',
       render: (text, record, index) => (
-        <a style={{ color: 'black' }}>
-          {record?.ProdVariantName}
-        </a>
+        <a style={{ color: 'black' }}>{record?.ProdVariantName}</a>
       ),
     },
     {
@@ -2108,43 +2126,45 @@ const StockForm = ({ formType }) => {
       key: 'Amount',
       editable: true,
     },
-    ...(selectedAdditionalColumn.includes("Mrp") ? [
-      {
-        title: 'MRP',
-        dataIndex: 'MRP',
-        key: 'MRP',
-        editable: true,
-        // width: 150,
-        render: (text, record) => {
-          const localId = record.localId;
+    ...(selectedAdditionalColumn.includes('Mrp')
+      ? [
+          {
+            title: 'MRP',
+            dataIndex: 'MRP',
+            key: 'MRP',
+            editable: true,
+            // width: 150,
+            render: (text, record) => {
+              const localId = record.localId;
 
-          return isEditing(record) ? (
-            <Form.Item name={`MRP${localId}`}>
-              <Input
-                placeholder="MRP"
-                onChange={(e) => {
-                  const value = e.target.value;
+              return isEditing(record) ? (
+                <Form.Item name={`MRP${localId}`}>
+                  <Input
+                    placeholder="MRP"
+                    onChange={(e) => {
+                      const value = e.target.value;
 
-                  if (!/^\d*\.?\d*$/.test(value)) {
-                    setMessageType('error');
-                    setMessageData('Only numeric values are allowed');
-                    return;
-                  }
+                      if (!/^\d*\.?\d*$/.test(value)) {
+                        setMessageType('error');
+                        setMessageData('Only numeric values are allowed');
+                        return;
+                      }
 
-                  updateRowValues(record.localId, {
-                    MRP: value,
-                    SellPrice: value,
-                  });
-                }}
-                onPressEnter={(e) => handleKeyPress(e, record)}
-              />
-
-            </Form.Item>
-          ) : (
-            text
-          )
-        }
-      }] : []),
+                      updateRowValues(record.localId, {
+                        MRP: value,
+                        SellPrice: value,
+                      });
+                    }}
+                    onPressEnter={(e) => handleKeyPress(e, record)}
+                  />
+                </Form.Item>
+              ) : (
+                text
+              );
+            },
+          },
+        ]
+      : []),
     {
       title: (
         <Tooltip title="Selling price per unit" placement="top">
@@ -2189,424 +2209,480 @@ const StockForm = ({ formType }) => {
       },
     },
 
-    ...(selectedAdditionalColumn.includes("Amount Per Piece") ? [
-      {
-        title: "Amount per piece",
-        dataIndex: 'OnePcsPrice',
-        key: 'OnePcsPrice',
-        width: 70,
-        editable: true,
-        render: (text, record, index) => {
-          return isEditing(record, index) ? (
-            <Form.Item
-              name={'OnePcsPrice' + record?.localId}
-              rules={[
-                {
-                  required: false,
-                  message: 'Please enter OnePcsPrice',
-                },
-              ]}
-            >
-              <Input
-                disabled={record?.OnePcsAvailable == "N"}
-                onPressEnter={(e) => handleKeyPress(e, record)}
-                onChange={(e) => {
-                  const newData = PurchaseData.map((item) =>
-                    item.localId === record?.localId ? { ...item, OnePcsPrice: e.target.value } : item
-                  );
-                  setPurchaseData(newData);
-                }}
-                placeholder="OnePcsPrice"
-              />
-            </Form.Item>
-          ) : (
-            text
-          );
-        },
-      }] : []),
-    ...(selectedAdditionalColumn.includes("Amount Per Piece") ? [
-      {
-        title: "Number of piece",
-        dataIndex: 'NoOfPcs',
-        key: 'NoOfPcs',
-        width: 70,
-        editable: true,
-        render: (text, record, index) => {
-          return isEditing(record, index) ? (
-            <Form.Item
-              name={'NoOfPcs' + record?.localId}
-              rules={[
-                {
-                  required: false,
-                  message: 'Please enter NoOfPcs',
-                },
-              ]}
-            >
-              <Input
-                disabled={record?.OnePcsAvailable == "N"}
-                onPressEnter={(e) => handleKeyPress(e, record)}
-                onChange={(e) => {
-                  const newData = PurchaseData.map((item) =>
-                    item.localId === record?.localId ? { ...item, NoOfPcs: e.target.value } : item
-                  );
-                  setPurchaseData(newData);
-                }}
-                placeholder="NoOfPcs"
-              />
-            </Form.Item>
-          ) : (
-            text
-          );
-        },
-      }] : []),
-    ...(selectedAdditionalColumn.includes("Wholesale Price") ? [
-      {
-        title: "Wholesale price",
-        dataIndex: 'WhSalePrice',
-        key: 'WhSalePrice',
-        width: 70,
-        editable: true,
-        render: (text, record) => {
-          return isEditing(record) ? (
-            <Form.Item
-              name={`WhSalePrice${record.localId}`}
-              rules={[
-                {
-                  pattern: /^\d*\.?\d*$/,
-                  message: 'Only numbers are allowed',
-                },
-              ]}
-            >
-              <Input
-                placeholder="WhSalePrice"
-                inputMode="decimal"   // 📱 numeric keyboard
-                onPressEnter={(e) => handleKeyPress(e, record)}
-                onChange={(e) => {
-                  const value = e.target.value;
-
-                  // 🚫 block non-numeric
-                  if (!/^\d*\.?\d*$/.test(value)) return;
-
-                  updateRowValue(record.localId, 'WhSalePrice', value);
-                }}
-              />
-            </Form.Item>
-          ) : (
-            text
-          );
-        },
-      }
-    ] : []),
-
-    ...(selectedAdditionalColumn.includes("Manufacture Date") ? [
-      {
-        title: 'Manuf.Date',
-        dataIndex: 'ManufDate',
-        key: 'ManufDate',
-        editable: true,
-        render: (text, record, index) => {
-          return isEditing(record, index) ? (
-            <Form.Item
-              name={'ManufDate' + record?.localId}
-              rules={[
-                {
-                  required: false,
-                  message: 'Please select manufacture date',
-                },
-              ]}
-            >
-              <DatePicProd
-                canSelectPast={true}
-                onChange={(date, dateString) => {
-                  const formattedDate = dateString === '' ? undefined : moment(dateString, ['DD-MM-YYYY']).format('YYYY-MM-DDTHH:mm:ss');
-                  const newData = PurchaseData.map((item) =>
-                    item.localId === record?.localId ? { ...item, ManufDate: formattedDate } : item
-                  );
-                  setPurchaseData(newData);
-                  form.setFieldsValue({
-                    [`ManufDate${record?.localId}`]: formattedDate
-                  });
-                }}
-                valueData={record?.ManufDate}
-                cancelFuture={true}
-              />
-            </Form.Item>
-          ) : (
-            formatDateForDisplay(text)
-          );
-        },
-      }] : []),
-    ...(selectedAdditionalColumn.includes("Expiry Date") ? [
-      {
-        title: 'Exp.Date',
-        dataIndex: 'ExpDate',
-        key: 'ExpDate',
-        editable: true,
-        render: (text, record, index) => {
-          return isEditing(record, index) ? (
-            <Form.Item
-              name={'ExpDate' + record?.localId}
-              rules={[
-                {
-                  required: false,
-                  message: 'Please select expiry date',
-                },
-              ]}
-            >
-              <DatePicProd
-                canSelectPast={false}
-                onChange={(date, dateString) => {
-                  const formattedDate = dateString === '' ? undefined : moment(dateString, ['DD-MM-YYYY']).format('YYYY-MM-DDTHH:mm:ss');
-                  const newData = PurchaseData.map((item) =>
-                    item.localId === record?.localId ? { ...item, ExpDate: formattedDate } : item
-                  );
-                  setPurchaseData(newData);
-                  form.setFieldsValue({
-                    [`ExpDate${record?.localId}`]: formattedDate
-                  });
-                }}
-                valueData={record?.ExpDate}
-                cancelFuture={false}
-              />
-            </Form.Item>
-          ) : (
-            formatDateForDisplay(text)
-          );
-        },
-      }] : []),
-
-    ...(selectedAdditionalColumn.includes("Hsn") ? [
-      {
-        title: 'Hsn',
-        dataIndex: 'Hsn',
-        key: 'Hsn',
-        editable: true,
-        // width: 130,
-        render: (text, record, index) => {
-          return isEditing(record, index) ? (
-            <Form.Item
-              name={'Hsn' + record?.localId}
-              rules={[
-                {
-                  required: false,
-                  message: 'Please enter HSN code',
-                },
-              ]}
-            >
-              <Input
-                onPressEnter={(e) => handleKeyPress(e, record)}
-                onChange={(e) => {
-                  const newData = PurchaseData.map((item) =>
-                    item.localId === record?.localId ? { ...item, PurchaseHSNCode: e.target.value } : item
-                  );
-                  setPurchaseData(newData);
-                }}
-                placeholder="HSN code"
-              />
-            </Form.Item>
-          ) : (
-            text
-          );
-        },
-      }] : []),
-    ...(selectedAdditionalColumn.includes("Model No") ? [
-      {
-        title: 'Model',
-        dataIndex: 'Model',
-        key: 'Model',
-        editable: true,
-        render: (text, record, index) => {
-          return isEditing(record, index) ? (
-            <Form.Item
-              name={'Model' + record?.localId}
-              rules={[
-                {
-                  required: false,
-                  message: 'Please enter Model No',
-                },
-              ]}
-            >
-              <Input
-                onPressEnter={(e) => handleKeyPress(e, record, index)}
-                onChange={(e) => {
-                  const newData = PurchaseData.map((item) =>
-                    item.localId === record?.localId ? { ...item, ModelNumber: e.target.value } : item
-                  );
-                  setPurchaseData(newData);
-                }}
-                placeholder="Model No"
-              />
-            </Form.Item>
-          ) : (
-            text
-          );
-        },
-      }] : []),
-    ...(selectedAdditionalColumn.includes("Batch No") ? [
-      {
-        title: 'Batch',
-        dataIndex: 'Batch',
-        key: 'Batch',
-        editable: true,
-        render: (text, record, index) => {
-          return isEditing(record, index) ? (
-            <Form.Item
-              name={'Batch' + record?.localId}
-              rules={[
-                {
-                  required: false,
-                  message: 'Please enter Batch No',
-                },
-              ]}
-            >
-              <Input
-                onPressEnter={(e) => handleKeyPress(e, record, index)}
-                onChange={(e) => {
-                  const newData = PurchaseData.map((item) =>
-                    item.localId === record?.localId ? { ...item, BatchRef: e.target.value } : item
-                  );
-                  setPurchaseData(newData);
-                }}
-                placeholder="Batch No"
-              />
-            </Form.Item>
-          ) : (
-            text
-          );
-        },
-      }] : []),
-
-    ...(selectedAdditionalColumn.includes("Rejected Qty") ?
-      [
-        {
-          title: 'Rejected Qty',
-          dataIndex: 'RejectedQty',
-          key: 'RejectedQty',
-          editable: true,
-          render: (text, record, index) => {
-            return isEditing(record, index) ? (
-              <Form.Item
-                name={'RejectedQty' + record?.localId}
-                rules={[
-                  {
-                    required: false,
-                    message: 'Please enter Rejected Qty'
-                  },
-                ]}
-              >
-                <Input
-                  onPressEnter={(e) => handleKeyPress(e, record, index)}
-                  onChange={(e) => {
-                    const inputValue = e.target.value;
-                    const rejectedQty = parseFloat(inputValue) || 0;
-                    const receivedQty = parseFloat(record.ReceivedQty) || 0;
-
-                    if (inputValue !== '' && rejectedQty >= receivedQty) {
-                      setMessageType('error');
-                      setMessageData('Rejected Qty cannot be greater than or Equal to Received Qty');
-                      form.setFieldsValue({
-                        [`RejectedQty${record?.localId}`]: record.RejectedQty || 0
-                      });
-                      return;
-                    }
-
-                    const acceptedQty = receivedQty - rejectedQty;
-                    const totalAmount = acceptedQty * (parseFloat(record.InwardPrice) || 0);
-
-                    const newData = PurchaseData.map((item) =>
-                      item.localId === record?.localId ? {
-                        ...item,
-                        RejectedQty: parseFloat(inputValue) || 0,
-                        AcceptedQty: acceptedQty,
-                        Amount: totalAmount
-                      } : item
-                    );
-                    setPurchaseData(newData);
-                  }}
-                  placeholder="Rejected Qty"
-                />
-              </Form.Item>
-            ) : (
-              text
-            );
+    ...(selectedAdditionalColumn.includes('Amount Per Piece')
+      ? [
+          {
+            title: 'Amount per piece',
+            dataIndex: 'OnePcsPrice',
+            key: 'OnePcsPrice',
+            width: 70,
+            editable: true,
+            render: (text, record, index) => {
+              return isEditing(record, index) ? (
+                <Form.Item
+                  name={'OnePcsPrice' + record?.localId}
+                  rules={[
+                    {
+                      required: false,
+                      message: 'Please enter OnePcsPrice',
+                    },
+                  ]}
+                >
+                  <Input
+                    disabled={record?.OnePcsAvailable == 'N'}
+                    onPressEnter={(e) => handleKeyPress(e, record)}
+                    onChange={(e) => {
+                      const newData = PurchaseData.map((item) =>
+                        item.localId === record?.localId
+                          ? { ...item, OnePcsPrice: e.target.value }
+                          : item
+                      );
+                      setPurchaseData(newData);
+                    }}
+                    placeholder="OnePcsPrice"
+                  />
+                </Form.Item>
+              ) : (
+                text
+              );
+            },
           },
-        }] : []),
+        ]
+      : []),
+    ...(selectedAdditionalColumn.includes('Amount Per Piece')
+      ? [
+          {
+            title: 'Number of piece',
+            dataIndex: 'NoOfPcs',
+            key: 'NoOfPcs',
+            width: 70,
+            editable: true,
+            render: (text, record, index) => {
+              return isEditing(record, index) ? (
+                <Form.Item
+                  name={'NoOfPcs' + record?.localId}
+                  rules={[
+                    {
+                      required: false,
+                      message: 'Please enter NoOfPcs',
+                    },
+                  ]}
+                >
+                  <Input
+                    disabled={record?.OnePcsAvailable == 'N'}
+                    onPressEnter={(e) => handleKeyPress(e, record)}
+                    onChange={(e) => {
+                      const newData = PurchaseData.map((item) =>
+                        item.localId === record?.localId
+                          ? { ...item, NoOfPcs: e.target.value }
+                          : item
+                      );
+                      setPurchaseData(newData);
+                    }}
+                    placeholder="NoOfPcs"
+                  />
+                </Form.Item>
+              ) : (
+                text
+              );
+            },
+          },
+        ]
+      : []),
+    ...(selectedAdditionalColumn.includes('Wholesale Price')
+      ? [
+          {
+            title: 'Wholesale price',
+            dataIndex: 'WhSalePrice',
+            key: 'WhSalePrice',
+            width: 70,
+            editable: true,
+            render: (text, record) => {
+              return isEditing(record) ? (
+                <Form.Item
+                  name={`WhSalePrice${record.localId}`}
+                  rules={[
+                    {
+                      pattern: /^\d*\.?\d*$/,
+                      message: 'Only numbers are allowed',
+                    },
+                  ]}
+                >
+                  <Input
+                    placeholder="WhSalePrice"
+                    inputMode="decimal" // 📱 numeric keyboard
+                    onPressEnter={(e) => handleKeyPress(e, record)}
+                    onChange={(e) => {
+                      const value = e.target.value;
 
+                      // 🚫 block non-numeric
+                      if (!/^\d*\.?\d*$/.test(value)) return;
 
+                      updateRowValue(record.localId, 'WhSalePrice', value);
+                    }}
+                  />
+                </Form.Item>
+              ) : (
+                text
+              );
+            },
+          },
+        ]
+      : []),
 
+    ...(selectedAdditionalColumn.includes('Manufacture Date')
+      ? [
+          {
+            title: 'Manuf.Date',
+            dataIndex: 'ManufDate',
+            key: 'ManufDate',
+            editable: true,
+            render: (text, record, index) => {
+              return isEditing(record, index) ? (
+                <Form.Item
+                  name={'ManufDate' + record?.localId}
+                  rules={[
+                    {
+                      required: false,
+                      message: 'Please select manufacture date',
+                    },
+                  ]}
+                >
+                  <DatePicProd
+                    canSelectPast={true}
+                    onChange={(date, dateString) => {
+                      const formattedDate =
+                        dateString === ''
+                          ? undefined
+                          : moment(dateString, ['DD-MM-YYYY']).format(
+                              'YYYY-MM-DDTHH:mm:ss'
+                            );
+                      const newData = PurchaseData.map((item) =>
+                        item.localId === record?.localId
+                          ? { ...item, ManufDate: formattedDate }
+                          : item
+                      );
+                      setPurchaseData(newData);
+                      form.setFieldsValue({
+                        [`ManufDate${record?.localId}`]: formattedDate,
+                      });
+                    }}
+                    valueData={record?.ManufDate}
+                    cancelFuture={true}
+                  />
+                </Form.Item>
+              ) : (
+                formatDateForDisplay(text)
+              );
+            },
+          },
+        ]
+      : []),
+    ...(selectedAdditionalColumn.includes('Expiry Date')
+      ? [
+          {
+            title: 'Exp.Date',
+            dataIndex: 'ExpDate',
+            key: 'ExpDate',
+            editable: true,
+            render: (text, record, index) => {
+              return isEditing(record, index) ? (
+                <Form.Item
+                  name={'ExpDate' + record?.localId}
+                  rules={[
+                    {
+                      required: false,
+                      message: 'Please select expiry date',
+                    },
+                  ]}
+                >
+                  <DatePicProd
+                    canSelectPast={false}
+                    onChange={(date, dateString) => {
+                      const formattedDate =
+                        dateString === ''
+                          ? undefined
+                          : moment(dateString, ['DD-MM-YYYY']).format(
+                              'YYYY-MM-DDTHH:mm:ss'
+                            );
+                      const newData = PurchaseData.map((item) =>
+                        item.localId === record?.localId
+                          ? { ...item, ExpDate: formattedDate }
+                          : item
+                      );
+                      setPurchaseData(newData);
+                      form.setFieldsValue({
+                        [`ExpDate${record?.localId}`]: formattedDate,
+                      });
+                    }}
+                    valueData={record?.ExpDate}
+                    cancelFuture={false}
+                  />
+                </Form.Item>
+              ) : (
+                formatDateForDisplay(text)
+              );
+            },
+          },
+        ]
+      : []),
 
-    ...(selectedAdditionalColumn.includes("Free Qty") ? [
-      {
-        title: 'Free Qty',
-        dataIndex: 'Freeqty',
-        key: 'Freeqty',
-        editable: true,
-        render: (text, record) => {
-          return isEditing(record) ? (
-            <Form.Item
-              name={`Freeqty${record.localId}`}
-              rules={[
-                {
-                  pattern: /^\d*$/,
-                  message: 'Only numbers are allowed',
-                },
-              ]}
-            >
-              <Input
-                placeholder="Free Qty"
-                inputMode="numeric"
-                onPressEnter={(e) => handleKeyPress(e, record)}
-                onChange={(e) => {
-                  const value = e.target.value;
+    ...(selectedAdditionalColumn.includes('Hsn')
+      ? [
+          {
+            title: 'Hsn',
+            dataIndex: 'Hsn',
+            key: 'Hsn',
+            editable: true,
+            // width: 130,
+            render: (text, record, index) => {
+              return isEditing(record, index) ? (
+                <Form.Item
+                  name={'Hsn' + record?.localId}
+                  rules={[
+                    {
+                      required: false,
+                      message: 'Please enter HSN code',
+                    },
+                  ]}
+                >
+                  <Input
+                    onPressEnter={(e) => handleKeyPress(e, record)}
+                    onChange={(e) => {
+                      const newData = PurchaseData.map((item) =>
+                        item.localId === record?.localId
+                          ? { ...item, PurchaseHSNCode: e.target.value }
+                          : item
+                      );
+                      setPurchaseData(newData);
+                    }}
+                    placeholder="HSN code"
+                  />
+                </Form.Item>
+              ) : (
+                text
+              );
+            },
+          },
+        ]
+      : []),
+    ...(selectedAdditionalColumn.includes('Model No')
+      ? [
+          {
+            title: 'Model',
+            dataIndex: 'Model',
+            key: 'Model',
+            editable: true,
+            render: (text, record, index) => {
+              return isEditing(record, index) ? (
+                <Form.Item
+                  name={'Model' + record?.localId}
+                  rules={[
+                    {
+                      required: false,
+                      message: 'Please enter Model No',
+                    },
+                  ]}
+                >
+                  <Input
+                    onPressEnter={(e) => handleKeyPress(e, record, index)}
+                    onChange={(e) => {
+                      const newData = PurchaseData.map((item) =>
+                        item.localId === record?.localId
+                          ? { ...item, ModelNumber: e.target.value }
+                          : item
+                      );
+                      setPurchaseData(newData);
+                    }}
+                    placeholder="Model No"
+                  />
+                </Form.Item>
+              ) : (
+                text
+              );
+            },
+          },
+        ]
+      : []),
+    ...(selectedAdditionalColumn.includes('Batch No')
+      ? [
+          {
+            title: 'Batch',
+            dataIndex: 'Batch',
+            key: 'Batch',
+            editable: true,
+            render: (text, record, index) => {
+              return isEditing(record, index) ? (
+                <Form.Item
+                  name={'Batch' + record?.localId}
+                  rules={[
+                    {
+                      required: false,
+                      message: 'Please enter Batch No',
+                    },
+                  ]}
+                >
+                  <Input
+                    onPressEnter={(e) => handleKeyPress(e, record, index)}
+                    onChange={(e) => {
+                      const newData = PurchaseData.map((item) =>
+                        item.localId === record?.localId
+                          ? { ...item, BatchRef: e.target.value }
+                          : item
+                      );
+                      setPurchaseData(newData);
+                    }}
+                    placeholder="Batch No"
+                  />
+                </Form.Item>
+              ) : (
+                text
+              );
+            },
+          },
+        ]
+      : []),
 
-                  // 🚫 block non-numeric
-                  if (!/^\d*$/.test(value)) return;
+    ...(selectedAdditionalColumn.includes('Rejected Qty')
+      ? [
+          {
+            title: 'Rejected Qty',
+            dataIndex: 'RejectedQty',
+            key: 'RejectedQty',
+            editable: true,
+            render: (text, record, index) => {
+              return isEditing(record, index) ? (
+                <Form.Item
+                  name={'RejectedQty' + record?.localId}
+                  rules={[
+                    {
+                      required: false,
+                      message: 'Please enter Rejected Qty',
+                    },
+                  ]}
+                >
+                  <Input
+                    onPressEnter={(e) => handleKeyPress(e, record, index)}
+                    onChange={(e) => {
+                      const inputValue = e.target.value;
+                      const rejectedQty = parseFloat(inputValue) || 0;
+                      const receivedQty = parseFloat(record.ReceivedQty) || 0;
 
-                  updateRowValue(record.localId, 'Freeqty', value);
-                }}
-              />
-            </Form.Item>
-          ) : (
-            text
-          );
-        },
-      },
-    ] : []),
+                      if (inputValue !== '' && rejectedQty >= receivedQty) {
+                        setMessageType('error');
+                        setMessageData(
+                          'Rejected Qty cannot be greater than or Equal to Received Qty'
+                        );
+                        form.setFieldsValue({
+                          [`RejectedQty${record?.localId}`]:
+                            record.RejectedQty || 0,
+                        });
+                        return;
+                      }
 
-    ...(selectedAdditionalColumn.includes("IMEI") ? [
-      {
-        title: 'IMEI',
-        dataIndex: 'AdditionalInfo',
-        key: 'AdditionalInfo',
-        width: 120,
-        align: 'center',
-        render: (text, record, index) => {
-          const hasQty = record?.ReceivedQty && parseFloat(record.ReceivedQty) > 0;
-          return (
-            <>
-              {' '}
-              <IoAddCircleSharp
-                style={{
-                  cursor: hasQty ? 'pointer' : 'not-allowed',
-                  color: hasQty ? '#1890ff' : '#d9d9d9'
-                }}
-                onClick={() => {
-                  if (hasQty) {
+                      const acceptedQty = receivedQty - rejectedQty;
+                      const totalAmount =
+                        acceptedQty * (parseFloat(record.InwardPrice) || 0);
 
-                    setSelectedRowIndex(index);
-                    handleModelDataOpen(record);
+                      const newData = PurchaseData.map((item) =>
+                        item.localId === record?.localId
+                          ? {
+                              ...item,
+                              RejectedQty: parseFloat(inputValue) || 0,
+                              AcceptedQty: acceptedQty,
+                              Amount: totalAmount,
+                            }
+                          : item
+                      );
+                      setPurchaseData(newData);
+                    }}
+                    placeholder="Rejected Qty"
+                  />
+                </Form.Item>
+              ) : (
+                text
+              );
+            },
+          },
+        ]
+      : []),
 
-                  } else {
-                    setMessageType('error');
-                    setMessageData('Please Enter Qty');
-                  }
-                }}
-                className="shape-preview"
-              />
-            </>
-          );
-        },
-      }] : []),
+    ...(selectedAdditionalColumn.includes('Free Qty')
+      ? [
+          {
+            title: 'Free Qty',
+            dataIndex: 'Freeqty',
+            key: 'Freeqty',
+            editable: true,
+            render: (text, record) => {
+              return isEditing(record) ? (
+                <Form.Item
+                  name={`Freeqty${record.localId}`}
+                  rules={[
+                    {
+                      pattern: /^\d*$/,
+                      message: 'Only numbers are allowed',
+                    },
+                  ]}
+                >
+                  <Input
+                    placeholder="Free Qty"
+                    inputMode="numeric"
+                    onPressEnter={(e) => handleKeyPress(e, record)}
+                    onChange={(e) => {
+                      const value = e.target.value;
+
+                      // 🚫 block non-numeric
+                      if (!/^\d*$/.test(value)) return;
+
+                      updateRowValue(record.localId, 'Freeqty', value);
+                    }}
+                  />
+                </Form.Item>
+              ) : (
+                text
+              );
+            },
+          },
+        ]
+      : []),
+
+    ...(selectedAdditionalColumn.includes('IMEI')
+      ? [
+          {
+            title: 'IMEI',
+            dataIndex: 'AdditionalInfo',
+            key: 'AdditionalInfo',
+            width: 120,
+            align: 'center',
+            render: (text, record, index) => {
+              const hasQty =
+                record?.ReceivedQty && parseFloat(record.ReceivedQty) > 0;
+              return (
+                <>
+                  {' '}
+                  <IoAddCircleSharp
+                    style={{
+                      cursor: hasQty ? 'pointer' : 'not-allowed',
+                      color: hasQty ? '#1890ff' : '#d9d9d9',
+                    }}
+                    onClick={() => {
+                      if (hasQty) {
+                        setSelectedRowIndex(index);
+                        handleModelDataOpen(record);
+                      } else {
+                        setMessageType('error');
+                        setMessageData('Please Enter Qty');
+                      }
+                    }}
+                    className="shape-preview"
+                  />
+                </>
+              );
+            },
+          },
+        ]
+      : []),
     {
       title: 'Action',
       dataIndex: 'Action',
@@ -2629,14 +2705,11 @@ const StockForm = ({ formType }) => {
     },
   ];
 
-
   const statusFormatters = (record) => {
     const localId = record?.localId;
 
     // Remove row using localId (not index)
-    const data = PurchaseData.filter(
-      (item) => item?.localId !== localId
-    );
+    const data = PurchaseData.filter((item) => item?.localId !== localId);
 
     setDelete(true);
 
@@ -2671,17 +2744,12 @@ const StockForm = ({ formType }) => {
     });
   };
 
-
-
-
   const handleQtyChange = (e, record) => {
     const { localId } = record;
 
     const sourceData = PurchaseData;
 
-    const findIndex = sourceData.findIndex(
-      (item) => item?.localId === localId
-    );
+    const findIndex = sourceData.findIndex((item) => item?.localId === localId);
 
     if (findIndex === -1) return;
 
@@ -2727,8 +2795,6 @@ const StockForm = ({ formType }) => {
     });
   };
 
-
-
   const handlePurrateChange = (e, record) => {
     const { localId, PurcDisc, PurcDiscType } = record;
     const PurcRate = e.target.value;
@@ -2801,7 +2867,6 @@ const StockForm = ({ formType }) => {
     });
   };
 
-
   const handleSellPriceChange = (e, record) => {
     const { localId } = record;
     const value = e?.target?.value;
@@ -2872,8 +2937,6 @@ const StockForm = ({ formType }) => {
     });
   };
 
-
-
   const purchaseStatusChange = (value) => {
     setPurchaseStatus(value);
   };
@@ -3000,8 +3063,6 @@ const StockForm = ({ formType }) => {
     }, []);
   };
 
-
-
   const onFinish = async ({ PaymentType, PaymentAmount = 0, ...values }) => {
     try {
       // ===============================
@@ -3016,7 +3077,9 @@ const StockForm = ({ formType }) => {
 
       if (invalidTaxItems.length > 0) {
         setMessageType('error');
-        setMessageData('Please enter valid tax percentage (0–99%) for all items');
+        setMessageData(
+          'Please enter valid tax percentage (0–99%) for all items'
+        );
         return;
       }
 
@@ -3214,8 +3277,6 @@ const StockForm = ({ formType }) => {
     }
   };
 
-
-
   const onComplete = useCallback(() => {
     setMessageData(null);
     setMessageType(null);
@@ -3545,13 +3606,6 @@ const StockForm = ({ formType }) => {
 
   // command
 
-
-
-  ;
-
-
-
-
   const validateSellPrice = (record) => (_, value) => {
     if (!value) {
       return Promise.reject('Selling Price is required');
@@ -3623,7 +3677,6 @@ const StockForm = ({ formType }) => {
   };
 
   const handleModelDataSumbitOrClose = () => {
-
     setimeiSerialOpen(false);
     const productIdentifierDtls = dataSource
       ?.filter(
@@ -3637,40 +3690,41 @@ const StockForm = ({ formType }) => {
       }));
 
     const newData = PurchaseData.map((item, index) =>
-      index === selectedRowIndex ? { ...item, ProductIdentifierDtls: productIdentifierDtls } : item
+      index === selectedRowIndex
+        ? { ...item, ProductIdentifierDtls: productIdentifierDtls }
+        : item
     );
     setPurchaseData(newData);
   };
   const handleFieldSetupSubmit = async () => {
-
     const postData = {
-      "AppId": AppId,
-      "CompId": CompId,
-      "BranchId": BranchId,
-      "Type": "PE",
-      "FormType": "Purchase Entry",
-      "TypeId": categoryId,
-      "ConfigDtl": selectedFields?.map((field) => ({
-        "ConfigId": field,
-        "Access": 'Y',
+      AppId: AppId,
+      CompId: CompId,
+      BranchId: BranchId,
+      Type: 'PE',
+      FormType: 'Purchase Entry',
+      TypeId: categoryId,
+      ConfigDtl: selectedFields?.map((field) => ({
+        ConfigId: field,
+        Access: 'Y',
       })),
-      "CreatedBy": UserId
-    }
+      CreatedBy: UserId,
+    };
 
     const response = await dispatch(postFieldSetup(postData))?.unwrap();
 
     if (response?.data?.statusCode === 1) {
       setSelectedAdditionalColumn([...tempSelectedColumns]);
       setShowColumnModal(false);
-      setTempSelectedColumns([])
-      setMessageType("success");
+      setTempSelectedColumns([]);
+      setMessageType('success');
       setMessageData(response?.data?.response);
       await getFieldSetup();
     } else {
-      setMessageType("error");
-      setMessageData("Failed to set up fields");
+      setMessageType('error');
+      setMessageData('Failed to set up fields');
     }
-  }
+  };
   const handleModalSubmited = () => {
     setIsModalOpen(false);
   };
@@ -3778,7 +3832,7 @@ const StockForm = ({ formType }) => {
         </div>
       )}
       <div className="userPage">
-        <div className="userPageContent" style={{ paddingBottom: "1rem" }}>
+        <div className="userPageContent" style={{ paddingBottom: '1rem' }}>
           <Messages
             messageType={messageType}
             messageData={messageData}
@@ -3807,7 +3861,8 @@ const StockForm = ({ formType }) => {
                   className="pruchaseCatBTN scan-receipt-btn"
                   onClick={() => setExtractorModalVisible(true)}
                 >
-                  <FaUpload size={18} /> <p> Scan Receipt (Auto-Fill)</p>
+                  <TbUpload size={18} strokeWidth={3} />{' '}
+                  <p> Scan Receipt (Auto-Fill)</p>
                 </div>
                 <div
                   className="pruchaseCatBTN"
@@ -3833,7 +3888,7 @@ const StockForm = ({ formType }) => {
                   <div className="purchase-entry-dtls">
                     <div className="pe-inward-date">
                       <label className="required">Inward Date</label>
-                      <br />
+
                       <Form.Item
                         name={'InvoiceDate'}
                         rules={[
@@ -3927,19 +3982,19 @@ const StockForm = ({ formType }) => {
                               options={
                                 SupplierData
                                   ? SupplierData.filter(
-                                    (obj, index, self) =>
-                                      index ===
-                                      self.findIndex(
-                                        (t) => t.SuppId === obj.SuppId
-                                      ) // remove dup SuppId
-                                  ).map((option) => ({
-                                    key: `${option.SuppId}-${option.Type}`, // 👈 unique key
-                                    value: option.SuppId,
-                                    label:
-                                      option.Type === 'Branch'
-                                        ? `${option.SuppName} (${option.Type}) [${option.SuppId}]`
-                                        : `${option.SuppName} (${option.Type})`,
-                                  }))
+                                      (obj, index, self) =>
+                                        index ===
+                                        self.findIndex(
+                                          (t) => t.SuppId === obj.SuppId
+                                        ) // remove dup SuppId
+                                    ).map((option) => ({
+                                      key: `${option.SuppId}-${option.Type}`, // 👈 unique key
+                                      value: option.SuppId,
+                                      label:
+                                        option.Type === 'Branch'
+                                          ? `${option.SuppName} (${option.Type}) [${option.SuppId}]`
+                                          : `${option.SuppName} (${option.Type})`,
+                                    }))
                                   : []
                               }
                               label={<label class="required">Supplier</label>}
@@ -4098,88 +4153,88 @@ const StockForm = ({ formType }) => {
                                   item.ConfigId === SelectedPurchaseType &&
                                   item.ConfigName === 'Cash'
                               ) && (
-                                  <>
-                                    <Form.Item
-                                      name="PaymentMode"
-                                      rules={[
-                                        {
-                                          required: true,
-                                          message: 'Please Select Payment Mode',
-                                        },
-                                      ]}
-                                    >
-                                      <DropDowns
-                                        options={paymentOptions?.map((mode) => ({
-                                          value: mode.ModeId,
-                                          label: mode.ModeName,
-                                        }))}
-                                        label={
-                                          <label className="required">
-                                            Payment Mode
-                                          </label>
-                                        }
-                                        className="field-DropDown"
-                                        onChangeFunction={handlePaymentModeChange}
-                                        valueData={selectedPaymentMode}
-                                      />
-                                    </Form.Item>
-                                    <Form.Item
-                                      name="PaymentAmount"
-                                      rules={[
-                                        {
-                                          required: true,
-                                          message: 'Please enter Payment Amount',
-                                        },
-                                        {
-                                          validator: (_, value) => {
-                                            if (
-                                              value === undefined ||
-                                              value === null ||
-                                              value === ''
-                                            ) {
-                                              return Promise.resolve();
-                                            }
-                                            if (Number(value) === 0) {
-                                              return Promise.reject(
-                                                'Payment Amount cannot be 0'
-                                              );
-                                            }
-                                            if (
-                                              isNaN(value) ||
-                                              Number(value) < 0
-                                            ) {
-                                              return Promise.reject(
-                                                'Payment Amount cannot be less than 0'
-                                              );
-                                            }
+                                <>
+                                  <Form.Item
+                                    name="PaymentMode"
+                                    rules={[
+                                      {
+                                        required: true,
+                                        message: 'Please Select Payment Mode',
+                                      },
+                                    ]}
+                                  >
+                                    <DropDowns
+                                      options={paymentOptions?.map((mode) => ({
+                                        value: mode.ModeId,
+                                        label: mode.ModeName,
+                                      }))}
+                                      label={
+                                        <label className="required">
+                                          Payment Mode
+                                        </label>
+                                      }
+                                      className="field-DropDown"
+                                      onChangeFunction={handlePaymentModeChange}
+                                      valueData={selectedPaymentMode}
+                                    />
+                                  </Form.Item>
+                                  <Form.Item
+                                    name="PaymentAmount"
+                                    rules={[
+                                      {
+                                        required: true,
+                                        message: 'Please enter Payment Amount',
+                                      },
+                                      {
+                                        validator: (_, value) => {
+                                          if (
+                                            value === undefined ||
+                                            value === null ||
+                                            value === ''
+                                          ) {
                                             return Promise.resolve();
-                                          },
+                                          }
+                                          if (Number(value) === 0) {
+                                            return Promise.reject(
+                                              'Payment Amount cannot be 0'
+                                            );
+                                          }
+                                          if (
+                                            isNaN(value) ||
+                                            Number(value) < 0
+                                          ) {
+                                            return Promise.reject(
+                                              'Payment Amount cannot be less than 0'
+                                            );
+                                          }
+                                          return Promise.resolve();
                                         },
-                                      ]}
-                                    >
-                                      <InputField
-                                        autoComplete="off"
-                                        label={
-                                          <label className="required">
-                                            Payment Amount
-                                          </label>
-                                        }
-                                        inputMode="decimal"
-                                        disable={!payAmountDisable}
-                                        isOnChange={paymentAmount ? true : false}
-                                        min={0}
-                                        type="number"
-                                        value={paymentAmount}
-                                        onChange={(e) => {
-                                          formRef?.current?.setFieldsValue({
-                                            PaymentAmount: e?.target?.value,
-                                          });
-                                          setPaymentAmount(e?.target?.value);
-                                        }}
-                                      />
-                                    </Form.Item>
-                                  </>
-                                )}
+                                      },
+                                    ]}
+                                  >
+                                    <InputField
+                                      autoComplete="off"
+                                      label={
+                                        <label className="required">
+                                          Payment Amount
+                                        </label>
+                                      }
+                                      inputMode="decimal"
+                                      disable={!payAmountDisable}
+                                      isOnChange={paymentAmount ? true : false}
+                                      min={0}
+                                      type="number"
+                                      value={paymentAmount}
+                                      onChange={(e) => {
+                                        formRef?.current?.setFieldsValue({
+                                          PaymentAmount: e?.target?.value,
+                                        });
+                                        setPaymentAmount(e?.target?.value);
+                                      }}
+                                    />
+                                  </Form.Item>
+                                </>
+                              )}
                               <Form.Item name="DueDate">
                                 <label className="required">Due Date</label>
                                 <br />
@@ -4207,9 +4262,13 @@ const StockForm = ({ formType }) => {
                               className="field-DropDown"
                               value={selectedProductName}
                               filterOption={(input, option) => {
-                                const [prodId, variantName] = option.value.split('_');
+                                const [prodId, variantName] =
+                                  option.value.split('_');
                                 const product = productData.find(
-                                  (p) => p.ProdId === prodId && (p.ProdVariantName || 'Variant1') === variantName
+                                  (p) =>
+                                    p.ProdId === prodId &&
+                                    (p.ProdVariantName || 'Variant1') ===
+                                      variantName
                                 );
                                 const nameMatch = option.label
                                   ?.toLowerCase()
@@ -4222,16 +4281,18 @@ const StockForm = ({ formType }) => {
                               options={
                                 !scanner
                                   ? productData?.map((option) => ({
-
-                                    value: `${option.ProdId}_${option.ProdVariantName}`,
-                                    label: `${option.ProdName} (${option.Size} ${option.UomName})${option?.BrandName ? ` - ${option?.BrandName}` : ''} - ${option.ProdVariantName}`,
-
-                                  }))
+                                      value: `${option.ProdId}_${option.ProdVariantName}`,
+                                      label: `${option.ProdName} (${option.Size} ${option.UomName})${option?.BrandName ? ` - ${option?.BrandName}` : ''} - ${option.ProdVariantName}`,
+                                    }))
                                   : []
                               }
                               onSelect={async (value, option) => {
                                 const [prodId, variantName] = value.split('_');
-                                const product = productData.find(p => p.ProdId === prodId && (p.ProdVariantName) === variantName);
+                                const product = productData.find(
+                                  (p) =>
+                                    p.ProdId === prodId &&
+                                    p.ProdVariantName === variantName
+                                );
                                 const newProduct = await ProductDropDownChange(
                                   product?.ProdVariantName,
                                   prodId,
@@ -4274,56 +4335,64 @@ const StockForm = ({ formType }) => {
                           </Tooltip>
                         </div>
 
-
                         <Tooltip
                           title={'Supplier Product Mapping'}
                           placement={'top'}
                         >
-                          <FaLink onClick={() => setIsModalOpen(true)} size={18} />
+                          <FaLink
+                            onClick={() => setIsModalOpen(true)}
+                            size={18}
+                          />
                         </Tooltip>
-                        <Tooltip
-                          title={'Add All Products'}
-                          placement={'top'}
-                        >
+                        <Tooltip title={'Add All Products'} placement={'top'}>
                           <button
                             type="button"
-                            className='addallProductTBN'
+                            className="addallProductTBN"
                             onClick={async () => {
                               const allProducts = await Promise.all(
                                 productData.map(async (product) => {
-                                  const newProduct = await ProductDropDownChange(
-                                    product?.ProdVariantName, // Use actual variant name
-                                    product.ProdId,
-                                    { label: `${product.ProdName} (${product.Size} ${product.UomName})${product?.BrandName ? ` - ${product?.BrandName}` : ''}` },
-                                    productData
-                                  );
+                                  const newProduct =
+                                    await ProductDropDownChange(
+                                      product?.ProdVariantName, // Use actual variant name
+                                      product.ProdId,
+                                      {
+                                        label: `${product.ProdName} (${product.Size} ${product.UomName})${product?.BrandName ? ` - ${product?.BrandName}` : ''}`,
+                                      },
+                                      productData
+                                    );
                                   return newProduct;
                                 })
                               );
                               const validProducts = allProducts.filter(Boolean);
-                              setPurchaseData([...validProducts, ...PurchaseData]);
+                              setPurchaseData([
+                                ...validProducts,
+                                ...PurchaseData,
+                              ]);
 
                               // Set form field values for all added products
-                              validProducts.forEach(product => {
+                              validProducts.forEach((product) => {
                                 const localId = product?.localId;
                                 form?.setFieldsValue({
                                   [`SellPrice${localId}`]: product?.SellPrice,
-                                  [`PurchaseTax${localId}`]: product?.PurchaseTax,
+                                  [`PurchaseTax${localId}`]:
+                                    product?.PurchaseTax,
                                   [`BalanceQty${localId}`]: product?.BalanceQty,
-                                  [`ReceivedQty${localId}`]: product?.ReceivedQty,
-                                  [`AcceptedQty${localId}`]: product?.AcceptedQty,
-                                  [`RejectedQty${localId}`]: product?.RejectedQty,
-                                  [`InwardPrice${localId}`]: product?.InwardPrice,
+                                  [`ReceivedQty${localId}`]:
+                                    product?.ReceivedQty,
+                                  [`AcceptedQty${localId}`]:
+                                    product?.AcceptedQty,
+                                  [`RejectedQty${localId}`]:
+                                    product?.RejectedQty,
+                                  [`InwardPrice${localId}`]:
+                                    product?.InwardPrice,
                                   [`Amount${localId}`]: product?.Amount,
                                 });
                               });
                             }}
-
                           >
                             Add All
                           </button>
                         </Tooltip>
-
                       </Form.Item>
 
                       {isModalOpen && (
@@ -4343,19 +4412,28 @@ const StockForm = ({ formType }) => {
                         />
                       )}
 
-                      <div className='productSearchRecipt'>
-
-                        <div style={{
-                          display: 'flex', alignItems: 'center', gap: '10px', justifyContent: "flex-end"
-                          , fontFamily: "Poppins", fontWeight: "500", textDecoration: "underline", cursor: "Pointer", width: "100%"
-                        }}
+                      <div className="productSearchRecipt">
+                        <div
+                          style={{
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '10px',
+                            justifyContent: 'flex-end',
+                            fontFamily: 'Poppins',
+                            fontWeight: '500',
+                            textDecoration: 'underline',
+                            cursor: 'Pointer',
+                            width: '100%',
+                          }}
                           onClick={() => {
-                            setTempSelectedColumns([...selectedAdditionalColumn]);
+                            setTempSelectedColumns([
+                              ...selectedAdditionalColumn,
+                            ]);
                             setShowColumnModal(true);
-                          }}>
+                          }}
+                        >
                           <Tooltip title="Add Fields" placement="left">
                             <IoSettingsOutline
-
                               style={{ cursor: 'pointer', fontSize: '20px' }}
                             />
                           </Tooltip>
@@ -4372,8 +4450,6 @@ const StockForm = ({ formType }) => {
                           />
                         </div>
                       </div>
-
-
                     </div>
 
                     <div
@@ -4382,7 +4458,7 @@ const StockForm = ({ formType }) => {
                         maxwidth: '500px',
                         overflowX: 'auto',
                         scrollbarWidth: 'thin',
-                        maxHeight: "50vh"
+                        maxHeight: '50vh',
                       }}
                     >
                       {/* <Form form={form} component={false}>
@@ -4403,7 +4479,9 @@ const StockForm = ({ formType }) => {
                         <Table
                           className="purchase-receipt-table"
                           bordered
-                          dataSource={isSearching ? filteredPurchaseData : PurchaseData}
+                          dataSource={
+                            isSearching ? filteredPurchaseData : PurchaseData
+                          }
                           columns={columns}
                           rowClassName="editable-row"
                           onRow={(record) => ({
@@ -4413,18 +4491,16 @@ const StockForm = ({ formType }) => {
                           })}
                           pagination={false}
                           locale={{
-                            emptyText: isSearching ? 'No matching products found' : 'No data',
+                            emptyText: isSearching
+                              ? 'No matching products found'
+                              : 'No data',
                           }}
                         />
                       </Form>
-
                     </div>
-
                   </div>
                 </div>
               </div>
-
-
             </Form>
           </div>
           <Form
@@ -4465,7 +4541,6 @@ const StockForm = ({ formType }) => {
               color="901D77"
               icon={<ArrowRightOutlined />}
             />
-
           </Form>
         </div>
         <DefaultModal
@@ -4572,7 +4647,7 @@ const StockForm = ({ formType }) => {
                         autoComplete="off"
                         label="GST No"
                         autocapitalize="on"
-                      // isOnChange={formType == 'edit' ? true : false}
+                        // isOnChange={formType == 'edit' ? true : false}
                       />
                     </Form.Item>
 
@@ -4594,10 +4669,10 @@ const StockForm = ({ formType }) => {
                         // isOnChange={formType == 'edit' ? true : false}
                         inputMode="numeric"
                         onInput={(e) =>
-                        (e.target.value = e.target.value.replace(
-                          /[^0-9]/g,
-                          ''
-                        ))
+                          (e.target.value = e.target.value.replace(
+                            /[^0-9]/g,
+                            ''
+                          ))
                         }
                       />
                     </Form.Item>
@@ -4609,7 +4684,7 @@ const StockForm = ({ formType }) => {
                       <InputField
                         label={<label>MailId</label>}
                         autocomplete="off"
-                      // isOnChange={formType == 'edit' ? true : false}
+                        // isOnChange={formType == 'edit' ? true : false}
                       />
                     </Form.Item>
 
@@ -4636,7 +4711,7 @@ const StockForm = ({ formType }) => {
                       <InputField
                         label={<label class="">Point of Contact</label>}
                         autocomplete="off"
-                      // isOnChange={formType == 'edit' ? true : false}
+                        // isOnChange={formType == 'edit' ? true : false}
                       />
                     </Form.Item>
 
@@ -4658,7 +4733,7 @@ const StockForm = ({ formType }) => {
                         label={<label class="">POC Mobile Number</label>}
                         autocomplete="off"
                         maxLength="10"
-                      // isOnChange={formType == 'edit' ? true : false}
+                        // isOnChange={formType == 'edit' ? true : false}
                       />
                     </Form.Item>
 
@@ -4669,7 +4744,7 @@ const StockForm = ({ formType }) => {
                       <InputField
                         label={<label class="">POC MailId</label>}
                         autocomplete="off"
-                      // isOnChange={formType == 'edit' ? true : false}
+                        // isOnChange={formType == 'edit' ? true : false}
                       />
                     </Form.Item>
 
@@ -4952,18 +5027,18 @@ const StockForm = ({ formType }) => {
                     <InputField
                       autoComplete="off"
                       label={<label class="required">Sales Price</label>}
-                    // isOnChange={(editstate?.SellPrice || QrcodeExistsData?.[0]?.SellPrice)? true : false}
+                      // isOnChange={(editstate?.SellPrice || QrcodeExistsData?.[0]?.SellPrice)? true : false}
                     />
                   </Form.Item>
 
                   <Form.Item
                     name="ProdCat"
-                  // rules={[
-                  //   {
-                  //     // required: true,
-                  //     message:"Please Select Category"
-                  //   },
-                  // ]}
+                    // rules={[
+                    //   {
+                    //     // required: true,
+                    //     message:"Please Select Category"
+                    //   },
+                    // ]}
                   >
                     <DropDowns
                       options={ProdCatData?.map((option) => ({
@@ -5023,7 +5098,7 @@ const StockForm = ({ formType }) => {
                       // isOnchanges={(editstate?.Brand || SelectedBrand)?true:false}
                       onChangeFunction={handleBrandDropDownChange}
                       valueData={SelectedBrand}
-                    // disabled={editstate?.Brand ? true : false}
+                      // disabled={editstate?.Brand ? true : false}
                     />
                     <Tooltip title="Add Brand" placement="top">
                       <PlusCircleOutlined
@@ -5085,7 +5160,7 @@ const StockForm = ({ formType }) => {
                               onSelectFuntion={(e) =>
                                 openAmountPerPieceAvailable(e)
                               }
-                            // disabled={editstate?.QRCode ? true : false}
+                              // disabled={editstate?.QRCode ? true : false}
                             />
                           </div>
                           {(QrcodeAuto == 'N' || editstate?.QRCode) && (
@@ -5162,38 +5237,38 @@ const StockForm = ({ formType }) => {
                               </div>
                               {(QrcodeAutoSingle == 'N' ||
                                 editstate?.OnePcQR) && (
-                                  <div className="scannerdiv">
-                                    <img
-                                      src={barcodeimg}
-                                      style={{ height: '50px' }}
-                                    ></img>
-                                    <Form.Item
-                                      name="OnePcQR"
-                                      rules={[
-                                        {
-                                          validator: async (_, value) => {
-                                            await validateSafeInput(value); // To block HTML tags & SQL keywords
-                                            return Promise.resolve();
-                                          },
+                                <div className="scannerdiv">
+                                  <img
+                                    src={barcodeimg}
+                                    style={{ height: '50px' }}
+                                  ></img>
+                                  <Form.Item
+                                    name="OnePcQR"
+                                    rules={[
+                                      {
+                                        validator: async (_, value) => {
+                                          await validateSafeInput(value); // To block HTML tags & SQL keywords
+                                          return Promise.resolve();
                                         },
-                                      ]}
-                                    >
-                                      <ScannerInputField
-                                        autoComplete="off"
-                                        label="Scanner / AddOnePcQrcode"
-                                        onKeyPress={handleKeyPressSingle}
-                                        valueData={QrcodeSingleFinalVal}
-                                        isOnChange={
-                                          QrcodeSingleFinalVal ? true : false
-                                        }
-                                        onChange={handleInputSingle}
+                                      },
+                                    ]}
+                                  >
+                                    <ScannerInputField
+                                      autoComplete="off"
+                                      label="Scanner / AddOnePcQrcode"
+                                      onKeyPress={handleKeyPressSingle}
+                                      valueData={QrcodeSingleFinalVal}
+                                      isOnChange={
+                                        QrcodeSingleFinalVal ? true : false
+                                      }
+                                      onChange={handleInputSingle}
                                       // disabled={editstate?.OnePcQR ? true : false}
-                                      />
-                                      {QrcodeSingleExistsVal &&
-                                        QrcodeSingleExistsVal}
-                                    </Form.Item>
-                                  </div>
-                                )}
+                                    />
+                                    {QrcodeSingleExistsVal &&
+                                      QrcodeSingleExistsVal}
+                                  </Form.Item>
+                                </div>
+                              )}
                             </>
                           )}
 
@@ -5218,7 +5293,7 @@ const StockForm = ({ formType }) => {
                                 <InputField
                                   autoComplete="off"
                                   label="Number of Piece inside"
-                                // isOnChange={editstate?.NoOfPcs ? true : false}
+                                  // isOnChange={editstate?.NoOfPcs ? true : false}
                                 />
                               </Form.Item>
                             )}
@@ -5681,7 +5756,7 @@ const StockForm = ({ formType }) => {
             width={600}
             buttonText="Submit"
             children={
-              <div className='imeiSNTable'>
+              <div className="imeiSNTable">
                 <Table
                   components={components}
                   rowClassName={() => 'editable-row'}
@@ -5705,30 +5780,36 @@ const StockForm = ({ formType }) => {
             handleSubmit={handleFieldSetupSubmit}
             handleCancel={() => {
               setShowColumnModal(false);
-              setSelectedFields([...selectedAdditionalColumn.map(col =>
-                tableFieldPreferences?.find(pref => pref.label === col)?.value
-              ).filter(Boolean)]);
+              setSelectedFields([
+                ...selectedAdditionalColumn
+                  .map(
+                    (col) =>
+                      tableFieldPreferences?.find((pref) => pref.label === col)
+                        ?.value
+                  )
+                  .filter(Boolean),
+              ]);
               setTempSelectedColumns([...selectedAdditionalColumn]);
             }}
           >
             <div style={{ padding: '20px' }}>
               {tableFieldPreferences?.map((option) => (
-                <div key={option.value} className='Customized_QuickAdd'>
+                <div key={option.value} className="Customized_QuickAdd">
                   <label>
                     <input
                       type="checkbox"
                       checked={selectedFields?.includes(option.value)}
                       onChange={(e) => {
                         const isChecked = e.target.checked;
-                        setSelectedFields(prev =>
+                        setSelectedFields((prev) =>
                           isChecked
                             ? [...prev, option.value]
-                            : prev.filter(item => item !== option.value)
+                            : prev.filter((item) => item !== option.value)
                         );
-                        setTempSelectedColumns(prev =>
+                        setTempSelectedColumns((prev) =>
                           isChecked
                             ? [...prev, option.label]
-                            : prev.filter(item => item !== option.label)
+                            : prev.filter((item) => item !== option.label)
                         );
                       }}
                       style={{ marginRight: '8px' }}
diff --git a/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingEditQuantity/BSBillingEditQuantity.scss b/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingEditQuantity/BSBillingEditQuantity.scss
index 6d5bd00..d5a9582 100644
--- a/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingEditQuantity/BSBillingEditQuantity.scss
+++ b/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingEditQuantity/BSBillingEditQuantity.scss
@@ -42,22 +42,30 @@
   justify-content: center;
   border-radius: 10px;
 }
-.grid-container {
+.gridEQcontainer {
   display: grid;
   grid-template-columns: auto auto auto;
-  padding: 5px;
+  padding: 12px;
+  border-radius: 6px;
   background: #e1eef1;
   margin: 5px;
 }
-.grid-item {
+.gridEQitem {
   background-color: rgba(255, 255, 255, 0.8);
   // border: 1px solid rgba(0, 0, 0, 0.8);
   padding: 5px;
   font-size: 30px;
   text-align: center;
-  border-radius: 25px;
-  margin: 6px;
-  // margin-left: 10px;
+  border-radius: 30px;
+  margin: 5px;
+  height: 60px;
+  width: 90%;
+  cursor: pointer;
+  font-family: "Poppins";
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 400;
 }
 .grid-item-add {
   background-color: var(--SELECTED_COLOR);
@@ -90,14 +98,27 @@
   flex-direction: row;
   align-items: center;
   column-gap: 0.5rem;
-  font-family: 'Poppins';
+  font-family: "Poppins", sans-serif;
 }
 .EditQuantity-Quantitybox {
   width: 5rem;
   height: 2rem;
   border: none;
   background-color: #eff3f3;
+  border: 1px solid #e4e4e4;
   padding-left: 5px;
+  border-radius: 4px;
+  font-family: "Poppins", sans-serif;
+  font-size: 15px;
+  font-weight: 400;
+  letter-spacing: 0.3px;
+  outline: none !important;
+  &:focus {
+    border-color: #a6daff;
+  }
+  &:active {
+    border-color: #a6daff;
+  }
 }
 .EditQuantity-Pricebox {
   width: 5rem;
@@ -110,6 +131,14 @@
   height: 2rem;
   width: 2rem;
   border: none;
+  border: 1px solid #ffdfdf;
+  border-radius: 4px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #ffeded;
+  color: #c21919;
 }
 .EditQuantity-PriceChange {
   display: flex;
diff --git a/src/Styles/BookingScreen/Components/BSBillingTables/BSPacking/BSPacking.scss b/src/Styles/BookingScreen/Components/BSBillingTables/BSPacking/BSPacking.scss
index c55eef7..6df86b0 100644
--- a/src/Styles/BookingScreen/Components/BSBillingTables/BSPacking/BSPacking.scss
+++ b/src/Styles/BookingScreen/Components/BSBillingTables/BSPacking/BSPacking.scss
@@ -41,10 +41,10 @@ $white: #ffffff;
 .packing-container {
     max-width: 50rem;
     //   margin: 0 auto;
-    padding: 1.5rem;
-    @include gradient-bg(#eff6ff, #e0e7ff);
+    margin: 1rem 0;
+    padding: 1rem;
+    @include gradient-bg(#e6f1ff, #dfe7ff);
     border-radius: 1rem;
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 
     // Header section
     .header {
@@ -119,15 +119,15 @@ $white: #ffffff;
     .rows-header {
         display: grid;
         // grid-template-columns: 120px 120px 120px 120px 100px; // Type, Qty, Count, Total, Action
-        grid-template-columns: 1fr  1fr 1fr 1fr 1fr  1fr ; 
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
         background: $gray-100;
-        padding: 0.75rem 1rem;
+        padding: 0.5rem 0.5rem;
         font-weight: 600;
         font-size: 0.875rem;
         color: $gray-700;
         border-radius: 0.5rem;
         border: 1px solid $gray-200;
-        margin-bottom: 0.50rem;
+        margin-bottom: 0.5rem;
 
         .header-cell {
             text-align: center;
@@ -279,9 +279,8 @@ $white: #ffffff;
                 gap: 0.5rem;
 
                 .action-button {
-                    
-                    width: 2.0rem;
-                    height: 2.0rem;
+                    width: 2rem;
+                    height: 2rem;
                     border-radius: 50%;
                     border: none;
                     color: $white;
@@ -311,7 +310,7 @@ $white: #ffffff;
                 min-width: 2rem;
 
                 .total-display {
-                    padding: 0.25rem 0.70rem;
+                    padding: 0.25rem 0.7rem;
                     background: $gray-50;
                     // border: 1px solid $gray-200;
                     // border-radius: 0.5rem;
@@ -338,8 +337,7 @@ $white: #ffffff;
         background: $white;
         border-radius: 0.75rem;
         padding: 1.5rem;
-        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-        border: 2px solid $gray-100;
+        border: 2px solid #d6e1ff;
 
         .summary-content {
             display: flex;
diff --git a/src/Styles/PurchaseReturn/purchasereturn.scss b/src/Styles/PurchaseReturn/purchasereturn.scss
index 269a723..7a80b25 100644
--- a/src/Styles/PurchaseReturn/purchasereturn.scss
+++ b/src/Styles/PurchaseReturn/purchasereturn.scss
@@ -338,7 +338,7 @@
   display: flex;
   align-items: center;
   gap: 7px;
-  padding: 10px 16px;
+  padding: 8px 16px;
   background-color: #0bad77;
   border-radius: 7px;
   color: white;
@@ -346,7 +346,7 @@
   font-family: 'Poppins';
   font-weight: 400;
   white-space: nowrap;
-  font-size: 14px;
+  font-size: 13.5px;
   transition: all 0.2s;
   &:hover {
     background-color: #069666;
@@ -356,15 +356,15 @@
   display: flex;
   align-items: center;
   gap: 7px;
-  padding: 10px 16px;
-  background-color: #0ea5e9;
+  padding: 8px 16px;
+  background-color: #1292ee;
   border-radius: 7px;
   color: white;
   cursor: pointer;
-  font-family: 'Poppins';
+  font-family: "Poppins";
   font-weight: 400;
   white-space: nowrap;
-  font-size: 14px;
+  font-size: 13.5px;
   transition: all 0.2s;
   &:hover {
     background-color: #0985be;