\n {lead ? 'Edit Lead' : 'Add New Lead'}\n

\n {lead ? 'Update the lead information below' : 'Enter the details for your new sales lead'}\n

\n\n

\n {/* Company Information */}\n

\n \n Company Name *\n \n handleInputChange('company_name', e.target.value)}\n className={`w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n errors.company_name ? 'border-red-500' : 'border-gray-300'\n }`}\n placeholder=\"Enter company name\"\n />\n {errors.company_name && (\n

{errors.company_name}

\n )}\n

\n\n

\n \n Deal Value *\n \n handleInputChange('deal_value', parseFloat(e.target.value) || 0)}\n className={`w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n errors.deal_value ? 'border-red-500' : 'border-gray-300'\n }`}\n placeholder=\"0.00\"\n />\n {errors.deal_value && (\n

{errors.deal_value}

\n )}\n

\n\n {/* Contact Information */}\n

\n \n Contact Name *\n \n handleInputChange('contact_name', e.target.value)}\n className={`w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n errors.contact_name ? 'border-red-500' : 'border-gray-300'\n }`}\n placeholder=\"Enter contact name\"\n />\n {errors.contact_name && (\n

{errors.contact_name}

\n )}\n

\n\n

\n \n Email *\n \n handleInputChange('email', e.target.value)}\n className={`w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n errors.email ? 'border-red-500' : 'border-gray-300'\n }`}\n placeholder=\"contact@company.com\"\n />\n {errors.email && (\n

{errors.email}

\n )}\n

\n\n

\n \n Phone\n \n handleInputChange('phone', e.target.value)}\n className=\"w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"(555) 123-4567\"\n />\n

\n\n {/* Lead Details */}\n

\n \n Expected Quarter *\n \n handleInputChange('expected_quarter', e.target.value)}\n className={`w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n errors.expected_quarter ? 'border-red-500' : 'border-gray-300'\n }`}\n >\n \n {quarterOptions.map(quarter => (\n \n ))}\n \n {errors.expected_quarter && (\n

{errors.expected_quarter}

\n )}\n

\n\n

\n \n Status *\n \n handleInputChange('status', e.target.value as LeadStatus)}\n className=\"w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n \n

\n\n

\n \n Notes\n \n handleInputChange('notes', e.target.value)}\n rows={4}\n className=\"w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"Add any additional notes about this lead...\"\n />\n

\n\n {/* Form Actions */}\n

\n \n Cancel\n \n \n {loading ? 'Saving...' : (lead ? 'Update Lead' : 'Create Lead')}\n \n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/fastokah/Sales_analyse/code/frontend/components/LeadForm.tsx","extension","actionData","errors"]