import React from "react";
import { useDispatch, useSelector } from "react-redux";

import {
    GlobalPritdummyData,
    changeReprintDataFound,
    GlobalprinttermsAndConditions,
    GlobalSelectedPrintHeaderColor,
    GlobalSelectedPrintHeaderFontColor,
    GlobalSelectedTableHeaderColor,
    GlobalSelectedTableHeaderFontColor,
    GlobalSelectedTableBodyColor,
    GlobalSelectedTableBodyFontColor,
    GlobalRowType,
    GlobalSelectedFooterColor,
    GlobalSelectedFooterFontColor,
    GlobalSelectedNetAmountColor,
    GlobalSelectedNetAmountFontColor,
} from "../../../Features/ThemeChange/ThemeChange";
import "../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.scss";
import { extractLastNumber } from "../../../Services/Others";
import { isMobile } from "react-device-detect";



const PurPrintstyle6 = ({
    index,
    ExtraChargeTotal,
    Date1,
    totalQuantityFilter,
    CashierName,
    totalQuantity,
    OrderDetailGST,
    OrderDetailIGST,
    OrderDetailVAT,
    table2Data,
    PaymentStatus,
    PrintGreeting,
    printDatas
}) => {


    const dispatch = useDispatch();

    const FieldDetails = printDatas?.FieldDetails?.reduce((acc, item) => {
        acc[item.ConfigName] = true;
        return acc;
    }, {});

    const SLNO = FieldDetails?.["Sl.No"];
    const Item = FieldDetails?.["Item"];
    const MRP = FieldDetails?.["MRP"];
    const Discount = FieldDetails?.["Discount"];
    const Quantity = FieldDetails?.["Quantity"];
    const Rate = FieldDetails?.["Rate"];
    const Amount = FieldDetails?.["Amount"];
    const HsnCode = FieldDetails?.["HsnCode"];
    const GlobaldummyData = useSelector(GlobalPritdummyData);
    const GlobaltermsAndConditions = useSelector(GlobalprinttermsAndConditions);
    const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
    const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor);
    const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
    const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor);
    const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
    const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor);
    const SelectedRowType = useSelector(GlobalRowType);
    const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
    const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor);
    const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor);
    const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor);



    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 printColors = printDatas?.PrintColors;
    const headerColor = printColors?.find(obj => obj.headerColor)?.headerColor;
    const tableHeaderColor = printColors?.find(obj => obj.tableHeaderColor)?.tableHeaderColor;
    const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor;
    const footerColor = printColors?.find(obj => obj.footerColor)?.footerColor;
    const netAmtColor = printColors?.find(obj => obj.netAmtColor)?.netAmtColor;


    const keysLength = Object.keys(table2Data ?? {}).length;
    if (keysLength > 0) {
        dispatch(changeReprintDataFound(true));
    }


    const TakeawayData = table2Data?.[0]?.ProductDetails
    console.log(TakeawayData, "TakeawayData", table2Data)





    let TotalOfferAmount = 0;

    // Calculate SalesWiseOffers total amount


    const chunkSize = PageSize == "A5" ? 8 : 16;
    let dataSource = table2Data?.[0]?.ProductDetails;



    // 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);
    const headerStyle = {
        backgroundColor: GlobaldummyData
            ? SelectedHeaderColor
            : headerColor?.background,

        color: GlobaldummyData
            ? SelectedHeaderFontColor
            : headerColor?.font,
    }
    const tableHeaderStyle = {
        backgroundColor: GlobaldummyData
            ? SelectedTableHeaderColor
            : tableHeaderColor?.background,

        color: GlobaldummyData
            ? SelectedTableHeaderFontColor
            : tableHeaderColor?.font,
    }
    const tableBodyStyle = {
        backgroundColor: GlobaldummyData
            ? SelectedTableBodyColor
            : tableBodyColor?.background,
        color: GlobaldummyData
            ? SelectedTableBodyFontColor
            : tableBodyColor?.font,
    }
    const rowtypeStyle = GlobaldummyData ? SelectedRowType : tableBodyColor?.rowType;
    const footerColorStyle = {
        backgroundColor: GlobaldummyData
            ? SelectedTableFooterColor
            : footerColor?.background,

        color: GlobaldummyData
            ? SelectedTableFooterFontColor
            : footerColor?.font,
    }
    const netAmountStyle = {
        backgroundColor: GlobaldummyData
            ? SelectedNetAmountColor
            : netAmtColor?.background,

        color: GlobaldummyData
            ? SelectedNetAmountFontColor
            : netAmtColor?.font,
    }
    return (
        <>
            {FormatTheme ?
                <div id={`SQPrintStyle6`} className="PrintStyle6MasterDiv" style={{ fontFamily: "'Courier New', Courier, monospace", position: "relative", width: "100%", minHeight: isMobile ? (PageSize === "A5" ? "210mm" : "297mm") : "auto" }}>
                    {paginatedChunks.map((dataChunk, chunkIndex) => (
                        <div className={`container print-chunk${chunkIndex > 0 ? ' print-page-break' : ''}`} style={{ display: "flex", flexDirection: "column", justifyContent: ((chunkIndex === paginatedChunks.length - 1) && (!shouldFooterBeOnNewPage)) && FormatTheme ? "space-between" : "", height: FormatTheme ? PageSize == "A5" ? '170mm' : "257mm" : "", }} key={chunkIndex}>
                            {/* <div className="header" style={{ position: "fixed", top: 0, width: "100%" }}> */}
                            <div className="header" style={{ position: isMobile ? GlobaldummyData ? "absolute" : "fixed" : "", top: 0, width: "100%" }}>
                                <div className="PrintStyle6-firstDiv"  style={{...headerStyle}}>
                                    <div className="P6HdBrnchName" style={{ fontSize: 'clamp(1.2rem, 2.5vw, 1.8rem)', fontWeight: '600' }}>
                                        {GlobaldummyData ? "XYZ Shop" : table2Data?.[0]?.BrName}
                                    </div>

                                    <div style={{ fontSize: "clamp(0.75rem, 2.5vw, 1rem)", }}>{
                                        (table2Data?.[0]?.AddressDetails?.[0]?.Address1 || '') + (table2Data?.[0]?.AddressDetails?.[0]?.City ? (table2Data?.[0]?.AddressDetails?.[0]?.Address1 && table2Data?.[0]?.AddressDetails?.[0]?.City ? '-' : '') + table2Data?.[0]?.AddressDetails?.[0]?.City : '') + (table2Data?.[0]?.AddressDetails?.[0]?.Zip ? (table2Data?.[0]?.AddressDetails?.[0]?.City && table2Data?.[0]?.AddressDetails?.[0]?.Zip ? '-' : '') + table2Data?.[0]?.AddressDetails?.[0]?.Zip : '')}
                                    </div>

                                    <div style={{ fontSize: "clamp(0.65rem, 2.5vw, 1rem)", }}>
                                        Mobile : {table2Data?.[0]?.BrMobile}
                                    </div>


                                    {<div style={{ textTransform: 'uppercase', fontSize: "clamp(0.75rem, 2.5vw, 1rem)", fontWeight: '600' }}>{BillName} </div>}
                                </div>

                                <div
                                    style={{
                                        display: "flex", fontSize: "clamp(0.85rem, 2.5vw, 1rem)", fontWeight: '600'
                                    }}
                                    className="PrintA4Style6-print-BillNO"
                                >
                                    Bill No :{" "}
                                    {table2Data?.[0]?.QuotationNo && extractLastNumber(table2Data?.[0]?.QuotationNo)}
                                </div>

                                <div style={{ fontSize: "12px" }}>{Date1}</div>
                                <hr className="PrintStyle6-HrLine" />
                            </div>

                            <div style={{ marginTop: "0rem" }} className="print-body">
                                {(TakeawayData?.length > 0) &&
                                    <>
                                        <div className="PrintStyle6-print-tableMaster">
                                            <table className="PrintStyle6-print-table">
                                                <thead>
                                                    <tr>
                                                        {SLNO && <th style={{ width: "10px", ...tableHeaderStyle }}>S.No</th>}
                                                        {(
                                                            <th style={{ width: "10px", ...tableHeaderStyle }}>
                                                                {Item && "ITEM /DES/"}{" "}
                                                                {Quantity && "QTY"}
                                                            </th>
                                                        )}
                                                        {HsnCode && (
                                                            <th style={{ width: "10px", textAlign: "right", ...tableHeaderStyle }}>HSN</th>
                                                        )}
                                                        {MRP && (
                                                            <th style={{ width: "10px", textAlign: "right", ...tableHeaderStyle }}>MRP</th>
                                                        )}
                                                        {Discount && (
                                                            <th style={{ width: "10px", textAlign: "right", ...tableHeaderStyle }}>
                                                                Dis{" "}
                                                            </th>
                                                        )}
                                                        {Rate && (
                                                            <th style={{ width: "10px", textAlign: "right", ...tableHeaderStyle }}>
                                                                Rate
                                                            </th>
                                                        )}
                                                        {Amount && (
                                                            <th style={{ width: "10px", textAlign: "right", ...tableHeaderStyle }}>
                                                                Amt
                                                            </th>
                                                        )}
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    {dataChunk?.map(
                                                        (item, index) => {
                                                            return (
                                                                <tr key={index} style={
                                                                    index % 2 !== 1 && rowtypeStyle === "even"
                                                                        ? {
                                                                            ...tableBodyStyle
                                                                        }
                                                                        : index % 2 === 1 && rowtypeStyle === "odd"
                                                                            ? {
                                                                                ...tableBodyStyle
                                                                            }
                                                                            : {}
                                                                }>
                                                                    {SLNO && <td>{chunkIndex * chunkSize + index + 1}</td>}
                                                                    {(
                                                                        <td
                                                                            className="Re-print-body-Rate"
                                                                            style={{ textAlign: "left", }}
                                                                        >
                                                                            {(Item &&
                                                                                item?.ProdName +
                                                                                `(${item?.Size ? item?.Size : "1"}${item?.SinglePc == 'Y' ? 'PCS' : item?.Type != "C" ? item?.UomName : "COMBO"})`) +
                                                                                "-" +
                                                                                (Quantity && item?.Price)}
                                                                        </td>
                                                                    )}
                                                                    {HsnCode && (
                                                                        <td
                                                                            style={{ textAlign: "right", }}
                                                                        >
                                                                            {item?.HSN}
                                                                        </td>
                                                                    )}
                                                                    {MRP && (
                                                                        <td
                                                                            style={{ textAlign: "right", }}
                                                                        >
                                                                            {item?.SinglePc === 'Y' ? item?.Price : item?.MRP}
                                                                        </td>
                                                                    )}
                                                                    {Discount && (
                                                                        <td
                                                                            style={{ textAlign: "right", }}
                                                                        >
                                                                            {item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}

                                                                        </td>
                                                                    )}
                                                                    {Rate && (
                                                                        <td
                                                                            style={{ textAlign: "right", }}
                                                                        >
                                                                            {item?.Price}
                                                                        </td>
                                                                    )}
                                                                    {Amount && (
                                                                        <td
                                                                            className="Re-print-body-Rate"
                                                                            style={{
                                                                                textAlign: "right",
                                                                                // paddingRight: "20px",
                                                                            }}
                                                                        >
                                                                            {item?.NetAmt?.toFixed(2)}

                                                                        </td>
                                                                    )}
                                                                </tr>
                                                            );
                                                        }
                                                    )}
                                                </tbody>
                                            </table>
                                        </div>
                                    </>
                                }

                            </div>

                            {((chunkIndex === paginatedChunks.length - 1) && (!shouldFooterBeOnNewPage)) && FormatTheme &&
                                <>

                                    <hr className="PrintStyle6-HrLine" />

                                    <div className="align-style6" style={{ display: "flex", alignItems: "center", justifyContent: "space-evenly", margin: "0rem 1.5rem", fontSize: "clamp(0.65rem, 2.5vw, 1rem)", fontWeight: '600' }}>
                                        <div>
                                            <div>Items :{GlobaldummyData ? "8" : totalQuantityFilter?.length} </div>
                                        </div>
                                        <div>
                                            <div>Qty : {GlobaldummyData ? "9" : totalQuantity}</div>
                                        </div>
                                        {(table2Data?.OverallDisc > 0 || TotalOfferAmount > 0) &&
                                            <div>
                                                <div>Off : {GlobaldummyData ? "10" : Number(TotalOfferAmount + table2Data?.OverallDisc).toFixed(2)}</div>
                                            </div>
                                        }
                                    </div>

                                    <div>
                                        {((OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) ||
                                            (OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) ||
                                            (OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0)) &&
                                            <>
                                                <div>
                                                    <p style={{ margin: 0, padding: 0, textAlign: "center" }}>
                                                        --------- GST Breakup Details -----------</p>
                                                    {(OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) &&
                                                        <table style={{ width: "90%" }}>

                                                            <tr>
                                                                <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                    Taxable Amount
                                                                </td>
                                                                <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                    CGST ({(OrderDetailGST?.[0]?.TaxPercentage) / 2}%)
                                                                </td>
                                                                <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                    SGST ({(OrderDetailGST?.[0]?.TaxPercentage) / 2}%)
                                                                </td>
                                                                <td style={{ fontSize: "15px", textAlign: "center" }}>

                                                                    Total Amount
                                                                </td>
                                                            </tr>
                                                            {OrderDetailGST?.map((item) =>
                                                                <tr>
                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                        {Number(item.WithoutTaxRate).toFixed(2)}
                                                                    </td>
                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                        {Number(item.CGST).toFixed(2)}
                                                                    </td>
                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                        {Number(item.SGST).toFixed(2)}
                                                                    </td>
                                                                    <td style={{ fontSize: "15px", 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: "15px", textAlign: "center" }}>
                                                                        Taxable Amount
                                                                    </td>
                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                        IGST ({OrderDetailIGST?.[0]?.TaxPercentage}%)
                                                                    </td>

                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>

                                                                        Total Amount
                                                                    </td>
                                                                </tr>
                                                                {OrderDetailIGST?.map((item) =>
                                                                    <tr>
                                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                            {Number(item.WithoutTaxRate).toFixed(2)}
                                                                        </td>
                                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                            {Number(item.TaxAmt).toFixed(2)}
                                                                        </td>

                                                                        <td style={{ fontSize: "15px", 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: "15px", textAlign: "center" }}>
                                                                        Taxable Amount
                                                                    </td>
                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                        VAT ({OrderDetailVAT?.[0]?.TaxPercentage}%)
                                                                    </td>

                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>

                                                                        Total Amount
                                                                    </td>
                                                                </tr>
                                                                {OrderDetailVAT?.map((item) =>
                                                                    <tr>
                                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                            {Number(item.WithoutTaxRate).toFixed(2)}
                                                                        </td>
                                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                            {Number(item.TaxAmt).toFixed(2)}
                                                                        </td>

                                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
                                                                    </tr>
                                                                )
                                                                }
                                                            </table>
                                                        </>
                                                    }

                                                </div>
                                                <hr className="PrintStyle6-HrLine" />

                                            </>
                                        }
                                    </div>


                                    <div className="PrintStyle6-secondDiv" style={{...netAmountStyle}}>
                                        <div style={{ textAlign: "left", fontSize: "clamp(1rem, 2.5vw, 1.2rem)", fontWeight: '600' }}>
                                            Amount
                                        </div>

                                        <div
                                            style={{
                                                textAlign: "right",
                                                fontSize: "clamp(1rem, 2.5vw, 1.2rem)",
                                                fontWeight: '600',
                                                marginRight: "10px",
                                            }}
                                        >
                                            {Number(table2Data?.[0]?.NetAmount).toFixed(2)}
                                        </div>
                                    </div>
                                    {PaymentStatus?.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>
                                            ))}
                                        </>
                                    }

                                    <hr className="PrintStyle6-HrLine" />

                                    <div className="PrintStyle6-ThirdDiv">

                                        <div className="PrintStyle6-ThirdSubDiv2">
                                            <div style={{ textAlign: "left" }}>

                                                {/* <div style={{ fontWeight: 'bolder', fontSize: '12px' }}>Card No</div> */}


                                                {table2Data?.CustSuppName && table2Data?.CustSuppName !== undefined && table2Data?.CustSuppName !== null && !GlobaldummyData &&
                                                    <div style={{ fontSize: "clamp(0.65rem, 2.5vw, 1rem)", fontWeight: '600' }}>Customer :
                                                    </div>
                                                }


                                            </div>
                                            <div style={{ textAlign: "right" }}>




                                                {table2Data?.CustSuppName && table2Data?.CustSuppName !== undefined && table2Data?.CustSuppName !== null && !GlobaldummyData &&
                                                    <div style={{ fontSize: "clamp(0.65rem, 2.5vw, 1rem)", fontWeight: '400' }}>{table2Data?.CustSuppName}
                                                    </div>
                                                }


                                                {/* <div style={{ fontSize: '12px' }}>******1234</div> */}

                                            </div>
                                        </div>
                                    </div>
                                    <hr className="PrintStyle6-HrLine" />

                                    <div className="page-footerA4Style11"
                                        style={{
                                            marginTop: "auto",
                                            pageBreakBefore: "avoid",
                                            pageBreakInside: "avoid",
                                            minHeight: "auto",
                                            ...footerColorStyle
                                        }}
                                    >
                                        {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 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="PrintStyle6-thankyou" style={{ fontSize: "clamp(0.85rem, 2.5vw, 1rem)", fontWeight: '600' }}>Thank You Visit Again</div>
                                        </>
                                    }
                                </>
                            }

                        </div>
                    ))}
                    {shouldFooterBeOnNewPage && FormatTheme &&
                        <div
                            className="print-page"
                            style={{
                                display: "flex",
                                flexDirection: "column",
                                minHeight: PageSize == "A5" ? "200mm" : "297mm",
                                justifyContent: "flex-end",
                                pageBreakBefore: "always",
                            }}
                        >
                            <div className="page-footerA4Style11"
                                style={{
                                    marginTop: "auto",
                                    pageBreakBefore: "avoid",
                                    pageBreakInside: "avoid",
                                    minHeight: "auto",
                                }}
                            >
                                <>

                                    <hr className="PrintStyle6-HrLine" />

                                    <div className="align-style6" style={{ ...netAmountStyle, display: "flex", alignItems: "center", justifyContent: "space-evenly", margin: "0rem 1.5rem", fontSize: "clamp(0.65rem, 2.5vw, 1rem)", fontWeight: '600' }}>
                                        <div>
                                            <div>Items :{GlobaldummyData ? "8" : totalQuantityFilter?.length} </div>
                                        </div>
                                        <div>
                                            <div>Qty : {GlobaldummyData ? "9" : totalQuantity}</div>
                                        </div>
                                        {(table2Data?.OverallDisc > 0 || TotalOfferAmount > 0) &&
                                            <div>
                                                <div>Off : {GlobaldummyData ? "10" : Number(TotalOfferAmount + table2Data?.OverallDisc).toFixed(2)}</div>
                                            </div>
                                        }
                                    </div>

                                    <div>
                                        {((OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) ||
                                            (OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) ||
                                            (OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0)) &&
                                            <>
                                                <hr className="PrintStyle6-HrLine" />

                                                <div>
                                                    <p style={{ margin: 0, padding: 0, textAlign: "center" }}>
                                                        --------- GST Breakup Details -----------</p>
                                                    {(OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) &&
                                                        <table style={{ width: "90%" }}>

                                                            <tr>
                                                                <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                    Taxable Amount
                                                                </td>
                                                                <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                    CGST ({(OrderDetailGST?.[0]?.TaxPercentage) / 2}%)
                                                                </td>
                                                                <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                    SGST ({(OrderDetailGST?.[0]?.TaxPercentage) / 2}%)
                                                                </td>
                                                                <td style={{ fontSize: "15px", textAlign: "center" }}>

                                                                    Total Amount
                                                                </td>
                                                            </tr>
                                                            {OrderDetailGST?.map((item) =>
                                                                <tr>
                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                        {Number(item.WithoutTaxRate).toFixed(2)}
                                                                    </td>
                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                        {Number(item.CGST).toFixed(2)}
                                                                    </td>
                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                        {Number(item.SGST).toFixed(2)}
                                                                    </td>
                                                                    <td style={{ fontSize: "15px", 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: "15px", textAlign: "center" }}>
                                                                        Taxable Amount
                                                                    </td>
                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                        IGST ({OrderDetailIGST?.[0]?.TaxPercentage}%)
                                                                    </td>

                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>

                                                                        Total Amount
                                                                    </td>
                                                                </tr>
                                                                {OrderDetailIGST?.map((item) =>
                                                                    <tr>
                                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                            {Number(item.WithoutTaxRate).toFixed(2)}
                                                                        </td>
                                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                            {Number(item.TaxAmt).toFixed(2)}
                                                                        </td>

                                                                        <td style={{ fontSize: "15px", 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: "15px", textAlign: "center" }}>
                                                                        Taxable Amount
                                                                    </td>
                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                        VAT ({OrderDetailVAT?.[0]?.TaxPercentage}%)
                                                                    </td>

                                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>

                                                                        Total Amount
                                                                    </td>
                                                                </tr>
                                                                {OrderDetailVAT?.map((item) =>
                                                                    <tr>
                                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                            {Number(item.WithoutTaxRate).toFixed(2)}
                                                                        </td>
                                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                                            {Number(item.TaxAmt).toFixed(2)}
                                                                        </td>

                                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
                                                                    </tr>
                                                                )
                                                                }
                                                            </table>
                                                        </>
                                                    }

                                                </div>
                                                <hr className="PrintStyle6-HrLine" />

                                            </>
                                        }
                                    </div>



                                    <div className="PrintStyle6-secondDiv"style={{...netAmountStyle}}>
                                        <div style={{ textAlign: "left", fontSize: "clamp(1rem, 2.5vw, 1.2rem)", fontWeight: '600'}}>
                                            Amount
                                        </div>

                                        <div
                                            style={{
                                                textAlign: "right",
                                                fontSize: "clamp(1rem, 2.5vw, 1.2rem)",
                                                fontWeight: '600',
                                                marginRight: "10px",
                                            }}
                                        >
                                            {Number(table2Data?.[0]?.NetAmount).toFixed(2)}
                                        </div>
                                    </div>




                                    <div className="PrintStyle6-ThirdDiv">

                                        <div className="PrintStyle6-ThirdSubDiv2">
                                            <div style={{ textAlign: "left" }}>

                                                {table2Data?.CustSuppName && table2Data?.CustSuppName !== undefined && table2Data?.CustSuppName !== null && !GlobaldummyData &&
                                                    <div style={{ fontSize: "clamp(0.65rem, 2.5vw, 1rem)", fontWeight: '600' }}>Customer :
                                                    </div>
                                                }


                                            </div>
                                            <div style={{ textAlign: "right" }}>




                                                {table2Data?.CustSuppName && table2Data?.CustSuppName !== undefined && table2Data?.CustSuppName !== null && !GlobaldummyData &&
                                                    <div style={{ fontSize: "clamp(0.65rem, 2.5vw, 1rem)", fontWeight: '400' }}>{table2Data?.CustSuppName}
                                                    </div>
                                                }


                                                {/* <div style={{ fontSize: '12px' }}>******1234</div> */}

                                            </div>
                                        </div>
                                    </div>
                                    <hr className="PrintStyle6-HrLine" />

                                    <div className="page-footerA4Style11"
                                        style={{
                                            marginTop: "auto",
                                            pageBreakBefore: "avoid",
                                            pageBreakInside: "avoid",
                                            minHeight: "auto",
                                            ...footerColorStyle
                                        }}
                                    >
                                        {
                                            Notestext && (<div>
                                                <p style={{ padding: "0rem 1rem" }}>{Notestext}</p>

                                                <hr className="PrintA4Style11-print-dottline" />
                                            </div>)
                                        }


                                        <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
                                            {
                                                (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>)
                                            }

                                            {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>



                                </>
                            </div>
                        </div>
                    }

                </div>
                :
                <div id={`SQPrintStyle6`} className="PrintStyle6MasterDiv" style={{ fontFamily: "'Courier New', Courier, monospace" }}>
                    <div className="PrintStyle6-firstDiv"  style={{...headerStyle}}>
                        <div className="P6HdBrnchName" style={{ fontSize: 'clamp(1.2rem, 2.5vw, 1.8rem)', fontWeight: '600' }}>
                            {table2Data?.[0]?.BrName}
                        </div>

                        <div style={{ fontSize: "clamp(0.75rem, 2.5vw, 1rem)", }}>{GlobaldummyData ?
                            'BranchAddress, Town- 635XXX City - State' :
                            (table2Data?.[0]?.AddressDetails?.[0]?.Address1 || '') + (table2Data?.[0]?.AddressDetails?.[0]?.City ? (table2Data?.[0]?.AddressDetails?.[0]?.Address1 && table2Data?.[0]?.AddressDetails?.[0]?.City ? '-' : '') + table2Data?.[0]?.AddressDetails?.[0]?.City : '') + (table2Data?.[0]?.AddressDetails?.[0]?.Zip ? (table2Data?.[0]?.AddressDetails?.[0]?.City && table2Data?.[0]?.AddressDetails?.[0]?.Zip ? '-' : '') + table2Data?.[0]?.AddressDetails?.[0]?.Zip : '')}
                        </div>

                        <div style={{ fontSize: "clamp(0.65rem, 2.5vw, 1rem)", }}>
                            Mobile : {table2Data?.[0]?.BrMobile}
                        </div>
                        {<div style={{ textTransform: 'uppercase', fontSize: "clamp(0.75rem, 2.5vw, 1rem)", fontWeight: '600' }}>{BillName}</div>}
                    </div>

                    <div
                        style={{
                            display: "flex", fontSize: "clamp(0.85rem, 2.5vw, 1rem)", fontWeight: '600'
                        }}
                        className="PrintA4Style6-print-BillNO"
                    >
                        Bill No :{" "}
                        {table2Data?.[0]?.QuotationNo && extractLastNumber(table2Data?.[0]?.QuotationNo)}
                    </div>

                    <div style={{ fontSize: "12px" }}>{Date1}</div>
                    <hr className="PrintStyle6-HrLine" />
                    {(TakeawayData?.length > 0 || GlobaldummyData) &&
                        <>
                            <div className="PrintStyle6-print-tableMaster">
                                <table className="PrintStyle6-print-table">
                                    <thead>
                                        <tr>
                                            {SLNO && <th style={{ width: "10px", ...tableHeaderStyle }}>S.No</th>}
                                            {(
                                                <th style={{ width: "10px", ...tableHeaderStyle }}>
                                                    {Item && "ITEM /DES/"}{" "}
                                                    {Quantity && "QTY"}
                                                </th>
                                            )}
                                            {HsnCode && (
                                                <th style={{ width: "10px", textAlign: "right", ...tableHeaderStyle }}>HSN</th>
                                            )}
                                            {MRP && (
                                                <th style={{ width: "10px", textAlign: "right", ...tableHeaderStyle }}>MRP</th>
                                            )}
                                            {Discount && (
                                                <th style={{ width: "10px", textAlign: "right", ...tableHeaderStyle }}>
                                                    Dis{" "}
                                                </th>
                                            )}
                                            {Rate && (
                                                <th style={{ width: "10px", textAlign: "right", ...tableHeaderStyle }}>
                                                    Rate
                                                </th>
                                            )}
                                            {Amount && (
                                                <th style={{ width: "10px", textAlign: "right", ...tableHeaderStyle }}>
                                                    Amt
                                                </th>
                                            )}
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {(TakeawayData)?.map(
                                            (item, index) => {
                                                return (
                                                    <tr key={index}
                                                        style={
                                                            index % 2 !== 1 && rowtypeStyle === "even"
                                                                ? {
                                                                    ...tableBodyStyle
                                                                }
                                                                : index % 2 === 1 && rowtypeStyle === "odd"
                                                                    ? {
                                                                        ...tableBodyStyle
                                                                    }
                                                                    : {}
                                                        }>
                                                        {SLNO && <td>{index + 1}</td>}
                                                        {(
                                                            <td
                                                                className="Re-print-body-Rate"
                                                                style={{ textAlign: "left", }}
                                                            >
                                                                {(Item &&
                                                                    item?.ProdName +
                                                                    `(${item?.Size ? item?.Size : "1"}${item?.SinglePc == 'Y' ? 'PCS' : item?.Type != "C" ? item?.UomName : "COMBO"})`) +
                                                                    "-" +
                                                                    (
                                                                        Quantity && item?.Price)}
                                                            </td>
                                                        )}
                                                        {HsnCode && (
                                                            <td
                                                                style={{ textAlign: "right", }}
                                                            >
                                                                {item?.HSN}
                                                            </td>
                                                        )}
                                                        {MRP && (
                                                            <td
                                                                style={{ textAlign: "right", }}
                                                            >
                                                                {item?.SinglePc === 'Y' ? item?.Price : item?.MRP}
                                                            </td>
                                                        )}
                                                        {Discount && (
                                                            <td
                                                                style={{ textAlign: "right", }}
                                                            >
                                                                {item?.Type != "C" ? item?.OfferAmt || 0 : item?.OfferValue || 0}

                                                            </td>
                                                        )}
                                                        {Rate && (
                                                            <td
                                                                style={{ textAlign: "right", }}
                                                            >
                                                                {item?.Price}
                                                            </td>
                                                        )}
                                                        {Amount && (
                                                            <td
                                                                className="Re-print-body-Rate"
                                                                style={{
                                                                    textAlign: "right",
                                                                    // paddingRight: "20px",
                                                                }}
                                                            >
                                                                {item?.NetAmt?.toFixed(2)}

                                                            </td>
                                                        )}
                                                    </tr>
                                                );
                                            }
                                        )}
                                    </tbody>
                                </table>
                            </div>
                        </>
                    }


                    <div className="align-style6" style={{ ...netAmountStyle, display: "flex", alignItems: "center", justifyContent: "space-evenly", margin: "0rem 1.5rem", fontSize: "clamp(0.65rem, 2.5vw, 1rem)", fontWeight: '600' }}>
                        <div>
                            <div>Items :{GlobaldummyData ? "8" : totalQuantityFilter?.length} </div>
                        </div>
                        <div>
                            <div>Qty : {GlobaldummyData ? "9" : totalQuantity}</div>
                        </div>
                        {(table2Data?.OverallDisc > 0 || TotalOfferAmount > 0) &&
                            <div>
                                <div>Off : {GlobaldummyData ? "10" : Number(TotalOfferAmount + table2Data?.OverallDisc).toFixed(2)}</div>
                            </div>
                        }
                    </div>

                    <div>
                        {((OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) ||
                            (OrderDetailIGST?.length > 0 && OrderDetailIGST?.[0]?.TaxAmt > 0) ||
                            (OrderDetailVAT?.length > 0 && OrderDetailVAT?.[0]?.TaxAmt > 0)) &&
                            <>
                                <hr className="PrintStyle6-HrLine" />

                                <div>
                                    <p style={{ margin: 0, padding: 0, textAlign: "center" }}>
                                        --------- GST Breakup Details -----------</p>
                                    {(OrderDetailGST?.length > 0 && OrderDetailGST?.[0]?.TaxAmt > 0) &&
                                        <table style={{ width: "90%" }}>

                                            <tr>
                                                <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                    Taxable Amount
                                                </td>
                                                <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                    CGST ({(OrderDetailGST?.[0]?.TaxPercentage) / 2}%)
                                                </td>
                                                <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                    SGST ({(OrderDetailGST?.[0]?.TaxPercentage) / 2}%)
                                                </td>
                                                <td style={{ fontSize: "15px", textAlign: "center" }}>

                                                    Total Amount
                                                </td>
                                            </tr>
                                            {OrderDetailGST?.map((item) =>
                                                <tr>
                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                        {Number(item.WithoutTaxRate).toFixed(2)}
                                                    </td>
                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                        {Number(item.CGST).toFixed(2)}
                                                    </td>
                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                        {Number(item.SGST).toFixed(2)}
                                                    </td>
                                                    <td style={{ fontSize: "15px", 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: "15px", textAlign: "center" }}>
                                                        Taxable Amount
                                                    </td>
                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                        IGST ({OrderDetailIGST?.[0]?.TaxPercentage}%)
                                                    </td>

                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>

                                                        Total Amount
                                                    </td>
                                                </tr>
                                                {OrderDetailIGST?.map((item) =>
                                                    <tr>
                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                            {Number(item.WithoutTaxRate).toFixed(2)}
                                                        </td>
                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                            {Number(item.TaxAmt).toFixed(2)}
                                                        </td>

                                                        <td style={{ fontSize: "15px", 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: "15px", textAlign: "center" }}>
                                                        Taxable Amount
                                                    </td>
                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                        VAT ({OrderDetailVAT?.[0]?.TaxPercentage}%)
                                                    </td>

                                                    <td style={{ fontSize: "15px", textAlign: "center" }}>

                                                        Total Amount
                                                    </td>
                                                </tr>
                                                {OrderDetailVAT?.map((item) =>
                                                    <tr>
                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                            {Number(item.WithoutTaxRate).toFixed(2)}
                                                        </td>
                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>
                                                            {Number(item.TaxAmt).toFixed(2)}
                                                        </td>

                                                        <td style={{ fontSize: "15px", textAlign: "center" }}>{Number(item.TotalAmt).toFixed(2)}</td>
                                                    </tr>
                                                )
                                                }
                                            </table>
                                        </>
                                    }

                                </div>
                                <hr className="PrintStyle6-HrLine" />

                            </>
                        }
                    </div>

                    {/* <div className="align-style">  <div>Qty  : </div>  <div>{GlobaldummyData ? '9' : totalQuantity}</div>  </div> */}


                    <div className="PrintStyle6-secondDiv" style={{...netAmountStyle}}>
                        <div style={{ textAlign: "left", fontSize: "clamp(1rem, 2.5vw, 1.2rem)", fontWeight: '600'}}>
                            Amount
                        </div>

                        <div
                            style={{
                                textAlign: "right",
                                fontSize: "clamp(1rem, 2.5vw, 1.2rem)",
                                fontWeight: '600',
                                marginRight: "10px",
                            }}
                        >
                            {GlobaldummyData
                                ? "1,066"
                                : Number(table2Data?.[0]?.NetAmount).toFixed(2)}
                        </div>
                    </div>



                    <div className="PrintStyle6-ThirdDiv">

                        <div className="PrintStyle6-ThirdSubDiv2">

                            <div style={{ textAlign: "right" }}>



                                {CashierName && CashierName !== undefined && CashierName !== null && !GlobaldummyData &&
                                    <div style={{ fontSize: "clamp(0.65rem, 2.5vw, 1rem)", fontWeight: '400' }}>{CashierName}
                                    </div>
                                }


                                {table2Data?.CustSuppName && table2Data?.CustSuppName !== undefined && table2Data?.CustSuppName !== null && !GlobaldummyData &&
                                    <div style={{ fontSize: "clamp(0.65rem, 2.5vw, 1rem)", fontWeight: '400' }}>{table2Data?.CustSuppName}
                                    </div>
                                }



                            </div>
                        </div>
                    </div>
                    <hr className="PrintStyle6-HrLine" />
                    <div className="page-footerA4Style11"
                        style={{
                            marginTop: "auto",
                            pageBreakBefore: "avoid",
                            pageBreakInside: "avoid",
                            minHeight: "auto",
                            ...footerColorStyle
                        }}
                    >
                        {
                            Notestext && (<div>
                                <p style={{ padding: "0rem 1rem" }}>{Notestext}</p>

                                <hr className="PrintA4Style11-print-dottline" />
                            </div>)
                        }


                        <div style={{ display: "flex", width: "90%", padding: "0 1rem", justifyContent: GlobaltermsAndConditions ? "space-between" : "flex-end", alignItems: "center" }}>
                            {
                                (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>)
                            }

                            {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>



                </div>

            }
        </>
    );
};

export default PurPrintstyle6;
