Register New ONU Device

\n Enter device information to automatically assign an IP address and register with the billing system.\n

\n\n {success && (\n

✅

\n Device registered successfully!\n

\n The device has been authorized and uploaded to the billing system.\n

\n )}\n\n

\n {/* MAC Address */}\n

\n \n MAC Address *\n \n \n {errors.macAddress && (\n

{errors.macAddress}

\n )}\n

\n\n {/* Location */}\n

\n \n Location Coordinates *\n \n \n {geoLoading ? '📍 Getting location...' : '📍 Use current location'}\n \n

\n \n

\n {errors.location && (\n

{errors.location}

\n )}\n

\n\n {/* Mainboard */}\n

\n \n Mainboard Type *\n \n \n {Object.entries(MAINBOARD_CONFIGS).map(([key, config]) => (\n \n ))}\n \n {errors.mainboard && (\n

{errors.mainboard}

\n )}\n

\n\n {/* IP Assignment Preview */}\n {selectedConfig && (\n

IP Assignment Preview

Mainboard: {selectedConfig.name}

IP Range: {selectedConfig.ipRange}.{selectedConfig.startIP}-{selectedConfig.endIP}

\n The next available IP in this range will be automatically assigned\n

\n )}\n\n {/* Submit Error */}\n {errors.submit && (\n

{errors.submit}

\n )}\n\n {/* Submit Button */}\n

\n \n {loading ? '⏳ Registering...' : '🚀 Register Device'}\n \n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/Rashid1473/rashid/code/frontend/components/DeviceForm.tsx","extension","actionData","errors"]