import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../services/auth_service.dart'; class HomePage extends StatefulWidget { const HomePage({super.key}); @override State createState() => _HomePageState(); } class _HomePageState extends State with TickerProviderStateMixin { late AnimationController _controller; late Animation _fadeAnimation; late Animation _slideAnimation; late Animation _scaleAnimation; final _trackingController = TextEditingController(); @override void initState() { super.initState(); _controller = AnimationController( vsync: this, duration: const Duration(milliseconds: 1200), ); _fadeAnimation = Tween( begin: 0.0, end: 1.0, ).animate(CurvedAnimation( parent: _controller, curve: const Interval(0.0, 0.6, curve: Curves.easeOut), )); _slideAnimation = Tween( begin: const Offset(0, 0.5), end: Offset.zero, ).animate(CurvedAnimation( parent: _controller, curve: const Interval(0.2, 0.8, curve: Curves.easeOut), )); _scaleAnimation = Tween(begin: 0.5, end: 1.0).animate( CurvedAnimation( parent: _controller, curve: const Interval(0.4, 1.0, curve: Curves.elasticOut), // Fun effect ), ); _controller.forward(); } void _handleLogout(BuildContext context) async { await Provider.of(context, listen: false).signOut(); // Ensure context is still valid before navigating if (mounted) { Navigator.pushNamedAndRemoveUntil(context, '/login', (route) => false); } } void _searchTrackingNumber() { final trackingNumber = _trackingController.text.trim(); if (trackingNumber.isNotEmpty) { // Navigate to tracking details page or show results // For now, just print it print('Searching for: $trackingNumber'); // Example navigation: // Navigator.pushNamed(context, '/track', arguments: trackingNumber); ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text('Searching for tracking number: $trackingNumber')), ); } else { ScaffoldMessenger.of(context).showSnackBar( const SnackBar(content: Text('Please enter a tracking number.')), ); } } @override Widget build(BuildContext context) { final theme = Theme.of(context); final colorScheme = theme.colorScheme; return Scaffold( extendBodyBehindAppBar: true, // Make body extend behind AppBar appBar: AppBar( title: FadeTransition( opacity: _fadeAnimation, child: Text( 'GoNavi Logistics', style: TextStyle( fontWeight: FontWeight.bold, color: Colors.white.withOpacity(0.9), ), ), ), backgroundColor: Colors.transparent, // Transparent AppBar elevation: 0, // No shadow actions: [ FadeTransition( opacity: _fadeAnimation, child: IconButton( icon: Icon(Icons.logout, color: Colors.white.withOpacity(0.9)), tooltip: 'Logout', onPressed: () => _handleLogout(context), ), ), ], ), body: Container( // Use a more professional gradient decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [ colorScheme.primary, // Use theme primary color colorScheme.primaryContainer.withOpacity(0.8), // Slightly lighter shade ], ), ), child: SafeArea( // Ensure content is not under status bar/notches child: ListView( // Use ListView for better scrolling on smaller devices padding: const EdgeInsets.symmetric(horizontal: 20.0), children: [ _buildHeroSection(theme), const SizedBox(height: 30), _buildTrackingInput(theme), const SizedBox(height: 40), _buildFeaturesSection(theme), const SizedBox(height: 40), // Add some bottom padding ], ), ), ), ); } Widget _buildHeroSection(ThemeData theme) { return Container( padding: const EdgeInsets.only(top: 80.0, bottom: 40.0), // Adjust top padding for AppBar child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ FadeTransition( opacity: _fadeAnimation, child: SlideTransition( position: _slideAnimation, child: Text( "Smart Logistics,\nSeamless Delivery.", // More engaging title style: theme.textTheme.displaySmall?.copyWith( color: Colors.white, fontWeight: FontWeight.bold, height: 1.2, // Line height ), ), ), ), const SizedBox(height: 15), FadeTransition( opacity: _fadeAnimation, child: SlideTransition( position: _slideAnimation, child: Text( "Your partner in efficient and reliable logistics management.", style: theme.textTheme.titleMedium?.copyWith( color: Colors.white.withOpacity(0.8), ), ), ), ), ], ), ); } Widget _buildTrackingInput(ThemeData theme) { return FadeTransition( opacity: _fadeAnimation, child: SlideTransition( position: _slideAnimation, child: Material( // Wrap with Material for elevation and shadow elevation: 8.0, borderRadius: BorderRadius.circular(30.0), shadowColor: Colors.black.withOpacity(0.3), child: TextField( controller: _trackingController, decoration: InputDecoration( contentPadding: const EdgeInsets.symmetric(vertical: 15.0, horizontal: 25.0), filled: true, fillColor: Colors.white, hintText: "Enter tracking number...", hintStyle: TextStyle(color: Colors.grey[400]), suffixIcon: Padding( padding: const EdgeInsets.only(right: 8.0), // Add padding to the icon child: IconButton( icon: Icon(Icons.search, color: theme.colorScheme.primary), tooltip: 'Track Shipment', onPressed: _searchTrackingNumber, ), ), border: OutlineInputBorder( borderRadius: BorderRadius.circular(30.0), borderSide: BorderSide.none, // Remove the default border ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(30.0), borderSide: BorderSide(color: theme.colorScheme.primary, width: 2.0), // Highlight border on focus ), ), onSubmitted: (_) => _searchTrackingNumber(), // Allow search on submit ), ), ), ); } Widget _buildFeaturesSection(ThemeData theme) { // Use GridView for a more structured layout, especially on larger screens return GridView.count( crossAxisCount: 2, // Adjust number of columns as needed shrinkWrap: true, // Important inside ListView physics: const NeverScrollableScrollPhysics(), // Disable GridView's own scrolling crossAxisSpacing: 15, mainAxisSpacing: 15, childAspectRatio: 1.1, // Adjust aspect ratio for card size children: [ _buildFeatureCard(theme, Icons.track_changes, "Tracking", '/track', 0), _buildFeatureCard(theme, Icons.local_shipping, "Services", '/services', 1), _buildFeatureCard(theme, Icons.person_outline, "Profile", '/profile', 2), _buildFeatureCard(theme, Icons.support_agent, "Support", '/support', 3), // Example extra card ], ); } Widget _buildFeatureCard(ThemeData theme, IconData icon, String text, String route, int index) { // Stagger the animation start time slightly for each card final cardScaleAnimation = Tween(begin: 0.5, end: 1.0).animate( CurvedAnimation( parent: _controller, curve: Interval( 0.5 + (index * 0.1), // Stagger start time 1.0, curve: Curves.elasticOut, ), ), ); return ScaleTransition( scale: cardScaleAnimation, child: Card( elevation: 4, // Use slightly transparent white for a softer look color: Colors.white.withOpacity(0.95), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)), child: InkWell( borderRadius: BorderRadius.circular(16), // Match card shape onTap: () => Navigator.pushNamed(context, route), child: Padding( padding: const EdgeInsets.all(16), child: Column( mainAxisAlignment: MainAxisAlignment.center, // Center content children: [ Icon(icon, size: 45, color: theme.colorScheme.primary), const SizedBox(height: 12), Text( text, textAlign: TextAlign.center, style: theme.textTheme.titleMedium?.copyWith( fontWeight: FontWeight.w600, // Slightly bolder color: theme.colorScheme.onSurfaceVariant, ), ), ], ), ), ), ), ); } // Removed _buildNavigationButtons as features cards handle navigation @override void dispose() { _controller.dispose(); _trackingController.dispose(); super.dispose(); } } import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import 'screens/home_page.dart'; import 'screens/login_page.dart'; // Assuming you have a login page import 'screens/splash_screen.dart'; // Assuming you have a splash screen import 'services/auth_service.dart'; // Placeholder Screens for Navigation class PlaceholderScreen extends StatelessWidget { final String title; const PlaceholderScreen({super.key, required this.title}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text(title)), body: Center(child: Text('$title Screen')), ); } } void main() { runApp( ChangeNotifierProvider( create: (context) => AuthService(), child: const MyApp(), ), ); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'GoNavi Logistics', theme: ThemeData( colorScheme: ColorScheme.fromSeed( seedColor: Colors.blue, // Main brand color primary: Colors.blue[800], // Darker primary secondary: Colors.amber[600], // Accent color background: Colors.grey[100], // Light background surface: Colors.white, // Card backgrounds, dialogs onPrimary: Colors.white, onSecondary: Colors.black, onBackground: Colors.black87, onSurface: Colors.black87, primaryContainer: Colors.blue[600], // Used in gradient onSurfaceVariant: Colors.black54, // For less important text ), useMaterial3: true, // Define Text Themes for consistency textTheme: TextTheme( displaySmall: TextStyle(fontWeight: FontWeight.bold, color: Colors.blue[900]), titleLarge: TextStyle(fontWeight: FontWeight.w600, color: Colors.blue[800]), titleMedium: const TextStyle(fontWeight: FontWeight.w500), bodyMedium: const TextStyle(fontSize: 14.0), ), // Define Button Styles elevatedButtonTheme: ElevatedButtonThemeData( style: ElevatedButton.styleFrom( backgroundColor: Colors.blue[800], foregroundColor: Colors.white, padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(20.0), ), ), ), inputDecorationTheme: InputDecorationTheme( border: OutlineInputBorder( borderRadius: BorderRadius.circular(8.0), borderSide: BorderSide(color: Colors.grey[400]!), ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(8.0), borderSide: BorderSide(color: Colors.blue[800]!, width: 2.0), ), filled: true, fillColor: Colors.white, contentPadding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 16.0), ), cardTheme: CardTheme( elevation: 2, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12.0), ), margin: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 4.0), ), appBarTheme: AppBarTheme( backgroundColor: Colors.blue[800], foregroundColor: Colors.white, elevation: 4, titleTextStyle: const TextStyle( fontSize: 20.0, fontWeight: FontWeight.w600, color: Colors.white, ), ), ), // Use a Consumer to dynamically show login or home based on auth state home: Consumer( builder: (context, authService, _) { switch (authService.status) { case AuthStatus.uninitialized: return const SplashScreen(); // Show splash while checking auth case AuthStatus.authenticated: return const HomePage(); case AuthStatus.unauthenticated: default: return const LoginPage(); } }, ), // Define routes for navigation routes: { '/login': (context) => const LoginPage(), '/home': (context) => const HomePage(), '/track': (context) => const PlaceholderScreen(title: 'Track Shipment'), '/services': (context) => const PlaceholderScreen(title: 'Our Services'), '/profile': (context) => const PlaceholderScreen(title: 'User Profile'), '/support': (context) => const PlaceholderScreen(title: 'Customer Support'), // Add other routes as needed }, ); } } import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../services/auth_service.dart'; class LoginPage extends StatefulWidget { const LoginPage({super.key}); @override State createState() => _LoginPageState(); } class _LoginPageState extends State { final _emailController = TextEditingController(); final _passwordController = TextEditingController(); bool _isLoading = false; String? _errorMessage; Future _login() async { setState(() { _isLoading = true; _errorMessage = null; }); try { final authService = Provider.of(context, listen: false); bool success = await authService.signInWithEmailAndPassword( _emailController.text.trim(), _passwordController.text.trim(), ); if (!success && mounted) { setState(() { _errorMessage = authService.errorMessage ?? 'Login failed. Please try again.'; }); } // Navigation is handled by the Consumer in main.dart based on auth status change } catch (e) { if (mounted) { setState(() { _errorMessage = 'An unexpected error occurred: ${e.toString()}'; }); } } finally { if (mounted) { setState(() { _isLoading = false; }); } } } @override void dispose() { _emailController.dispose(); _passwordController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { final theme = Theme.of(context); return Scaffold( body: Container( decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [ theme.colorScheme.primary, theme.colorScheme.primaryContainer.withOpacity(0.8), ], ), ), child: Center( child: SingleChildScrollView( padding: const EdgeInsets.all(30.0), child: Card( elevation: 8, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)), child: Padding( padding: const EdgeInsets.all(24.0), child: Column( mainAxisSize: MainAxisSize.min, children: [ Text( 'Welcome to GoNavi', style: theme.textTheme.headlineSmall?.copyWith( color: theme.colorScheme.primary, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 8), Text( 'Please sign in to continue', style: theme.textTheme.titleMedium?.copyWith( color: theme.colorScheme.onSurfaceVariant, ), ), const SizedBox(height: 30), TextField( controller: _emailController, decoration: const InputDecoration( labelText: 'Email', prefixIcon: Icon(Icons.email_outlined), ), keyboardType: TextInputType.emailAddress, textInputAction: TextInputAction.next, ), const SizedBox(height: 16), TextField( controller: _passwordController, decoration: InputDecoration( labelText: 'Password', prefixIcon: const Icon(Icons.lock_outline), suffixIcon: IconButton( icon: const Icon(Icons.visibility_off), // Add toggle visibility later onPressed: () {}, ), ), obscureText: true, textInputAction: TextInputAction.done, onSubmitted: (_) => _isLoading ? null : _login(), ), const SizedBox(height: 24), if (_errorMessage != null) Padding( padding: const EdgeInsets.only(bottom: 16.0), child: Text( _errorMessage!, style: TextStyle(color: theme.colorScheme.error), textAlign: TextAlign.center, ), ), _isLoading ? const CircularProgressIndicator() : ElevatedButton( onPressed: _login, style: ElevatedButton.styleFrom( minimumSize: const Size(double.infinity, 50), // Make button wider ), child: const Text('Sign In'), ), const SizedBox(height: 20), TextButton( onPressed: () { // Handle forgot password }, child: Text( 'Forgot Password?', style: TextStyle(color: theme.colorScheme.primary), ), ), ], ), ), ), ), ), ), ); } } import 'package:flutter/material.dart'; class SplashScreen extends StatelessWidget { const SplashScreen({super.key}); @override Widget build(BuildContext context) { // You can add your logo or any loading animation here return const Scaffold( body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ CircularProgressIndicator(), SizedBox(height: 20), Text('Loading...'), ], ), ), ); } } import 'package:flutter/foundation.dart'; import 'dart:async'; // Import async library // Enum to represent authentication status enum AuthStatus { uninitialized, authenticated, unauthenticated } class AuthService with ChangeNotifier { // Simulate user authentication status AuthStatus _status = AuthStatus.uninitialized; String? _errorMessage; AuthStatus get status => _status; String? get errorMessage => _errorMessage; AuthService() { // Simulate checking initial auth state (e.g., reading from secure storage) _checkAuthState(); } Future _checkAuthState() async { // Simulate network delay or async storage read await Future.delayed(const Duration(seconds: 2)); // In a real app, check for a stored token or session // For simulation, assume unauthenticated initially _status = AuthStatus.unauthenticated; notifyListeners(); } // Simulate sign-in Future signInWithEmailAndPassword(String email, String password) async { _errorMessage = null; // Clear previous errors // Simulate network request await Future.delayed(const Duration(seconds: 1)); // Basic validation simulation (replace with actual auth logic) if (email == 'test@example.com' && password == 'password') { _status = AuthStatus.authenticated; notifyListeners(); return true; } else { _status = AuthStatus.unauthenticated; _errorMessage = 'Invalid email or password.'; notifyListeners(); // Notify even on failure to update error message return false; } } // Simulate sign-out Future signOut() async { _errorMessage = null; // Simulate network request or clearing local session await Future.delayed(const Duration(milliseconds: 500)); _status = AuthStatus.unauthenticated; notifyListeners(); } } name: gonavi_logistics description: A Flutter application for GoNavi Logistics. publish_to: 'none' # Remove this line if you wish to publish to pub.dev version: 1.0.0+1 environment: sdk: '>=3.0.0 <4.0.0' dependencies: flutter: sdk: flutter provider: ^6.0.0 # For state management cupertino_icons: ^1.0.2 dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^2.0.0 flutter: uses-material-design: true # To add assets to your application, add an assets section, like this: # assets: # - images/a_dot_burr.jpeg # - images/a_dot_ham.jpeg # An image asset can refer to one or more resolution-specific "variants", see # https://flutter.dev/assets-and-images/#resolution-aware # For details regarding adding assets from package dependencies, see # https://flutter.dev/assets-and-images/#from-packages # To add custom fonts to your application, add a fonts section here, # in this "flutter" section. Each entry in this list should have a # "family" key with the font family name, and a "fonts" key with a # list giving the asset and other descriptors for the font. For # example: # fonts: # - family: Schyler # fonts: # - asset: fonts/Schyler-Regular.ttf # - asset: fonts/Schyler-Italic.ttf # style: italic # - family: Trajan Pro # fonts: # - asset: fonts/TrajanPro.ttf # - asset: fonts/TrajanPro_Bold.ttf # weight: 700 # # For details regarding fonts from package dependencies, # see https://flutter.dev/custom-fonts/#from-packages