VetsLab

MODULE: Profile Settings
Navigation: Login → Sidebar (Bottom) → Profile Settings
🎯 TASK OBJECTIVE:
Create a Profile Settings page accessible from the bottom of the sidebar.
The profile page must allow:
View & update personal details
View username (non-editable)
View email (non-editable)
Update first name
Update last name
Upload / update enterprise logo (stored in enterprise_master)

FRONTEND IMPLEMENTATION:
Sidebar Update
At the bottom of the sidebar add:
Profile Settings
(With icon — user/settings icon)
Must stay fixed at bottom.

Profile Settings Page UI:
Page Layout:

Section 1 — Enterprise Settings
Fields:
Enterprise Name (readonly)
enterprise address (readonly)
phone number
Enterprise Logo (upload input)
Preview existing logo
Update Logo button
UI Requirements

Section 2 — User Information
Fields:
Username (readonly)
Email (editable)
First Name (editable)
Last Name (editable)
Save Button
change password option

✔ Logo preview (circle or square display)
✔ File upload supports image only
✔ Max file size validation
✔ Success message after save

logo: image file
Rules:
✔ Accept only JPG / PNG
✔ Max 2MB
✔ Save under /media/enterprise_logo/
✔ Rename file as enterprise_id.png

SECURITY RULES:
✔ User cannot change username
✔ User cannot change enterprise_id
✔ User cannot edit other enterprise data
✔ Only authenticated users allowed

FLOW:
User clicks Profile Settings
Frontend loads profile data
User updates details
Save
Backend validates and updates
Success message shown
If logo updated → refresh preview

COMPLETION CRITERIA
✔ Sidebar bottom profile link working
✔ Profile data loads correctly
✔ Username readonly
✔ Email editable
✔ First & last name editable
✔ Logo upload working
✔ Enterprise logo saved correctly
✔ Only logged-in user can access
✔ UI clean and responsive