\r\n {/* Serial Number */}\r\n
\r\n \r\n setFormData(prev => ({ ...prev, serial_number: e.target.value }))}\r\n className=\"w-full px-4 py-2 rounded-lg bg-[#F5F5F7] border-0 focus:ring-2 focus:ring-[#0071E3]\"\r\n placeholder=\"Enter IMEI or Serial Number\"\r\n required\r\n />\r\n
\r\n\r\n {/* Color Picker */}\r\n
\r\n\r\n {/* Condition */}\r\n
\r\n \r\n \r\n
\r\n\r\n {/* Quantity */}\r\n
\r\n \r\n setFormData(prev => ({ ...prev, quantity: e.target.value }))}\r\n className=\"w-full px-4 py-2 rounded-lg bg-[#F5F5F7] border-0 focus:ring-2 focus:ring-[#0071E3]\"\r\n required\r\n />\r\n
\r\n\r\n {/* Cost Price */}\r\n
\r\n \r\n {\r\n setFormData(prev => ({ ...prev, cost_price: e.target.value }));\r\n if (formData.selling_price) {\r\n validatePrices(e.target.value, formData.selling_price);\r\n }\r\n }}\r\n className={`w-full px-4 py-2 rounded-lg bg-[#F5F5F7] border-0 focus:ring-2 \r\n focus:ring-[#0071E3] ${priceError ? 'ring-2 ring-red-500' : ''}`}\r\n required\r\n />\r\n
\r\n\r\n {/* Selling Price */}\r\n
\r\n
\r\n
{\r\n setFormData(prev => ({ ...prev, selling_price: e.target.value }));\r\n if (formData.cost_price) {\r\n validatePrices(formData.cost_price, e.target.value);\r\n }\r\n }}\r\n className={`w-full px-4 py-2 rounded-lg bg-[#F5F5F7] border-0 focus:ring-2 \r\n focus:ring-[#0071E3] ${priceError ? 'ring-2 ring-red-500' : ''}`}\r\n required\r\n />\r\n {priceError && (\r\n
{priceError}
\r\n )}\r\n
\r\n