Implement Doctor Login Screen #20
Description
Description
Implement the Doctor Login screen with email/password authentication, forgot password link, and registration option.
Design Reference
Figma Frame: Doctor Login (576:2955, 576:2938)
Requirements
- Email input field with validation
- Password input field with secure text entry
- "Forgot password?" link
- "Login" button
- "Not a member? Register now" text link
- "Login as Patient" text link at bottom
- DocPilot logo and illustration at top
- Form validation
- Navigation to confirmation code screen
- Navigation to sign up screen
- Navigation to patient login screen
- Navigation to forgot password screen (can be placeholder)
API Integration
- Connect to doctor authentication service
- Handle loading and error states
- Store auth token on success
Technical Notes
- Create in
docpilot_doctor/lib/features/auth/presentation/pages/ - Reuse authentication logic where possible with patient app
- Implement proper state management
Dependencies
- Requires: Create Form Input Components #16, Create Button and Navigation Components #17 (UI components - forms and buttons)
Files to Create/Modify
lib/features/auth/presentation/pages/doctor_login_page.dartlib/features/auth/presentation/widgets/doctor_login_form.dart- Update routing configuration
Priority
High
Acceptance Criteria
- Login form validates correctly
- All navigation links work
- Successful login navigates appropriately
- UI matches Figma design