{Array.isArray(OrderCardDetail) &&
OrderCardDetail?.length >= 1 &&
(isMobile || screenwidth <= 768) && (
)}
{tableOptions
?.filter((item) => item.OptionName === 'AddCustomer')
.map((filteredItem) => (
{' '}
))}
{tableOptions?.map((item) => (
<>
{unpaidFlow == false
? item?.OptionName == 'Hold' &&
BookingType !== 'Dine In' &&
!BookingTypeBoth &&
OrderCardDetail?.length != 0 &&
CheckOrderType?.length === 0 &&
OrderType != 'Failed' &&
CheckBookingStatus != 'Close' &&
paybtns?.length > 0 &&
!addnewAccess && (
{' '}
AddBookingDetails('Hold')}
style={{
fontSize: '30px',
cursor: 'pointer',
color: '' ? '#52c41a' : '#1292EE',
}}
/>
)
: ''}
{unpaidFlow == false
? item?.OptionName == 'Hold' &&
BookingType !== 'Dine In' &&
!BookingTypeBoth &&
Holddata?.length > 0 &&
OrderCardDetail?.length == 0 &&
CheckBookingStatus != 'Close' &&
!addnewAccess &&
paybtns?.length > 0 &&
!OtherServicesglobal && (
{' '}
HandleholdModelOpen()}
style={{
fontSize: '28px',
cursor: 'pointer',
color: Holddata ? '#52c41a' : 'default',
pointerEvents:
OrderType === 'Failed' ? 'none' : 'auto',
}}
/>
)
: ''}
))}
{paybtns?.length > 1 && (
)}
{Array.isArray(OrderCardDetail) && OrderCardDetail?.length >= 1 && (
0) &&
!unpaidFlow &&
OrderStatus
? 'none'
: 'auto',
opacity:
(BookingType === 'Dine In' ||
BookingTypeBoth ||
CheckOrderType?.length > 0) &&
!unpaidFlow &&
OrderStatus
? 0.5
: 1,
width: '2rem',
}}
>
{!OtherServicesglobal && (
{' '}
)}
)}
{responsiveBill ? (
)}
{' '}
) : (
{' '}
)}
0) &&
!unpaidFlow &&
OrderStatus
? 'none'
: 'auto',
opacity:
(BookingType === 'Dine In' ||
BookingTypeBoth ||
CheckOrderType?.length > 0) &&
!unpaidFlow &&
OrderStatus
? 0.5
: 1,
}}
>
{paybtns?.length > 0 ? (
paybtns?.map((payment) => (
))
) : (
Please Set Payment Options
)}
{paybtnselected ==
paybtns?.filter(
(item) => item?.ModeName?.toLowerCase() === 'cash'
)?.[0]?.ModeId ? (
{tableOptions?.filter((item) => item.OptionName === 'AddCustomer')
.length === 1 || navCust === true ? (
{' '}
)}
{tabledata?.length > 0 && dinePreference && (
{' '}
)}
{dinePreference && (
{' '}
{
Recipt();
}}
/>
) : (
''
)}
{!OtherServicesglobal && CreditCustomer && (
{Object.keys(useOptions)?.length > 0 &&
useOptions?.some((flow) =>
flow.OptionDetails.some(
(option) =>
option.OptionName === 'Pay at the counter' &&
option.ModeDetails.some(
(mode) => mode.ModeName === 'Credit'
)
)
) && (
{!OtherServicesglobal && (
{' '}
0 && 'not-allowed',
color:
OrderCardDetail?.length > 0 ||
(selOption?.value === undefined &&
GlobalAddCustomerDetails1?.length === 0 &&
GetCustId?.CustMobile === undefined)
? 'gray'
: 'rgb(18, 146, 238)',
fontSize: '28px',
}}
/>
)}
)}
) : (
''
)}
{/* Customer Orders */}
{GetCustId && (
{
if (
CheckBookingStatus !== 'Close' &&
!addnewAccess &&
!(OrderCardDetail?.length > 0)
) {
setCustomerPreviesOrders(true);
}
}}
style={{
cursor: OrderCardDetail?.length > 0 && 'not-allowed',
color:
OrderCardDetail?.length > 0 ||
(OrderCardDetail?.length > 0 &&
GetCustId?.CustMobile === undefined)
? 'gray'
: 'rgb(18, 146, 238)',
fontSize: '25px',
display: 'flex',
alignItems: 'center',
height: '2.46rem',
width: '1.5rem',
}}
>
{tableOptions
?.filter((item) => item.OptionName === 'UnpaidBill')
.map((filteredItem) => (
{!OtherServicesglobal && (
{' '}
{
(setUnpaidOpen(true), getUnpaiddatas());
}}
/>
)}
))}
)}
{OtherServicesglobal && OrderCardDetail.length >= 1 && (
{(BookingType === 'Dine In' ||
BookingTypeBoth ||
CheckOrderType?.length > 0) &&
!unpaidFlow &&
SelectedTableDetails?.length !== 0 && (
<>
{' '}
FirstPaymentclick === false && !addnewAccess
? changeOrderStatus()
: ''
}
/>
{FirstPaymentclick === false &&
!addnewAccess &&
!OrderStatus &&
)}
{!OtherServicesglobal &&
OrderCardDetail?.length > 0 &&
ParkingDisplay &&
!OtherServicesglobal && (
{/*
}
/>
{
OtherServicesPrintDetails?.length > 0 && (
// PrintOrderDetails?.[0]?.OrderDetails?.map((orderDetail, index) => (
UPI PAYMENT
*/}{' '} RS : {OrderType === 'Failed' ? FailedTotalAmt : Math.round(TotalAmount)}{' '}
{(selOption || SelCustId) && (
Sent Payment Link
{/*
)}
You have already selected a table. If you click 'OK,' the
table selection will be removed, and the unpaid flow will
continue. If you click 'Cancel,' the dine-in flow will proceed
as selected.
}
onOk={UnpaidOk}
onCancel={Unpaidclose}
/>
)}
{!OtherServicesglobal && Splitpayment && (
{filteredSettingNames?.includes('whatsapp') &&
MobileNoWhatsApp?.value && (
closePrintOption(false)}
/>
)}
{showSMSShare && isMobile && (
closePrintOption(false)}
/>
)}
)}
{OrderCardDetail.map((item, i) => {
const isGroup = item.ServiceType === 'G';
const groupKey = item.id; // ๐ using `id` for groups now
const uniqueKey = `${item.ServiceId}__${item.__index}`;
// For G-type: render input only once for the group
if (
isGroup &&
i !== OrderCardDetail.findIndex((o) => o.id === groupKey)
) {
return null;
}
const qty = isGroup
? OrderCardDetail.filter((o) => o.id === groupKey).reduce(
(sum, o) => sum + (o.OrderQty || 1),
0
)
: item.OrderQty || 1;
return (
);
})}
}
/>
{item.ServiceName}
{Array.from({ length: qty }).map((_, index) => { const inputKey = isGroup ? item.id : `${item.ServiceId}__${item.__index}`; const value = vehicleInputs[inputKey]?.[index] || ''; const error = errors[inputKey]?.[index] || ''; return (
handleInputChange(
isGroup ? item.id : item.ServiceId,
index,
e.target.value,
item.ServiceType,
item
)
}
onKeyPress={(e) => {
if (!/[A-Za-z0-9]/.test(e.key)) {
e.preventDefault();
}
}}
style={{
width: '100%',
padding: 8,
borderRadius: 4,
border: error
? '1px solid red'
: '1px solid #ccc',
}}
/>
{error && (
{error}
)}
);
})}
{OrderCardDetail.map((item, i) => {
const isGroup = item.ServiceType === 'G';
const groupKey = item.id; // ๐ using `id` for groups now
const uniqueKey = `${item.ServiceId}__${item.__index}`;
// For G-type: render input only once for the group
if (
isGroup &&
i !== OrderCardDetail.findIndex((o) => o.id === groupKey)
) {
return null;
}
const qty = isGroup
? OrderCardDetail.filter((o) => o.id === groupKey).reduce(
(sum, o) => sum + (o.OrderQty || 1),
0
)
: item.OrderQty || 1;
return (
);
})}
}
/>
{item.ServiceName}
{Array.from({ length: qty }).map((_, index) => { const inputKey = isGroup ? item.id : `${item.ServiceId}__${item.__index}`; const value = vehicleInputs[inputKey]?.[index] || ''; const error = errors[inputKey]?.[index] || ''; return (
handleInputChange(
isGroup ? item.id : item.ServiceId,
index,
e.target.value,
item.ServiceType,
item
)
}
style={{
width: '100%',
padding: 8,
borderRadius: 4,
border: error
? '1px solid red'
: '1px solid #ccc',
}}
/>
{error && (
{error}
)}
);
})}