Implement Patient Login Screen

[xkaper001]

Description

Implement the Patient Login screen with email/password authentication and navigation to Doctor login.

Design Reference

Figma Frame: Patient Login (576:2777)

Requirements

• Email input field with validation
• Password input field with secure text entry
• "Login" button
• "Login as Doctor" text link at bottom
• DocPilot logo and illustration at top
• Responsive layout matching Figma design
• Form validation (email format, required fields)
• Navigation to confirmation code screen on successful login
• Navigation to doctor login screen

API Integration

• Connect to authentication service
• Handle loading states
• Display error messages appropriately
• Store auth token on success

Technical Notes

• Create in docpilot_patient/lib/features/auth/presentation/pages/
• Use BLoC or Provider for state management
• Implement proper error handling
• Add navigation routing

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/patient_login_page.dart
• lib/features/auth/presentation/widgets/login_form.dart
• Update routing configuration

Priority

High

Acceptance Criteria

• Login form validates correctly
• Successful login navigates to confirmation screen
• Errors are displayed clearly
• UI matches Figma design

[github-actions]

👋 Thanks for opening this issue and contributing!

Our reviewers will check it soon 🚀

📘 If you’d like to know more about contributing, please read our CONTRIBUTING.md.