Product Management

\n Manage insurance group classes and their associated insurance classes with minimum rates.\n

\n \n ← Back to Quotes\n \n

\n\n {/* Tabs */}\n

\n setActiveTab('groups')}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'groups'\n ? 'border-indigo-500 text-indigo-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n Group Classes\n \n setActiveTab('insurance')}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'insurance'\n ? 'border-indigo-500 text-indigo-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n Insurance Classes\n \n

\n\n {error && (\n

{error}

\n )}\n\n {/* Group Classes Tab */}\n {activeTab === 'groups' && (\n

Group Classes

\n setShowGroupForm(!showGroupForm)}\n className=\"inline-flex items-center justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700\"\n >\n {showGroupForm ? 'Cancel' : 'Add Group Class'}\n \n

\n\n {showGroupForm && (\n

\n Create New Group Class\n

\n \n Code *\n \n setGroupForm(prev => ({ ...prev, code: e.target.value }))}\n className=\"mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md\"\n />\n

\n \n Name *\n \n setGroupForm(prev => ({ ...prev, name: e.target.value }))}\n className=\"mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md\"\n />\n

\n \n Description\n \n setGroupForm(prev => ({ ...prev, description: e.target.value }))}\n className=\"mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md\"\n />\n

\n \n {loading ? 'Creating...' : 'Create Group Class'}\n \n

\n )}\n\n

\n
\n
\n
\n
\n {group.code} - {group.name}\n
\n {group.description && (\n
{group.description}
\n )}\n
\n
\n
\n

\n )}\n\n {/* Insurance Classes Tab */}\n {activeTab === 'insurance' && (\n

Insurance Classes

\n setShowInsuranceForm(!showInsuranceForm)}\n className=\"inline-flex items-center justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700\"\n >\n {showInsuranceForm ? 'Cancel' : 'Add Insurance Class'}\n \n

\n\n {showInsuranceForm && (\n

\n Create New Insurance Class\n

\n \n Group Class *\n \n setInsuranceForm(prev => ({ ...prev, group_class_id: parseInt(e.target.value) }))}\n className=\"mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm\"\n >\n \n {groupClasses.map(gc => (\n \n ))}\n \n

\n \n Code *\n \n setInsuranceForm(prev => ({ ...prev, code: e.target.value }))}\n className=\"mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md\"\n />\n

\n \n Name *\n \n setInsuranceForm(prev => ({ ...prev, name: e.target.value }))}\n className=\"mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md\"\n />\n

\n \n Minimum Rate (%) *\n \n setInsuranceForm(prev => ({ ...prev, minimum_rate: parseFloat(e.target.value) || 0 }))}\n className=\"mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md\"\n />\n

\n \n {loading ? 'Creating...' : 'Create Insurance Class'}\n \n

\n )}\n\n

\n \n \n \n \n \n \n \n \n \n \n \n {insuranceClasses.map((insurance) => (\n \n \n \n \n \n \n \n ))}\n \n

\n Code\n	\n Name\n	\n Group Class\n	\n Minimum Rate\n	\n Actions\n
\n {insurance.code}\n	\n {insurance.name}\n	\n {groupClasses.find(gc => gc.id === insurance.group_class_id)?.name}\n	\n {editingRate === insurance.id ? (\n \n setNewRate(parseFloat(e.target.value) \|\| 0)}\n className=\"w-20 focus:ring-indigo-500 focus:border-indigo-500 block shadow-sm sm:text-sm border-gray-300 rounded-md\"\n />\n %\n \n ) : (\n formatPercentage(insurance.minimum_rate)\n )}\n	\n {editingRate === insurance.id ? (\n \n handleUpdateRate(insurance.id)}\n disabled={loading}\n className=\"text-indigo-600 hover:text-indigo-900 disabled:opacity-50\"\n >\n Save\n \n {\n setEditingRate(null);\n setNewRate(0);\n }}\n className=\"text-gray-600 hover:text-gray-900\"\n >\n Cancel\n \n \n ) : (\n {\n setEditingRate(insurance.id);\n setNewRate(insurance.minimum_rate * 100);\n }}\n className=\"text-indigo-600 hover:text-indigo-900\"\n >\n Edit Rate\n \n )}\n

\n )}\n

\n );\n}","deleted","label",[169,170,153],"frontend","components","permalink","https://www.val.town/x/kismoflan/Intermediary_Quote_Management/code/frontend/components/ProductManagement.tsx","extension","actionData","errors"]

Access Denied

Product Management

Group Classes

\n Create New Group Class\n

\n {group.code} - {group.name}\n

Insurance Classes

\n Create New Insurance Class\n