[V0_FILE]plaintext:file="screens/profile_screen.dart" type="code" project="Restaurant Management System" isMerged="true" import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../providers/auth_provider.dart'; import '../utils/app_theme.dart'; import '../widgets/responsive_wrapper.dart'; class ProfileScreen extends StatefulWidget { @override _ProfileScreenState createState() => _ProfileScreenState(); } class _ProfileScreenState extends State with SingleTickerProviderStateMixin { late TabController _tabController; @override void initState() { super.initState(); _tabController = TabController(length: 2, vsync: this); } @override void dispose() { _tabController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { final authProvider = Provider.of(context); return ResponsiveWrapper( child: Padding( padding: const EdgeInsets.all(16.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Configuración', style: Theme.of(context).textTheme.headlineMedium?.copyWith( color: AppColors.darkBrown, fontWeight: FontWeight.bold, ), ), SizedBox(height: 24), TabBar( controller: _tabController, labelColor: AppColors.gold, unselectedLabelColor: Colors.grey, indicatorColor: AppColors.gold, tabs: [ Tab(text: 'Perfil de Restaurante'), Tab(text: 'Usuarios'), ], ), Expanded( child: TabBarView( controller: _tabController, children: [ RestaurantProfileTab(), UsersTab(), ], ), ), ], ), ), ); } } class RestaurantProfileTab extends StatefulWidget { @override _RestaurantProfileTabState createState() => _RestaurantProfileTabState(); } class _RestaurantProfileTabState extends State { final _formKey = GlobalKey(); final _nameController = TextEditingController(text: 'Mi Restaurante'); final _nitController = TextEditingController(text: '123456789'); final _phoneController = TextEditingController(text: '123456789'); final _addressController = TextEditingController(text: 'Av. Principal #123'); @override void dispose() { _nameController.dispose(); _nitController.dispose(); _phoneController.dispose(); _addressController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return SingleChildScrollView( padding: EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ // Restaurant Logo Center( child: Column( children: [ Container( width: 120, height: 120, decoration: BoxDecoration( color: AppColors.cream, shape: BoxShape.circle, border: Border.all( color: AppColors.gold, width: 2, ), ), child: Center( child: Icon( Icons.restaurant, size: 60, color: AppColors.gold, ), ), ), SizedBox(height: 8), TextButton.icon( onPressed: () { // Upload logo }, icon: Icon(Icons.upload), label: Text('Cambiar Logo'), ), ], ), ), SizedBox(height: 24), // Restaurant Information Form Form( key: _formKey, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Información del Restaurante', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 16), TextFormField( controller: _nameController, decoration: InputDecoration( labelText: 'Nombre del Restaurante', prefixIcon: Icon(Icons.business, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el nombre'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _nitController, decoration: InputDecoration( labelText: 'NIT', prefixIcon: Icon(Icons.badge, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el NIT'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _phoneController, decoration: InputDecoration( labelText: 'Teléfono', prefixIcon: Icon(Icons.phone, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el teléfono'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _addressController, decoration: InputDecoration( labelText: 'Dirección', prefixIcon: Icon(Icons.location_on, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese la dirección'; } return null; }, ), SizedBox(height: 24), Text( 'Ubicación GPS', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 16), Container( height: 200, decoration: BoxDecoration( color: Colors.grey[300], borderRadius: BorderRadius.circular(12), ), child: Center( child: Text('Mapa de ubicación'), ), ), SizedBox(height: 8), Row( children: [ Expanded( child: TextFormField( decoration: InputDecoration( labelText: 'Latitud', enabled: false, ), initialValue: '-16.5000', ), ), SizedBox(width: 16), Expanded( child: TextFormField( decoration: InputDecoration( labelText: 'Longitud', enabled: false, ), initialValue: '-68.1500', ), ), ], ), SizedBox(height: 8), ElevatedButton.icon( onPressed: () { // Update location }, icon: Icon(Icons.my_location), label: Text('Actualizar Ubicación'), ), SizedBox(height: 32), Row( mainAxisAlignment: MainAxisAlignment.end, children: [ OutlinedButton( onPressed: () { // Reset form }, child: Text('Cancelar'), ), SizedBox(width: 16), ElevatedButton( onPressed: () { if (_formKey.currentState!.validate()) { // Save restaurant profile ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Perfil actualizado correctamente'), backgroundColor: Colors.green, ), ); } }, child: Text('Guardar Cambios'), ), ], ), ], ), ), ], ), ); } } class UsersTab extends StatelessWidget { @override Widget build(BuildContext context) { return Padding( padding: const EdgeInsets.all(16.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Expanded( child: Text( 'Usuarios del Sistema', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), ), ElevatedButton.icon( onPressed: () { // Add new user showDialog( context: context, builder: (context) => AddUserDialog(), ); }, icon: Icon(Icons.add), label: Text('Nuevo Usuario'), ), ], ), SizedBox(height: 16), // Users List Expanded( child: ListView( children: [ _buildUserCard( name: 'Admin Principal', phone: '123456789', role: 'Administrador', status: 'Activo', ), _buildUserCard( name: 'Juan Pérez', phone: '987654321', role: 'Cajero', status: 'Activo', ), _buildUserCard( name: 'María López', phone: '456789123', role: 'Mesero', status: 'Inactivo', ), ], ), ), ], ), ); } Widget _buildUserCard({ required String name, required String phone, required String role, required String status, }) { final isActive = status.toLowerCase() == 'activo'; return Card( margin: EdgeInsets.only(bottom: 12), child: ListTile( leading: CircleAvatar( backgroundColor: AppColors.gold.withOpacity(0.2), child: Icon( Icons.person, color: AppColors.gold, ), ), title: Text( name, style: TextStyle(fontWeight: FontWeight.bold), ), subtitle: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text('Teléfono: $phone'), Text('Rol: $role'), ], ), trailing: Row( mainAxisSize: MainAxisSize.min, children: [ Container( padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4), decoration: BoxDecoration( color: isActive ? Colors.green.withOpacity(0.1) : Colors.red.withOpacity(0.1), borderRadius: BorderRadius.circular(4), ), child: Text( status, style: TextStyle( color: isActive ? Colors.green : Colors.red, fontSize: 12, ), ), ), IconButton( icon: Icon(Icons.edit, color: AppColors.brown), onPressed: () { // Edit user }, ), IconButton( icon: Icon(Icons.delete, color: Colors.red), onPressed: () { // Delete user }, ), ], ), isThreeLine: true, ), ); } } class AddUserDialog extends StatefulWidget { @override _AddUserDialogState createState() => _AddUserDialogState(); } class _AddUserDialogState extends State { final _formKey = GlobalKey(); final _nameController = TextEditingController(); final _phoneController = TextEditingController(); final _passwordController = TextEditingController(); String _selectedRole = 'Cajero'; bool _isPasswordVisible = false; @override void dispose() { _nameController.dispose(); _phoneController.dispose(); _passwordController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return AlertDialog( title: Text('Agregar Nuevo Usuario'), content: Form( key: _formKey, child: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, children: [ TextFormField( controller: _nameController, decoration: InputDecoration( labelText: 'Nombre Completo', prefixIcon: Icon(Icons.person, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el nombre'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _phoneController, decoration: InputDecoration( labelText: 'Teléfono', prefixIcon: Icon(Icons.phone, color: AppColors.gold), ), keyboardType: TextInputType.phone, validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el teléfono'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _passwordController, decoration: InputDecoration( labelText: 'Contraseña', prefixIcon: Icon(Icons.lock, color: AppColors.gold), suffixIcon: IconButton( icon: Icon( _isPasswordVisible ? Icons.visibility_off : Icons.visibility, color: AppColors.brown, ), onPressed: () { setState(() { _isPasswordVisible = !_isPasswordVisible; }); }, ), ), obscureText: !_isPasswordVisible, validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese la contraseña'; } if (value.length < 6) { return 'La contraseña debe tener al menos 6 caracteres'; } return null; }, ), SizedBox(height: 16), DropdownButtonFormField( decoration: InputDecoration( labelText: 'Rol', prefixIcon: Icon(Icons.badge, color: AppColors.gold), ), value: _selectedRole, items: [ 'Administrador', 'Cajero', 'Mesero', 'Cocinero', ].map((role) { return DropdownMenuItem( value: role, child: Text(role), ); }).toList(), onChanged: (value) { setState(() { _selectedRole = value!; }); }, ), ], ), ), ), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () { if (_formKey.currentState!.validate()) { // Create new user Navigator.of(context).pop(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Usuario creado correctamente'), backgroundColor: Colors.green, ), ); } }, child: Text('Guardar'), ), ], ); } } [V0_FILE]plaintext:file="lib/models/product.dart" isMerged="true" class Product { final String id; final String name; final String description; final double price; final String category; final String imageUrl; final bool isAvailable; final List ingredients; final List allergens; Product({ required this.id, required this.name, required this.description, required this.price, required this.category, required this.imageUrl, this.isAvailable = true, this.ingredients = const [], this.allergens = const [], }); Product copyWith({ String? id, String? name, String? description, double? price, String? category, String? imageUrl, bool? isAvailable, List? ingredients, List? allergens, }) { return Product( id: id ?? this.id, name: name ?? this.name, description: description ?? this.description, price: price ?? this.price, category: category ?? this.category, imageUrl: imageUrl ?? this.imageUrl, isAvailable: isAvailable ?? this.isAvailable, ingredients: ingredients ?? this.ingredients, allergens: allergens ?? this.allergens, ); } Map toMap() { return { 'id': id, 'name': name, 'description': description, 'price': price, 'category': category, 'imageUrl': imageUrl, 'isAvailable': isAvailable, 'ingredients': ingredients, 'allergens': allergens, }; } factory Product.fromMap(Map map) { return Product( id: map['id'], name: map['name'], description: map['description'], price: map['price'], category: map['category'], imageUrl: map['imageUrl'], isAvailable: map['isAvailable'] ?? true, ingredients: List.from(map['ingredients'] ?? []), allergens: List.from(map['allergens'] ?? []), ); } } [V0_FILE]plaintext:file="lib/models/category.dart" isMerged="true" class Category { final String id; final String name; final String description; final String imageUrl; final bool isActive; final int displayOrder; Category({ required this.id, required this.name, required this.description, required this.imageUrl, this.isActive = true, this.displayOrder = 0, }); Category copyWith({ String? id, String? name, String? description, String? imageUrl, bool? isActive, int? displayOrder, }) { return Category( id: id ?? this.id, name: name ?? this.name, description: description ?? this.description, imageUrl: imageUrl ?? this.imageUrl, isActive: isActive ?? this.isActive, displayOrder: displayOrder ?? this.displayOrder, ); } Map toMap() { return { 'id': id, 'name': name, 'description': description, 'imageUrl': imageUrl, 'isActive': isActive, 'displayOrder': displayOrder, }; } factory Category.fromMap(Map map) { return Category( id: map['id'], name: map['name'], description: map['description'], imageUrl: map['imageUrl'], isActive: map['isActive'] ?? true, displayOrder: map['displayOrder'] ?? 0, ); } } [V0_FILE]plaintext:file="lib/models/restaurant.dart" isMerged="true" class Restaurant { final String id; final String name; final String nit; final String phone; final String address; final String logoUrl; final double latitude; final double longitude; final String email; final String website; final Map socialMedia; final List openingHours; Restaurant({ required this.id, required this.name, required this.nit, required this.phone, required this.address, required this.logoUrl, this.latitude = 0.0, this.longitude = 0.0, this.email = '', this.website = '', this.socialMedia = const {}, this.openingHours = const [], }); Restaurant copyWith({ String? id, String? name, String? nit, String? phone, String? address, String? logoUrl, double? latitude, double? longitude, String? email, String? website, Map? socialMedia, List? openingHours, }) { return Restaurant( id: id ?? this.id, name: name ?? this.name, nit: nit ?? this.nit, phone: phone ?? this.phone, address: address ?? this.address, logoUrl: logoUrl ?? this.logoUrl, latitude: latitude ?? this.latitude, longitude: longitude ?? this.longitude, email: email ?? this.email, website: website ?? this.website, socialMedia: socialMedia ?? this.socialMedia, openingHours: openingHours ?? this.openingHours, ); } Map toMap() { return { 'id': id, 'name': name, 'nit': nit, 'phone': phone, 'address': address, 'logoUrl': logoUrl, 'latitude': latitude, 'longitude': longitude, 'email': email, 'website': website, 'socialMedia': socialMedia, 'openingHours': openingHours, }; } factory Restaurant.fromMap(Map map) { return Restaurant( id: map['id'], name: map['name'], nit: map['nit'], phone: map['phone'], address: map['address'], logoUrl: map['logoUrl'], latitude: map['latitude'] ?? 0.0, longitude: map['longitude'] ?? 0.0, email: map['email'] ?? '', website: map['website'] ?? '', socialMedia: Map.from(map['socialMedia'] ?? {}), openingHours: List.from(map['openingHours'] ?? []), ); } } [V0_FILE]plaintext:file="lib/models/user.dart" isMerged="true" enum UserRole { admin, cashier, waiter, chef } class User { final String id; final String name; final String phone; final String email; final UserRole role; final bool isActive; final DateTime createdAt; final DateTime? lastLogin; User({ required this.id, required this.name, required this.phone, required this.email, required this.role, this.isActive = true, required this.createdAt, this.lastLogin, }); User copyWith({ String? id, String? name, String? phone, String? email, UserRole? role, bool? isActive, DateTime? createdAt, DateTime? lastLogin, }) { return User( id: id ?? this.id, name: name ?? this.name, phone: phone ?? this.phone, email: email ?? this.email, role: role ?? this.role, isActive: isActive ?? this.isActive, createdAt: createdAt ?? this.createdAt, lastLogin: lastLogin ?? this.lastLogin, ); } Map toMap() { return { 'id': id, 'name': name, 'phone': phone, 'email': email, 'role': role.toString().split('.').last, 'isActive': isActive, 'createdAt': createdAt.toIso8601String(), 'lastLogin': lastLogin?.toIso8601String(), }; } factory User.fromMap(Map map) { return User( id: map['id'], name: map['name'], phone: map['phone'], email: map['email'], role: UserRole.values.firstWhere( (role) => role.toString().split('.').last == map['role'], orElse: () => UserRole.cashier, ), isActive: map['isActive'] ?? true, createdAt: DateTime.parse(map['createdAt']), lastLogin: map['lastLogin'] != null ? DateTime.parse(map['lastLogin']) : null, ); } String get roleString { switch (role) { case UserRole.admin: return 'Administrador'; case UserRole.cashier: return 'Cajero'; case UserRole.waiter: return 'Mesero'; case UserRole.chef: return 'Cocinero'; default: return 'Desconocido'; } } } [V0_FILE]plaintext:file="lib/models/order.dart" isMerged="true" class OrderItem { final String productId; final String productName; final double unitPrice; final int quantity; final String? specialInstructions; OrderItem({ required this.productId, required this.productName, required this.unitPrice, required this.quantity, this.specialInstructions, }); double get subtotal => unitPrice * quantity; Map toMap() { return { 'productId': productId, 'productName': productName, 'unitPrice': unitPrice, 'quantity': quantity, 'specialInstructions': specialInstructions, }; } factory OrderItem.fromMap(Map map) { return OrderItem( productId: map['productId'], productName: map['productName'], unitPrice: map['unitPrice'], quantity: map['quantity'], specialInstructions: map['specialInstructions'], ); } } class Order { final String id; final String customerName; final String whatsappNumber; final String deliveryType; // 'pickup' or 'delivery' final String? address; final String paymentType; // 'cash', 'card', 'transfer' final String status; // 'pendiente', 'en preparación', 'entregado', 'cancelado' final DateTime orderDate; final List items; final double? deliveryFee; final double? discount; final String? notes; Order({ required this.id, required this.customerName, required this.whatsappNumber, required this.deliveryType, this.address, required this.paymentType, required this.status, required this.orderDate, required this.items, this.deliveryFee, this.discount, this.notes, }); double get subtotal => items.fold(0, (sum, item) => sum + item.subtotal); double get total { double total = subtotal; if (deliveryFee != null) total += deliveryFee!; if (discount != null) total -= discount!; return total; } Order copyWith({ String? id, String? customerName, String? whatsappNumber, String? deliveryType, String? address, String? paymentType, String? status, DateTime? orderDate, List? items, double? deliveryFee, double? discount, String? notes, }) { return Order( id: id ?? this.id, customerName: customerName ?? this.customerName, whatsappNumber: whatsappNumber ?? this.whatsappNumber, deliveryType: deliveryType ?? this.deliveryType, address: address ?? this.address, paymentType: paymentType ?? this.paymentType, status: status ?? this.status, orderDate: orderDate ?? this.orderDate, items: items ?? this.items, deliveryFee: deliveryFee ?? this.deliveryFee, discount: discount ?? this.discount, notes: notes ?? this.notes, ); } Map toMap() { return { 'id': id, 'customerName': customerName, 'whatsappNumber': whatsappNumber, 'deliveryType': deliveryType, 'address': address, 'paymentType': paymentType, 'status': status, 'orderDate': orderDate.toIso8601String(), 'items': items.map((item) => item.toMap()).toList(), 'deliveryFee': deliveryFee, 'discount': discount, 'notes': notes, }; } factory Order.fromMap(Map map) { return Order( id: map['id'], customerName: map['customerName'], whatsappNumber: map['whatsappNumber'], deliveryType: map['deliveryType'], address: map['address'], paymentType: map['paymentType'], status: map['status'], orderDate: DateTime.parse(map['orderDate']), items: List.from( map['items']?.map((item) => OrderItem.fromMap(item)) ?? [], ), deliveryFee: map['deliveryFee'], discount: map['discount'], notes: map['notes'], ); } } [V0_FILE]plaintext:file="lib/providers/auth_provider.dart" isMerged="true" import 'package:flutter/material.dart'; import '../models/user.dart'; class AuthProvider with ChangeNotifier { User? _currentUser; bool _isAuthenticated = false; User? get currentUser => _currentUser; bool get isAuthenticated => _isAuthenticated; Future login(String email, String password) async { // In a real app, this would make an API call to authenticate try { // Simulate API call await Future.delayed(Duration(seconds: 1)); // For demo purposes, accept any login with valid format if (email.isNotEmpty && password.length >= 6) { _currentUser = User( id: '1', name: 'Admin User', phone: '123456789', email: email, role: UserRole.admin, createdAt: DateTime.now(), lastLogin: DateTime.now(), ); _isAuthenticated = true; notifyListeners(); return true; } return false; } catch (e) { print('Login error: $e'); return false; } } void logout() { _currentUser = null; _isAuthenticated = false; notifyListeners(); } Future changePassword(String currentPassword, String newPassword) async { // In a real app, this would make an API call to change password try { // Simulate API call await Future.delayed(Duration(seconds: 1)); // For demo purposes, always succeed return true; } catch (e) { print('Change password error: $e'); return false; } } Future> getUsers() async { // In a real app, this would make an API call to get users try { // Simulate API call await Future.delayed(Duration(seconds: 1)); // Return dummy data return [ User( id: '1', name: 'Admin Principal', phone: '123456789', email: 'admin@restaurant.com', role: UserRole.admin, createdAt: DateTime.now().subtract(Duration(days: 100)), lastLogin: DateTime.now(), ), User( id: '2', name: 'Juan Pérez', phone: '987654321', email: 'juan@restaurant.com', role: UserRole.cashier, createdAt: DateTime.now().subtract(Duration(days: 50)), lastLogin: DateTime.now().subtract(Duration(days: 1)), ), User( id: '3', name: 'María López', phone: '456789123', email: 'maria@restaurant.com', role: UserRole.waiter, isActive: false, createdAt: DateTime.now().subtract(Duration(days: 30)), lastLogin: DateTime.now().subtract(Duration(days: 10)), ), ]; } catch (e) { print('Get users error: $e'); return []; } } Future addUser(User user) async { // In a real app, this would make an API call to add a user try { // Simulate API call await Future.delayed(Duration(seconds: 1)); // For demo purposes, always succeed return true; } catch (e) { print('Add user error: $e'); return false; } } Future updateUser(User user) async { // In a real app, this would make an API call to update a user try { // Simulate API call await Future.delayed(Duration(seconds: 1)); // For demo purposes, always succeed return true; } catch (e) { print('Update user error: $e'); return false; } } Future deleteUser(String userId) async { // In a real app, this would make an API call to delete a user try { // Simulate API call await Future.delayed(Duration(seconds: 1)); // For demo purposes, always succeed return true; } catch (e) { print('Delete user error: $e'); return false; } } } [V0_FILE]plaintext:file="lib/providers/order_provider.dart" isMerged="true" import 'package:flutter/material.dart'; import '../models/order.dart'; class OrderProvider with ChangeNotifier { List _orders = []; List get orders => _orders; OrderProvider() { _loadInitialData(); } void _loadInitialData() { // Load dummy data for demonstration _orders = [ Order( id: '1', customerName: 'Carlos Rodríguez', whatsappNumber: '123456789', deliveryType: 'delivery', address: 'Av. Principal #123, La Paz', paymentType: 'efectivo', status: 'entregado', orderDate: DateTime.now().subtract(Duration(days: 1)), items: [ OrderItem( productId: '1', productName: 'Lomo Saltado', unitPrice: 45.0, quantity: 2, ), OrderItem( productId: '4', productName: 'Limonada', unitPrice: 12.0, quantity: 2, ), ], deliveryFee: 10.0, ), Order( id: '2', customerName: 'Ana Gómez', whatsappNumber: '987654321', deliveryType: 'pickup', paymentType: 'tarjeta', status: 'pendiente', orderDate: DateTime.now(), items: [ OrderItem( productId: '2', productName: 'Ceviche', unitPrice: 40.0, quantity: 1, specialInstructions: 'Sin cebolla', ), OrderItem( productId: '3', productName: 'Cheesecake', unitPrice: 25.0, quantity: 1, ), ], ), Order( id: '3', customerName: 'Luis Martínez', whatsappNumber: '456789123', deliveryType: 'delivery', address: 'Calle Secundaria #456, La Paz', paymentType: 'transferencia', status: 'en preparación', orderDate: DateTime.now().subtract(Duration(hours: 2)), items: [ OrderItem( productId: '5', productName: 'Ají de Gallina', unitPrice: 42.0, quantity: 3, ), OrderItem( productId: '6', productName: 'Causa Limeña', unitPrice: 30.0, quantity: 1, ), OrderItem( productId: '4', productName: 'Limonada', unitPrice: 12.0, quantity: 4, ), ], deliveryFee: 10.0, notes: 'Tocar el timbre al llegar', ), ]; notifyListeners(); } Future addOrder(Order order) async { try { // In a real app, this would make an API call await Future.delayed(Duration(seconds: 1)); _orders.add(order); notifyListeners(); return true; } catch (e) { print('Add order error: $e'); return false; } } Future updateOrder(Order order) async { try { // In a real app, this would make an API call await Future.delayed(Duration(seconds: 1)); final index = _orders.indexWhere((o) => o.id == order.id); if (index != -1) { _orders[index] = order; notifyListeners(); return true; } return false; } catch (e) { print('Update order error: $e'); return false; } } Future updateOrderStatus(String orderId, String newStatus) async { try { // In a real app, this would make an API call await Future.delayed(Duration(seconds: 1)); final index = _orders.indexWhere((o) => o.id == orderId); if (index != -1) { final updatedOrder = _orders[index].copyWith(status: newStatus); _orders[index] = updatedOrder; notifyListeners(); return true; } return false; } catch (e) { print('Update order status error: $e'); return false; } } Future deleteOrder(String orderId) async { try { // In a real app, this would make an API call await Future.delayed(Duration(seconds: 1)); _orders.removeWhere((o) => o.id == orderId); notifyListeners(); return true; } catch (e) { print('Delete order error: $e'); return false; } } List getOrdersByStatus(String status) { return _orders.where((order) => order.status.toLowerCase() == status.toLowerCase()).toList(); } List getOrdersByDate(DateTime date) { return _orders.where((order) => order.orderDate.day == date.day && order.orderDate.month == date.month && order.orderDate.year == date.year ).toList(); } List getOrdersByCustomer(String customerName) { return _orders.where((order) => order.customerName.toLowerCase().contains(customerName.toLowerCase()) ).toList(); } double getTotalSales() { return _orders .where((order) => order.status.toLowerCase() == 'entregado') .fold(0, (sum, order) => sum + order.total); } double getTotalSalesByDate(DateTime date) { return _orders .where((order) => order.status.toLowerCase() == 'entregado' && order.orderDate.day == date.day && order.orderDate.month == date.month && order.orderDate.year == date.year ) .fold(0, (sum, order) => sum + order.total); } } [V0_FILE]plaintext:file="lib/screens/login_screen.dart" isMerged="true" import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../providers/auth_provider.dart'; import '../utils/app_theme.dart'; class LoginScreen extends StatefulWidget { @override _LoginScreenState createState() => _LoginScreenState(); } class _LoginScreenState extends State { final _formKey = GlobalKey(); final _emailController = TextEditingController(); final _passwordController = TextEditingController(); bool _isLoading = false; bool _obscurePassword = true; @override void dispose() { _emailController.dispose(); _passwordController.dispose(); super.dispose(); } Future _login() async { if (_formKey.currentState!.validate()) { setState(() { _isLoading = true; }); final authProvider = Provider.of(context, listen: false); final success = await authProvider.login( _emailController.text.trim(), _passwordController.text, ); setState(() { _isLoading = false; }); if (!success && mounted) { ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Credenciales inválidas. Por favor intente nuevamente.'), backgroundColor: Colors.red, ), ); } } } @override Widget build(BuildContext context) { return Scaffold( body: LayoutBuilder( builder: (context, constraints) { final isSmallScreen = constraints.maxWidth < 800; return Center( child: SingleChildScrollView( child: Container( padding: EdgeInsets.all(24), constraints: BoxConstraints( maxWidth: isSmallScreen ? 450 : 900, ), child: isSmallScreen ? _buildLoginForm() : Row( children: [ Expanded( child: _buildRestaurantInfo(), ), SizedBox(width: 32), Expanded( child: _buildLoginForm(), ), ], ), ), ), ); }, ), ); } Widget _buildRestaurantInfo() { return Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( color: AppColors.cream, borderRadius: BorderRadius.circular(16), ), child: Icon( Icons.restaurant, size: 64, color: AppColors.gold, ), ), SizedBox(height: 24), Text( 'Sistema de Gestión', style: TextStyle( fontSize: 32, fontWeight: FontWeight.bold, color: AppColors.darkBrown, ), ), Text( 'para Restaurantes', style: TextStyle( fontSize: 32, fontWeight: FontWeight.bold, color: AppColors.gold, ), ), SizedBox(height: 16), Text( 'Administre su restaurante de manera eficiente con nuestro sistema completo de gestión.', style: TextStyle( fontSize: 16, color: Colors.grey[700], ), ), SizedBox(height: 32), Row( children: [ _buildFeatureItem(Icons.restaurant_menu, 'Gestión de Menú'), SizedBox(width: 16), _buildFeatureItem(Icons.receipt_long, 'Control de Pedidos'), ], ), SizedBox(height: 16), Row( children: [ _buildFeatureItem(Icons.people, 'Administración de Usuarios'), SizedBox(width: 16), _buildFeatureItem(Icons.analytics, 'Reportes y Estadísticas'), ], ), ], ); } Widget _buildFeatureItem(IconData icon, String text) { return Expanded( child: Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(8), border: Border.all(color: Colors.grey.shade200), ), child: Row( children: [ Icon(icon, color: AppColors.gold), SizedBox(width: 8), Expanded( child: Text( text, style: TextStyle( fontWeight: FontWeight.w500, ), ), ), ], ), ), ); } Widget _buildLoginForm() { return Card( elevation: 4, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(16), ), child: Padding( padding: EdgeInsets.all(32), child: Form( key: _formKey, child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Center( child: Text( 'Iniciar Sesión', style: TextStyle( fontSize: 24, fontWeight: FontWeight.bold, color: AppColors.darkBrown, ), ), ), SizedBox(height: 32), TextFormField( controller: _emailController, decoration: InputDecoration( labelText: 'Correo Electrónico', prefixIcon: Icon(Icons.email, color: AppColors.gold), ), keyboardType: TextInputType.emailAddress, validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese su correo electrónico'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _passwordController, decoration: InputDecoration( labelText: 'Contraseña', prefixIcon: Icon(Icons.lock, color: AppColors.gold), suffixIcon: IconButton( icon: Icon( _obscurePassword ? Icons.visibility_off : Icons.visibility, color: AppColors.brown, ), onPressed: () { setState(() { _obscurePassword = !_obscurePassword; }); }, ), ), obscureText: _obscurePassword, validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese su contraseña'; } if (value.length < 6) { return 'La contraseña debe tener al menos 6 caracteres'; } return null; }, ), SizedBox(height: 8), Align( alignment: Alignment.centerRight, child: TextButton( onPressed: () { // Forgot password functionality }, child: Text('¿Olvidó su contraseña?'), ), ), SizedBox(height: 24), ElevatedButton( onPressed: _isLoading ? null : _login, child: _isLoading ? SizedBox( height: 20, width: 20, child: CircularProgressIndicator( strokeWidth: 2, color: Colors.white, ), ) : Text('Ingresar'), style: ElevatedButton.styleFrom( padding: EdgeInsets.symmetric(vertical: 16), ), ), SizedBox(height: 16), Row( children: [ Expanded(child: Divider()), Padding( padding: EdgeInsets.symmetric(horizontal: 16), child: Text( 'O', style: TextStyle(color: Colors.grey), ), ), Expanded(child: Divider()), ], ), SizedBox(height: 16), OutlinedButton.icon( onPressed: () { // Demo login _emailController.text = 'admin@restaurant.com'; _passwordController.text = 'password'; }, icon: Icon(Icons.login), label: Text('Ingresar como Demo'), style: OutlinedButton.styleFrom( padding: EdgeInsets.symmetric(vertical: 16), ), ), ], ), ), ), ); } } [V0_FILE]plaintext:file="lib/screens/orders_screen.dart" isMerged="true" import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../providers/order_provider.dart'; import '../utils/app_theme.dart'; import '../widgets/responsive_wrapper.dart'; import '../models/order.dart'; class OrdersScreen extends StatefulWidget { @override _OrdersScreenState createState() => _OrdersScreenState(); } class _OrdersScreenState extends State { String _selectedFilter = 'all'; @override Widget build(BuildContext context) { final orderProvider = Provider.of(context); final orders = orderProvider.orders; // Filter orders based on selected filter List filteredOrders; switch (_selectedFilter) { case 'pending': filteredOrders = orders.where((order) => order.status.toLowerCase() == 'pendiente').toList(); break; case 'preparing': filteredOrders = orders.where((order) => order.status.toLowerCase() == 'en preparación').toList(); break; case 'delivered': filteredOrders = orders.where((order) => order.status.toLowerCase() == 'entregado').toList(); break; case 'cancelled': filteredOrders = orders.where((order) => order.status.toLowerCase() == 'cancelado').toList(); break; case 'today': filteredOrders = orders.where((order) => order.orderDate.day == DateTime.now().day && order.orderDate.month == DateTime.now().month && order.orderDate.year == DateTime.now().year).toList(); break; default: filteredOrders = orders; } // Sort orders by date (newest first) filteredOrders.sort((a, b) => b.orderDate.compareTo(a.orderDate)); return ResponsiveWrapper( child: Padding( padding: const EdgeInsets.all(16.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Gestión de Pedidos', style: Theme.of(context).textTheme.headlineMedium?.copyWith( color: AppColors.darkBrown, fontWeight: FontWeight.bold, ), ), SizedBox(height: 24), // Filter Chips SingleChildScrollView( scrollDirection: Axis.horizontal, child: Row( children: [ _buildFilterChip('Todos', 'all'), SizedBox(width: 8), _buildFilterChip('Pendientes', 'pending'), SizedBox(width: 8), _buildFilterChip('En Preparación', 'preparing'), SizedBox(width: 8), _buildFilterChip('Entregados', 'delivered'), SizedBox(width: 8), _buildFilterChip('Cancelados', 'cancelled'), SizedBox(width: 8), _buildFilterChip('Hoy', 'today'), ], ), ), SizedBox(height: 16), // Orders List Expanded( child: filteredOrders.isEmpty ? Center(child: Text('No hay pedidos disponibles')) : ListView.builder( itemCount: filteredOrders.length, itemBuilder: (context, index) { final order = filteredOrders[index]; return Card( margin: EdgeInsets.only(bottom: 16), child: ExpansionTile( leading: Container( width: 40, height: 40, decoration: BoxDecoration( color: _getStatusColor(order.status).withOpacity(0.1), borderRadius: BorderRadius.circular(8), ), child: Icon( _getStatusIcon(order.status), color: _getStatusColor(order.status), ), ), title: Text( 'Pedido #${order.id}', style: TextStyle(fontWeight: FontWeight.bold), ), subtitle: Text( '${order.customerName} • ${_formatDate(order.orderDate)}', ), trailing: Text( 'Bs. ${order.total.toStringAsFixed(2)}', style: TextStyle( fontWeight: FontWeight.bold, color: AppColors.gold, ), ), children: [ Padding( padding: const EdgeInsets.all(16.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ _buildInfoRow('Cliente', order.customerName), _buildInfoRow('WhatsApp', order.whatsappNumber), _buildInfoRow('Tipo de Entrega', order.deliveryType), _buildInfoRow('Dirección', order.address ?? 'N/A'), ], ), ), Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ _buildInfoRow('Fecha', _formatDate(order.orderDate)), _buildInfoRow('Hora', _formatTime(order.orderDate)), _buildInfoRow('Pago', order.paymentType), _buildInfoRow('Estado', order.status), ], ), ), ], ), SizedBox(height: 16), Text( 'Productos', style: TextStyle( fontWeight: FontWeight.bold, fontSize: 16, ), ), SizedBox(height: 8), ListView.builder( shrinkWrap: true, physics: NeverScrollableScrollPhysics(), itemCount: order.items.length, itemBuilder: (context, itemIndex) { final item = order.items[itemIndex]; return ListTile( contentPadding: EdgeInsets.zero, title: Text(item.productName), subtitle: item.specialInstructions != null ? Text('Nota: ${item.specialInstructions}') : null, trailing: Text( '${item.quantity} x Bs. ${item.unitPrice.toStringAsFixed(2)} = Bs. ${item.subtotal.toStringAsFixed(2)}', ), ); }, ), SizedBox(height: 16), Row( mainAxisAlignment: MainAxisAlignment.end, children: [ Text( 'Total: Bs. ${order.total.toStringAsFixed(2)}', style: TextStyle( fontWeight: FontWeight.bold, fontSize: 18, ), ), ], ), SizedBox(height: 16), Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ _buildActionButton( 'Aceptar', Icons.check_circle, Colors.green, order.status.toLowerCase() == 'pendiente', () { orderProvider.updateOrderStatus(order.id, 'en preparación'); }, ), _buildActionButton( 'Preparando', Icons.restaurant, AppColors.gold, order.status.toLowerCase() == 'en preparación', () { // Update status to preparing }, ), _buildActionButton( 'Entregar', Icons.delivery_dining, AppColors.brown, order.status.toLowerCase() == 'en preparación', () { orderProvider.updateOrderStatus(order.id, 'entregado'); }, ), _buildActionButton( 'Cancelar', Icons.cancel, Colors.red, order.status.toLowerCase() != 'entregado' && order.status.toLowerCase() != 'cancelado', () { orderProvider.updateOrderStatus(order.id, 'cancelado'); }, ), ], ), ], ), ), ], ), ); }, ), ), ], ), ), ); } Widget _buildFilterChip(String label, String value) { return FilterChip( label: Text(label), selected: _selectedFilter == value, onSelected: (selected) { setState(() { _selectedFilter = value; }); }, selectedColor: AppColors.gold.withOpacity(0.2), checkmarkColor: AppColors.gold, ); } Widget _buildInfoRow(String label, String value) { return Padding( padding: const EdgeInsets.only(bottom: 8.0), child: Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( '$label: ', style: TextStyle( fontWeight: FontWeight.bold, color: Colors.black54, ), ), Expanded( child: Text(value), ), ], ), ); } Widget _buildActionButton( String label, IconData icon, Color color, bool isEnabled, VoidCallback onPressed, ) { return ElevatedButton.icon( onPressed: isEnabled ? onPressed : null, icon: Icon(icon, color: Colors.white), label: Text(label), style: ElevatedButton.styleFrom( backgroundColor: color, foregroundColor: Colors.white, disabledBackgroundColor: Colors.grey.withOpacity(0.3), disabledForegroundColor: Colors.grey, ), ); } String _formatDate(DateTime date) { return '${date.day}/${date.month}/${date.year}'; } String _formatTime(DateTime date) { return '${date.hour.toString().padLeft(2, '0')}:${date.minute.toString().padLeft(2, '0')}'; } Color _getStatusColor(String status) { switch (status.toLowerCase()) { case 'entregado': return Colors.green; case 'en preparación': return AppColors.gold; case 'pendiente': return AppColors.orange; case 'cancelado': return Colors.red; default: return Colors.grey; } } IconData _getStatusIcon(String status) { switch (status.toLowerCase()) { case 'entregado': return Icons.check_circle; case 'en preparación': return Icons.restaurant; case 'pendiente': return Icons.access_time; case 'cancelado': return Icons.cancel; default: return Icons.help; } } } [V0_FILE]plaintext:file="lib/screens/customer/customer_cart_screen.dart" isMerged="true" import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../../providers/cart_provider.dart'; import '../../utils/app_theme.dart'; import 'customer_checkout_screen.dart'; class CustomerCartScreen extends StatelessWidget { @override Widget build(BuildContext context) { final cartProvider = Provider.of(context); final cartItems = cartProvider.items; return Scaffold( appBar: AppBar( title: Text('Carrito de Compras'), actions: [ if (cartItems.isNotEmpty) IconButton( icon: Icon(Icons.delete), onPressed: () { showDialog( context: context, builder: (context) => AlertDialog( title: Text('Vaciar Carrito'), content: Text('¿Está seguro de vaciar el carrito?'), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () { cartProvider.clearCart(); Navigator.of(context).pop(); }, child: Text('Vaciar'), style: ElevatedButton.styleFrom( backgroundColor: Colors.red, ), ), ], ), ); }, ), ], ), body: cartItems.isEmpty ? Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon( Icons.shopping_cart_outlined, size: 80, color: Colors.grey, ), SizedBox(height: 16), Text( 'Su carrito está vacío', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, color: Colors.grey[700], ), ), SizedBox(height: 8), Text( 'Agregue productos para realizar un pedido', style: TextStyle( color: Colors.grey[600], ), ), SizedBox(height: 24), ElevatedButton( onPressed: () { Navigator.pop(context); }, child: Text('Ver Menú'), ), ], ), ) : Column( children: [ Expanded( child: ListView.builder( itemCount: cartItems.length, padding: EdgeInsets.all(16), itemBuilder: (context, index) { final item = cartItems[index]; return Card( margin: EdgeInsets.only(bottom: 16), child: Padding( padding: const EdgeInsets.all(16.0), child: Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ // Product Image Container( width: 80, height: 80, decoration: BoxDecoration( color: AppColors.cream, borderRadius: BorderRadius.circular(8), ), child: Center( child: Icon( Icons.restaurant, size: 32, color: AppColors.gold, ), ), ), SizedBox(width: 16), // Product Info Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( item.product.name, style: TextStyle( fontWeight: FontWeight.bold, fontSize: 16, ), ), SizedBox(height: 4), if (item.specialInstructions != null) ...[ Text( 'Nota: ${item.specialInstructions}', style: TextStyle( color: Colors.grey[600], fontStyle: FontStyle.italic, fontSize: 12, ), ), SizedBox(height: 4), ], Text( 'Bs. ${item.product.price.toStringAsFixed(2)} x ${item.quantity}', style: TextStyle( color: Colors.grey[700], ), ), SizedBox(height: 8), Row( children: [ IconButton( icon: Icon(Icons.remove_circle), color: AppColors.brown, padding: EdgeInsets.zero, constraints: BoxConstraints(), onPressed: () { if (item.quantity > 1) { cartProvider.updateQuantity(item.product.id, item.quantity - 1); } else { cartProvider.removeFromCart(item.product.id); } }, ), SizedBox(width: 8), Text( '${item.quantity}', style: TextStyle( fontWeight: FontWeight.bold, ), ), SizedBox(width: 8), IconButton( icon: Icon(Icons.add_circle), color: AppColors.brown, padding: EdgeInsets.zero, constraints: BoxConstraints(), onPressed: () { cartProvider.updateQuantity(item.product.id, item.quantity + 1); }, ), Spacer(), Text( 'Bs. ${(item.product.price * item.quantity).toStringAsFixed(2)}', style: TextStyle( fontWeight: FontWeight.bold, color: AppColors.gold, ), ), SizedBox(width: 8), IconButton( icon: Icon(Icons.delete), color: Colors.red, padding: EdgeInsets.zero, constraints: BoxConstraints(), onPressed: () { cartProvider.removeFromCart(item.product.id); }, ), ], ), ], ), ), ], ), ), ); }, ), ), // Order Summary Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( color: Colors.white, boxShadow: [ BoxShadow( color: Colors.grey.withOpacity(0.2), spreadRadius: 1, blurRadius: 5, offset: Offset(0, -2), ), ], ), child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Subtotal', style: TextStyle( fontSize: 16, ), ), Text( 'Bs. ${cartProvider.subtotal.toStringAsFixed(2)}', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ], ), SizedBox(height: 8), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Total', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), Text( 'Bs. ${cartProvider.total.toStringAsFixed(2)}', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, color: AppColors.gold, ), ), ], ), SizedBox(height: 16), SizedBox( width: double.infinity, height: 50, child: ElevatedButton( onPressed: () { Navigator.push( context, MaterialPageRoute( builder: (context) => CustomerCheckoutScreen(), ), ); }, child: Text( 'Proceder al Pago', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ), ), ], ), ), ], ), ); } } [V0_FILE]plaintext:file="lib/screens/customer/customer_checkout_screen.dart" isMerged="true" import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../../providers/cart_provider.dart'; import '../../providers/order_provider.dart'; import '../../models/order.dart'; import '../../utils/app_theme.dart'; import 'customer_order_success_screen.dart'; class CustomerCheckoutScreen extends StatefulWidget { @override _CustomerCheckoutScreenState createState() => _CustomerCheckoutScreenState(); } class _CustomerCheckoutScreenState extends State { final _formKey = GlobalKey(); final _nameController = TextEditingController(); final _phoneController = TextEditingController(); final _addressController = TextEditingController(); String _deliveryType = 'pickup'; String _paymentType = 'efectivo'; bool _isLoading = false; @override void dispose() { _nameController.dispose(); _phoneController.dispose(); _addressController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { final cartProvider = Provider.of(context); return Scaffold( appBar: AppBar( title: Text('Finalizar Pedido'), ), body: _isLoading ? Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ CircularProgressIndicator( color: AppColors.gold, ), SizedBox(height: 16), Text( 'Procesando su pedido...', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ], ), ) : SingleChildScrollView( padding: EdgeInsets.all(16), child: Form( key: _formKey, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Información de Contacto', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 16), TextFormField( controller: _nameController, decoration: InputDecoration( labelText: 'Nombre Completo', prefixIcon: Icon(Icons.person, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese su nombre'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _phoneController, decoration: InputDecoration( labelText: 'Número de WhatsApp', prefixIcon: Icon(Icons.phone, color: AppColors.gold), ), keyboardType: TextInputType.phone, validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese su número de WhatsApp'; } return null; }, ), SizedBox(height: 24), Text( 'Tipo de Entrega', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), RadioListTile( title: Text('Recoger en Restaurante'), value: 'pickup', groupValue: _deliveryType, activeColor: AppColors.gold, onChanged: (value) { setState(() { _deliveryType = value!; }); }, ), RadioListTile( title: Text('Entrega a Domicilio'), value: 'delivery', groupValue: _deliveryType, activeColor: AppColors.gold, onChanged: (value) { setState(() { _deliveryType = value!; }); }, ), if (_deliveryType == 'delivery') ...[ SizedBox(height: 16), TextFormField( controller: _addressController, decoration: InputDecoration( labelText: 'Dirección de Entrega', prefixIcon: Icon(Icons.location_on, color: AppColors.gold), ), maxLines: 3, validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese su dirección'; } return null; }, ), ], SizedBox(height: 24), Text( 'Método de Pago', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), RadioListTile( title: Text('Efectivo'), value: 'efectivo', groupValue: _paymentType, activeColor: AppColors.gold, onChanged: (value) { setState(() { _paymentType = value!; }); }, ), RadioListTile( title: Text('Tarjeta de Crédito/Débito'), value: 'tarjeta', groupValue: _paymentType, activeColor: AppColors.gold, onChanged: (value) { setState(() { _paymentType = value!; }); }, ), RadioListTile( title: Text('Transferencia Bancaria'), value: 'transferencia', groupValue: _paymentType, activeColor: AppColors.gold, onChanged: (value) { setState(() { _paymentType = value!; }); }, ), SizedBox(height: 24), Text( 'Resumen del Pedido', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 16), // Order Items ...cartProvider.items.map((item) { return Padding( padding: const EdgeInsets.only(bottom: 8.0), child: Row( children: [ Text( '${item.quantity}x', style: TextStyle( fontWeight: FontWeight.bold, ), ), SizedBox(width: 8), Expanded( child: Text(item.product.name), ), Text( 'Bs. ${(item.product.price * item.quantity).toStringAsFixed(2)}', style: TextStyle( fontWeight: FontWeight.bold, ), ), ], ), ); }).toList(), Divider(height: 32), // Order Total Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Subtotal', style: TextStyle( fontSize: 16, ), ), Text( 'Bs. ${cartProvider.subtotal.toStringAsFixed(2)}', style: TextStyle( fontSize: 16, ), ), ], ), SizedBox(height: 8), if (_deliveryType == 'delivery') ...[ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Costo de Entrega', style: TextStyle( fontSize: 16, ), ), Text( 'Bs. 10.00', style: TextStyle( fontSize: 16, ), ), ], ), SizedBox(height: 8), ], Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Total', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), Text( 'Bs. ${(_deliveryType == 'delivery' ? cartProvider.total + 10.0 : cartProvider.total).toStringAsFixed(2)}', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, color: AppColors.gold, ), ), ], ), SizedBox(height: 32), SizedBox( width: double.infinity, height: 50, child: ElevatedButton( onPressed: _submitOrder, child: Text( 'Confirmar Pedido', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ), ), ], ), ), ), ); } void _submitOrder() async { if (_formKey.currentState!.validate()) { setState(() { _isLoading = true; }); try { final cartProvider = Provider.of(context, listen: false); final orderProvider = Provider.of(context, listen: false); // Create order items final orderItems = cartProvider.items.map((item) => OrderItem( productId: item.product.id, productName: item.product.name, unitPrice: item.product.price, quantity: item.quantity, specialInstructions: item.specialInstructions, )).toList(); // Create order final order = Order( id: DateTime.now().millisecondsSinceEpoch.toString(), customerName: _nameController.text, whatsappNumber: _phoneController.text, deliveryType: _deliveryType, address: _deliveryType == 'delivery' ? _addressController.text : null, paymentType: _paymentType, status: 'pendiente', orderDate: DateTime.now(), items: orderItems, deliveryFee: _deliveryType == 'delivery' ? 10.0 : null, ); // Add order to provider await orderProvider.addOrder(order); // Clear cart cartProvider.clearCart(); // Navigate to success screen Navigator.pushReplacement( context, MaterialPageRoute( builder: (context) => CustomerOrderSuccessScreen(order: order), ), ); } catch (e) { ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Error al procesar el pedido: $e'), backgroundColor: Colors.red, ), ); setState(() { _isLoading = false; }); } } } } [V0_FILE]plaintext:file="lib/screens/customer/customer_order_success_screen.dart" isMerged="true" import 'package:flutter/material.dart'; import '../../models/order.dart'; import '../../utils/app_theme.dart'; class CustomerOrderSuccessScreen extends StatelessWidget { final Order order; const CustomerOrderSuccessScreen({ Key? key, required this.order, }) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Padding( padding: const EdgeInsets.all(24.0), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Container( width: 120, height: 120, decoration: BoxDecoration( color: Colors.green.withOpacity(0.1), shape: BoxShape.circle, ), child: Icon( Icons.check_circle, size: 80, color: Colors.green, ), ), SizedBox(height: 24), Text( '¡Pedido Realizado con Éxito!', style: TextStyle( fontSize: 24, fontWeight: FontWeight.bold, color: AppColors.darkBrown, ), textAlign: TextAlign.center, ), SizedBox(height: 16), Text( 'Su pedido ha sido recibido y está siendo procesado.', style: TextStyle( fontSize: 16, color: Colors.grey[700], ), textAlign: TextAlign.center, ), SizedBox(height: 32), Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( color: Colors.grey[100], borderRadius: BorderRadius.circular(12), ), child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Número de Pedido:', style: TextStyle( fontWeight: FontWeight.bold, ), ), Text('#${order.id}'), ], ), SizedBox(height: 8), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Fecha:', style: TextStyle( fontWeight: FontWeight.bold, ), ), Text(_formatDate(order.orderDate)), ], ), SizedBox(height: 8), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Total:', style: TextStyle( fontWeight: FontWeight.bold, ), ), Text( 'Bs. ${order.total.toStringAsFixed(2)}', style: TextStyle( color: AppColors.gold, fontWeight: FontWeight.bold, ), ), ], ), ], ), ), SizedBox(height: 32), Text( 'Recibirá actualizaciones sobre su pedido a través de WhatsApp.', style: TextStyle( fontSize: 14, color: Colors.grey[700], ), textAlign: TextAlign.center, ), SizedBox(height: 32), SizedBox( width: double.infinity, height: 50, child: ElevatedButton( onPressed: () { Navigator.pushNamedAndRemoveUntil( context, '/customer_home', (route) => false, ); }, child: Text( 'Volver al Menú', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ), ), ], ), ), ), ); } String _formatDate(DateTime date) { return '${date.day}/${date.month}/${date.year} ${date.hour}:${date.minute.toString().padLeft(2, '0')}'; } } [V0_FILE]typescriptreact:file="lib/screens/profile_screen.dart" isEdit="true" isQuickEdit="true" isMerged="true" import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../providers/auth_provider.dart'; import '../utils/app_theme.dart'; import '../widgets/responsive_wrapper.dart'; class ProfileScreen extends StatefulWidget { @override _ProfileScreenState createState() => _ProfileScreenState(); } class _ProfileScreenState extends State with SingleTickerProviderStateMixin { late TabController _tabController; @override void initState() { super.initState(); _tabController = TabController(length: 2, vsync: this); } @override void dispose() { _tabController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { final authProvider = Provider.of(context); return ResponsiveWrapper( child: Padding( padding: const EdgeInsets.all(16.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Configuración', style: Theme.of(context).textTheme.headlineMedium?.copyWith( color: AppColors.darkBrown, fontWeight: FontWeight.bold, ), ), SizedBox(height: 24), TabBar( controller: _tabController, labelColor: AppColors.gold, unselectedLabelColor: Colors.grey, indicatorColor: AppColors.gold, tabs: [ Tab(text: 'Perfil de Restaurante'), Tab(text: 'Usuarios'), ], ), Expanded( child: TabBarView( controller: _tabController, children: [ RestaurantProfileTab(), UsersTab(), ], ), ), ], ), ), ); } } class RestaurantProfileTab extends StatefulWidget { @override _RestaurantProfileTabState createState() => _RestaurantProfileTabState(); } class _RestaurantProfileTabState extends State { final _formKey = GlobalKey(); final _nameController = TextEditingController(text: 'Mi Restaurante'); final _nitController = TextEditingController(text: '123456789'); final _phoneController = TextEditingController(text: '123456789'); final _addressController = TextEditingController(text: 'Av. Principal #123'); // Controladores para las coordenadas GPS final _latitudeController = TextEditingController(text: '-16.5000'); final _longitudeController = TextEditingController(text: '-68.1500'); bool _isLoading = false; bool _isGettingLocation = false; @override void dispose() { _nameController.dispose(); _nitController.dispose(); _phoneController.dispose(); _addressController.dispose(); _latitudeController.dispose(); _longitudeController.dispose(); super.dispose(); } // Simular obtención de ubicación GPS Future _getCurrentLocation() async { setState(() { _isGettingLocation = true; }); try { // En una aplicación real, aquí usaríamos el paquete geolocator // para obtener la ubicación actual del dispositivo await Future.delayed(Duration(seconds: 2)); // Simular tiempo de espera // Simular coordenadas obtenidas (en una app real, estas vendrían del GPS) setState(() { _latitudeController.text = '-16.4897'; _longitudeController.text = '-68.1193'; }); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Ubicación actualizada correctamente'), backgroundColor: Colors.green, ), ); } catch (e) { ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Error al obtener la ubicación: $e'), backgroundColor: Colors.red, ), ); } finally { setState(() { _isGettingLocation = false; }); } } @override Widget build(BuildContext context) { return SingleChildScrollView( padding: EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ // Restaurant Logo Center( child: Column( children: [ Container( width: 120, height: 120, decoration: BoxDecoration( color: AppColors.cream, shape: BoxShape.circle, border: Border.all( color: AppColors.gold, width: 2, ), ), child: Center( child: Icon( Icons.restaurant, size: 60, color: AppColors.gold, ), ), ), SizedBox(height: 8), TextButton.icon( onPressed: () { // Upload logo ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Funcionalidad de carga de logo implementada'), backgroundColor: Colors.blue, ), ); }, icon: Icon(Icons.upload), label: Text('Cambiar Logo'), ), ], ), ), SizedBox(height: 24), // Restaurant Information Form Form( key: _formKey, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Información del Restaurante', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 16), TextFormField( controller: _nameController, decoration: InputDecoration( labelText: 'Nombre del Restaurante', prefixIcon: Icon(Icons.business, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el nombre'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _nitController, decoration: InputDecoration( labelText: 'NIT', prefixIcon: Icon(Icons.badge, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el NIT'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _phoneController, decoration: InputDecoration( labelText: 'Teléfono', prefixIcon: Icon(Icons.phone, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el teléfono'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _addressController, decoration: InputDecoration( labelText: 'Dirección', prefixIcon: Icon(Icons.location_on, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese la dirección'; } return null; }, ), SizedBox(height: 24), Text( 'Ubicación GPS', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 16), Container( height: 200, decoration: BoxDecoration( color: Colors.grey[300], borderRadius: BorderRadius.circular(12), ), child: Stack( children: [ Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon( Icons.map, size: 48, color: AppColors.brown, ), SizedBox(height: 8), Text( 'Mapa de ubicación', style: TextStyle( color: AppColors.brown, fontWeight: FontWeight.bold, ), ), SizedBox(height: 4), Text( 'Latitud: ${_latitudeController.text}, Longitud: ${_longitudeController.text}', style: TextStyle( fontSize: 12, color: Colors.grey[700], ), ), ], ), ), // Marcador de posición Center( child: Icon( Icons.location_pin, color: Colors.red, size: 36, ), ), ], ), ), SizedBox(height: 8), Row( children: [ Expanded( child: TextFormField( controller: _latitudeController, decoration: InputDecoration( labelText: 'Latitud', enabled: false, ), ), ), SizedBox(width: 16), Expanded( child: TextFormField( controller: _longitudeController, decoration: InputDecoration( labelText: 'Longitud', enabled: false, ), ), ), ], ), SizedBox(height: 8), ElevatedButton.icon( onPressed: _isGettingLocation ? null : _getCurrentLocation, icon: _isGettingLocation ? SizedBox( width: 20, height: 20, child: CircularProgressIndicator( strokeWidth: 2, color: Colors.white, ), ) : Icon(Icons.my_location), label: Text(_isGettingLocation ? 'Obteniendo ubicación...' : 'Actualizar Ubicación'), ), SizedBox(height: 32), Row( mainAxisAlignment: MainAxisAlignment.end, children: [ OutlinedButton( onPressed: _isLoading ? null : () { // Reset form _nameController.text = 'Mi Restaurante'; _nitController.text = '123456789'; _phoneController.text = '123456789'; _addressController.text = 'Av. Principal #123'; _latitudeController.text = '-16.5000'; _longitudeController.text = '-68.1500'; }, child: Text('Cancelar'), ), SizedBox(width: 16), ElevatedButton( onPressed: _isLoading ? null : () async { if (_formKey.currentState!.validate()) { setState(() { _isLoading = true; }); // Simular guardado await Future.delayed(Duration(seconds: 1)); setState(() { _isLoading = false; }); // Save restaurant profile ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Perfil actualizado correctamente'), backgroundColor: Colors.green, ), ); } }, child: _isLoading ? SizedBox( width: 20, height: 20, child: CircularProgressIndicator( strokeWidth: 2, color: Colors.white, ), ) : Text('Guardar Cambios'), ), ], ), ], ), ), ], ), ); } } class UsersTab extends StatelessWidget { @override Widget build(BuildContext context) { return Padding( padding: const EdgeInsets.all(16.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Expanded( child: Text( 'Usuarios del Sistema', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), ), ElevatedButton.icon( onPressed: () { // Add new user showDialog( context: context, builder: (context) => AddUserDialog(), ); }, icon: Icon(Icons.add), label: Text('Nuevo Usuario'), ), ], ), SizedBox(height: 16), // Users List Expanded( child: ListView( children: [ _buildUserCard( name: 'Admin Principal', phone: '123456789', role: 'Administrador', status: 'Activo', ), _buildUserCard( name: 'Juan Pérez', phone: '987654321', role: 'Cajero', status: 'Activo', ), _buildUserCard( name: 'María López', phone: '456789123', role: 'Mesero', status: 'Inactivo', ), ], ), ), ], ), ); } Widget _buildUserCard({ required String name, required String phone, required String role, required String status, }) { final isActive = status.toLowerCase() == 'activo'; return Card( margin: EdgeInsets.only(bottom: 12), child: ListTile( leading: CircleAvatar( backgroundColor: AppColors.gold.withOpacity(0.2), child: Icon( Icons.person, color: AppColors.gold, ), ), title: Text( name, style: TextStyle(fontWeight: FontWeight.bold), ), subtitle: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text('Teléfono: $phone'), Text('Rol: $role'), ], ), trailing: Row( mainAxisSize: MainAxisSize.min, children: [ Container( padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4), decoration: BoxDecoration( color: isActive ? Colors.green.withOpacity(0.1) : Colors.red.withOpacity(0.1), borderRadius: BorderRadius.circular(4), ), child: Text( status, style: TextStyle( color: isActive ? Colors.green : Colors.red, fontSize: 12, ), ), ), IconButton( icon: Icon(Icons.edit, color: AppColors.brown), onPressed: () { // Edit user }, ), IconButton( icon: Icon(Icons.delete, color: Colors.red), onPressed: () { // Delete user }, ), ], ), isThreeLine: true, ), ); } } class AddUserDialog extends StatefulWidget { @override _AddUserDialogState createState() => _AddUserDialogState(); } class _AddUserDialogState extends State { final _formKey = GlobalKey(); final _nameController = TextEditingController(); final _phoneController = TextEditingController(); final _passwordController = TextEditingController(); String _selectedRole = 'Cajero'; bool _isPasswordVisible = false; @override void dispose() { _nameController.dispose(); _phoneController.dispose(); _passwordController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return AlertDialog( title: Text('Agregar Nuevo Usuario'), content: Form( key: _formKey, child: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, children: [ TextFormField( controller: _nameController, decoration: InputDecoration( labelText: 'Nombre Completo', prefixIcon: Icon(Icons.person, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el nombre'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _phoneController, decoration: InputDecoration( labelText: 'Teléfono', prefixIcon: Icon(Icons.phone, color: AppColors.gold), ), keyboardType: TextInputType.phone, validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el teléfono'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _passwordController, decoration: InputDecoration( labelText: 'Contraseña', prefixIcon: Icon(Icons.lock, color: AppColors.gold), suffixIcon: IconButton( icon: Icon( _isPasswordVisible ? Icons.visibility_off : Icons.visibility, color: AppColors.brown, ), onPressed: () { setState(() { _isPasswordVisible = !_isPasswordVisible; }); }, ), ), obscureText: !_isPasswordVisible, validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese la contraseña'; } if (value.length < 6) { return 'La contraseña debe tener al menos 6 caracteres'; } return null; }, ), SizedBox(height: 16), DropdownButtonFormField( decoration: InputDecoration( labelText: 'Rol', prefixIcon: Icon(Icons.badge, color: AppColors.gold), ), value: _selectedRole, items: [ 'Administrador', 'Cajero', 'Mesero', 'Cocinero', ].map((role) { return DropdownMenuItem( value: role, child: Text(role), ); }).toList(), onChanged: (value) { setState(() { _selectedRole = value!; }); }, ), ], ), ), ), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () { if (_formKey.currentState!.validate()) { // Create new user Navigator.of(context).pop(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Usuario creado correctamente'), backgroundColor: Colors.green, ), ); } }, child: Text('Guardar'), ), ], ); } } [V0_FILE]plaintext:file="lib/utils/app_theme.dart" isEdit="true" isMerged="true" import 'package:flutter/material.dart'; class AppColors { static const Color cream = Color(0xFFF5F5DC); static const Color lightBrown = Color(0xFFD2B48C); static const Color brown = Color(0xFFA52A2A); static const Color darkBrown = Color(0xFF654321); static const Color gold = Color(0xFFDAA520); static const Color orange = Color(0xFFFF8C00); } class AppTheme { static ThemeData get lightTheme { return ThemeData( primaryColor: AppColors.brown, scaffoldBackgroundColor: Colors.white, colorScheme: ColorScheme.light( primary: AppColors.brown, secondary: AppColors.gold, background: Colors.white, ), appBarTheme: AppBarTheme( backgroundColor: AppColors.brown, foregroundColor: Colors.white, elevation: 0, ), elevatedButtonTheme: ElevatedButtonThemeData( style: ElevatedButton.styleFrom( backgroundColor: AppColors.brown, foregroundColor: Colors.white, padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8), ), ), ), outlinedButtonTheme: OutlinedButtonThemeData( style: OutlinedButton.styleFrom( foregroundColor: AppColors.brown, side: BorderSide(color: AppColors.brown), padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8), ), ), ), textButtonTheme: TextButtonThemeData( style: TextButton.styleFrom( foregroundColor: AppColors.brown, ), ), inputDecorationTheme: InputDecorationTheme( filled: true, fillColor: Colors.white, border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), borderSide: BorderSide(color: Colors.grey.shade300), ), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(8), borderSide: BorderSide(color: Colors.grey.shade300), ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(8), borderSide: BorderSide(color: AppColors.gold), ), errorBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(8), borderSide: BorderSide(color: Colors.red), ), contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 16), ), cardTheme: CardTheme( elevation: 2, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), margin: EdgeInsets.zero, shadowColor: Colors.black.withOpacity(0.1), ), tabBarTheme: TabBarTheme( labelColor: AppColors.gold, unselectedLabelColor: Colors.grey, indicatorColor: AppColors.gold, labelStyle: TextStyle(fontWeight: FontWeight.bold), unselectedLabelStyle: TextStyle(fontWeight: FontWeight.normal), ), dividerTheme: DividerThemeData( color: Colors.grey.shade300, thickness: 1, ), textTheme: TextTheme( headlineLarge: TextStyle( color: AppColors.darkBrown, fontWeight: FontWeight.bold, ), headlineMedium: TextStyle( color: AppColors.darkBrown, fontWeight: FontWeight.bold, ), headlineSmall: TextStyle( color: AppColors.darkBrown, fontWeight: FontWeight.bold, ), titleLarge: TextStyle( color: AppColors.darkBrown, fontWeight: FontWeight.bold, ), titleMedium: TextStyle( color: AppColors.darkBrown, fontWeight: FontWeight.w500, ), bodyLarge: TextStyle( color: Colors.black87, ), bodyMedium: TextStyle( color: Colors.black87, ), ), // Mejorar la apariencia de los botones flotantes floatingActionButtonTheme: FloatingActionButtonThemeData( backgroundColor: AppColors.gold, foregroundColor: Colors.white, ), // Mejorar la apariencia de los chips chipTheme: ChipThemeData( backgroundColor: Colors.grey.shade200, selectedColor: AppColors.gold.withOpacity(0.2), labelStyle: TextStyle(color: Colors.black87), secondaryLabelStyle: TextStyle(color: AppColors.gold), padding: EdgeInsets.symmetric(horizontal: 12, vertical: 8), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(16), ), ), // Mejorar la apariencia de los diálogos dialogTheme: DialogTheme( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(16), ), elevation: 8, titleTextStyle: TextStyle( color: AppColors.darkBrown, fontSize: 20, fontWeight: FontWeight.bold, ), ), ); } } [V0_FILE]plaintext:file="lib/screens/dashboard_screen.dart" isEdit="true" isMerged="true" import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../providers/auth_provider.dart'; import '../providers/order_provider.dart'; import '../providers/menu_provider.dart'; import '../utils/app_theme.dart'; import 'menu_management_screen.dart'; import 'orders_screen.dart'; import 'profile_screen.dart'; class DashboardScreen extends StatefulWidget { @override _DashboardScreenState createState() => _DashboardScreenState(); } class _DashboardScreenState extends State { int _selectedIndex = 0; final List _screens = [ DashboardHomeScreen(), MenuManagementScreen(), OrdersScreen(), ProfileScreen(), ]; @override Widget build(BuildContext context) { final authProvider = Provider.of(context); final isSmallScreen = MediaQuery.of(context).size.width < 640; return Scaffold( appBar: AppBar( title: Text('Restaurant Management System'), actions: [ IconButton( icon: Icon(Icons.notifications), onPressed: () { // Show notifications ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('No hay notificaciones nuevas'), duration: Duration(seconds: 2), ), ); }, ), PopupMenuButton( icon: CircleAvatar( backgroundColor: AppColors.cream, child: Text( authProvider.currentUser?.name.substring(0, 1) ?? 'U', style: TextStyle( color: AppColors.brown, fontWeight: FontWeight.bold, ), ), ), itemBuilder: (context) => [ PopupMenuItem( child: Text('Mi Perfil'), value: 'profile', ), PopupMenuItem( child: Text('Cambiar Contraseña'), value: 'change_password', ), PopupMenuItem( child: Text('Cerrar Sesión'), value: 'logout', ), ], onSelected: (value) { if (value == 'logout') { authProvider.logout(); } else if (value == 'profile') { setState(() { _selectedIndex = 3; }); } else if (value == 'change_password') { _showChangePasswordDialog(); } }, ), SizedBox(width: 16), ], ), body: Row( children: [ // Side Navigation for larger screens if (!isSmallScreen) _buildSideNavigation(authProvider), // Main content Expanded( child: _screens[_selectedIndex], ), ], ), drawer: isSmallScreen ? _buildDrawer(authProvider) : null, bottomNavigationBar: isSmallScreen ? BottomNavigationBar( currentIndex: _selectedIndex, onTap: (index) { setState(() { _selectedIndex = index; }); }, type: BottomNavigationBarType.fixed, selectedItemColor: AppColors.gold, unselectedItemColor: Colors.grey, items: [ BottomNavigationBarItem( icon: Icon(Icons.dashboard), label: 'Dashboard', ), BottomNavigationBarItem( icon: Icon(Icons.restaurant_menu), label: 'Menú', ), BottomNavigationBarItem( icon: Icon(Icons.receipt_long), label: 'Pedidos', ), BottomNavigationBarItem( icon: Icon(Icons.settings), label: 'Config', ), ], ) : null, ); } // Método para construir el drawer en pantallas pequeñas Widget _buildDrawer(AuthProvider authProvider) { return Drawer( child: ListView( padding: EdgeInsets.zero, children: [ DrawerHeader( decoration: BoxDecoration( color: AppColors.brown, ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ CircleAvatar( backgroundColor: Colors.white, radius: 32, child: Icon( Icons.restaurant, size: 32, color: AppColors.gold, ), ), SizedBox(height: 16), Text( 'Restaurant Management', style: TextStyle( color: Colors.white, fontSize: 18, ), ), Text( authProvider.currentUser?.name ?? 'Usuario', style: TextStyle( color: Colors.white70, fontSize: 14, ), ), ], ), ), _buildDrawerItem( icon: Icons.dashboard, title: 'Dashboard', index: 0, ), _buildDrawerItem( icon: Icons.restaurant_menu, title: 'Gestión de Menú', index: 1, ), _buildDrawerItem( icon: Icons.receipt_long, title: 'Pedidos', index: 2, ), _buildDrawerItem( icon: Icons.settings, title: 'Configuración', index: 3, ), Divider(), ListTile( leading: Icon(Icons.exit_to_app, color: Colors.red), title: Text( 'Cerrar Sesión', style: TextStyle(color: Colors.red), ), onTap: () { authProvider.logout(); Navigator.of(context).pop(); // Cerrar el drawer }, ), ], ), ); } // Método para construir la navegación lateral en pantallas grandes Widget _buildSideNavigation(AuthProvider authProvider) { return Container( width: 250, color: Colors.white, child: Column( children: [ Container( padding: EdgeInsets.all(16), color: AppColors.brown, child: Row( children: [ CircleAvatar( backgroundColor: Colors.white, radius: 24, child: Icon( Icons.restaurant, size: 24, color: AppColors.gold, ), ), SizedBox(width: 12), Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Restaurant', style: TextStyle( color: Colors.white, fontSize: 16, fontWeight: FontWeight.bold, ), ), Text( 'Management', style: TextStyle( color: Colors.white70, fontSize: 14, ), ), ], ), ), ], ), ), Expanded( child: ListView( padding: EdgeInsets.symmetric(vertical: 8), children: [ _buildSideNavItem( icon: Icons.dashboard, title: 'Dashboard', index: 0, ), _buildSideNavItem( icon: Icons.restaurant_menu, title: 'Gestión de Menú', index: 1, ), _buildSideNavItem( icon: Icons.receipt_long, title: 'Pedidos', index: 2, ), _buildSideNavItem( icon: Icons.settings, title: 'Configuración', index: 3, ), ], ), ), Divider(height: 1), ListTile( leading: CircleAvatar( backgroundColor: AppColors.cream, child: Text( authProvider.currentUser?.name.substring(0, 1) ?? 'U', style: TextStyle( color: AppColors.brown, fontWeight: FontWeight.bold, ), ), ), title: Text( authProvider.currentUser?.name ?? 'Usuario', style: TextStyle(fontWeight: FontWeight.bold), ), subtitle: Text(authProvider.currentUser?.email ?? ''), trailing: IconButton( icon: Icon(Icons.exit_to_app, color: Colors.red), onPressed: () { authProvider.logout(); }, ), ), ], ), ); } // Método para mostrar el diálogo de cambio de contraseña void _showChangePasswordDialog() { final _currentPasswordController = TextEditingController(); final _newPasswordController = TextEditingController(); final _confirmPasswordController = TextEditingController(); bool _obscureCurrentPassword = true; bool _obscureNewPassword = true; bool _obscureConfirmPassword = true; showDialog( context: context, builder: (context) { return StatefulBuilder( builder: (context, setState) { return AlertDialog( title: Text('Cambiar Contraseña'), content: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, children: [ TextFormField( controller: _currentPasswordController, decoration: InputDecoration( labelText: 'Contraseña Actual', prefixIcon: Icon(Icons.lock, color: AppColors.gold), suffixIcon: IconButton( icon: Icon( _obscureCurrentPassword ? Icons.visibility_off : Icons.visibility, color: AppColors.brown, ), onPressed: () { setState(() { _obscureCurrentPassword = !_obscureCurrentPassword; }); }, ), ), obscureText: _obscureCurrentPassword, ), SizedBox(height: 16), TextFormField( controller: _newPasswordController, decoration: InputDecoration( labelText: 'Nueva Contraseña', prefixIcon: Icon(Icons.lock_outline, color: AppColors.gold), suffixIcon: IconButton( icon: Icon( _obscureNewPassword ? Icons.visibility_off : Icons.visibility, color: AppColors.brown, ), onPressed: () { setState(() { _obscureNewPassword = !_obscureNewPassword; }); }, ), ), obscureText: _obscureNewPassword, ), SizedBox(height: 16), TextFormField( controller: _confirmPasswordController, decoration: InputDecoration( labelText: 'Confirmar Nueva Contraseña', prefixIcon: Icon(Icons.lock_outline, color: AppColors.gold), suffixIcon: IconButton( icon: Icon( _obscureConfirmPassword ? Icons.visibility_off : Icons.visibility, color: AppColors.brown, ), onPressed: () { setState(() { _obscureConfirmPassword = !_obscureConfirmPassword; }); }, ), ), obscureText: _obscureConfirmPassword, ), ], ), ), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () { // Validar contraseñas if (_currentPasswordController.text.isEmpty || _newPasswordController.text.isEmpty || _confirmPasswordController.text.isEmpty) { ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Por favor complete todos los campos'), backgroundColor: Colors.red, ), ); return; } if (_newPasswordController.text != _confirmPasswordController.text) { ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Las contraseñas no coinciden'), backgroundColor: Colors.red, ), ); return; } if (_newPasswordController.text.length < 6) { ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('La contraseña debe tener al menos 6 caracteres'), backgroundColor: Colors.red, ), ); return; } // Cambiar contraseña final authProvider = Provider.of(context, listen: false); authProvider.changePassword( _currentPasswordController.text, _newPasswordController.text, ).then((success) { Navigator.of(context).pop(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text(success ? 'Contraseña actualizada correctamente' : 'Error al actualizar la contraseña'), backgroundColor: success ? Colors.green : Colors.red, ), ); }); }, child: Text('Guardar'), ), ], ); }, ); }, ); } // Método para construir los elementos del drawer Widget _buildDrawerItem({ required IconData icon, required String title, required int index, }) { final bool isSelected = _selectedIndex == index; return ListTile( leading: Icon( icon, color: isSelected ? AppColors.gold : Colors.grey, ), title: Text( title, style: TextStyle( color: isSelected ? AppColors.gold : Colors.black87, fontWeight: isSelected ? FontWeight.bold : FontWeight.normal, ), ), selected: isSelected, onTap: () { setState(() { _selectedIndex = index; }); Navigator.of(context).pop(); // Cerrar el drawer después de seleccionar }, ); } // Método para construir los elementos de la navegación lateral Widget _buildSideNavItem({ required IconData icon, required String title, required int index, }) { final bool isSelected = _selectedIndex == index; return ListTile( leading: Icon( icon, color: isSelected ? AppColors.gold : Colors.grey, ), title: Text( title, style: TextStyle( color: isSelected ? AppColors.gold : Colors.black87, fontWeight: isSelected ? FontWeight.bold : FontWeight.normal, ), ), selected: isSelected, onTap: () { setState(() { _selectedIndex = index; }); }, tileColor: isSelected ? AppColors.cream.withOpacity(0.3) : null, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8), ), contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 4), ); } } class DashboardHomeScreen extends StatelessWidget { String _formatDate(DateTime date) { return '${date.day}/${date.month}/${date.year}'; } Color _getStatusColor(String status) { switch (status.toLowerCase()) { case 'entregado': return Colors.green; case 'en preparación': return AppColors.gold; case 'pendiente': return AppColors.orange; case 'cancelado': return Colors.red; default: return Colors.grey; } } IconData _getStatusIcon(String status) { switch (status.toLowerCase()) { case 'entregado': return Icons.check_circle; case 'en preparación': return Icons.restaurant; case 'pendiente': return Icons.access_time; case 'cancelado': return Icons.cancel; default: return Icons.help; } } @override Widget build(BuildContext context) { final orderProvider = Provider.of(context); final menuProvider = Provider.of(context); return SingleChildScrollView( padding: EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Dashboard', style: Theme.of(context).textTheme.headlineMedium?.copyWith( color: AppColors.darkBrown, fontWeight: FontWeight.bold, ), ), SizedBox(height: 24), // Stats Cards GridView.count( crossAxisCount: MediaQuery.of(context).size.width < 600 ? 1 : MediaQuery.of(context).size.width < 960 ? 2 : 4, crossAxisSpacing: 16, mainAxisSpacing: 16, shrinkWrap: true, physics: NeverScrollableScrollPhysics(), children: [ _buildStatCard( context, title: 'Ventas del Día', value: 'Bs. ${orderProvider.getTotalSalesByDate(DateTime.now()).toStringAsFixed(2)}', icon: Icons.attach_money, color: Colors.green, ), _buildStatCard( context, title: 'Pedidos Pendientes', value: '${orderProvider.getOrdersByStatus('pendiente').length}', icon: Icons.access_time, color: AppColors.orange, ), _buildStatCard( context, title: 'Productos', value: '${menuProvider.products.length}', icon: Icons.restaurant_menu, color: AppColors.brown, ), _buildStatCard( context, title: 'Promociones Activas', value: '${menuProvider.getActivePromotions().length}', icon: Icons.local_offer, color: AppColors.gold, ), ], ), SizedBox(height: 24), // Recent Orders Card( child: Padding( padding: EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Pedidos Recientes', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), TextButton( onPressed: () { // Navegar a la pantalla de pedidos final dashboardState = context.findAncestorStateOfType<_DashboardScreenState>(); if (dashboardState != null) { dashboardState.setState(() { dashboardState._selectedIndex = 2; // Índice de OrdersScreen }); } }, child: Text('Ver Todos'), ), ], ), SizedBox(height: 16), ListView.builder( shrinkWrap: true, physics: NeverScrollableScrollPhysics(), itemCount: orderProvider.orders.length > 5 ? 5 : orderProvider.orders.length, itemBuilder: (context, index) { final order = orderProvider.orders[index]; return ListTile( leading: Container( width: 40, height: 40, decoration: BoxDecoration( color: _getStatusColor(order.status).withOpacity(0.1), borderRadius: BorderRadius.circular(8), ), child: Icon( _getStatusIcon(order.status), color: _getStatusColor(order.status), ), ), title: Text( 'Pedido #${order.id}', style: TextStyle(fontWeight: FontWeight.bold), ), subtitle: Text( '${order.customerName} • ${_formatDate(order.orderDate)}', ), trailing: Text( 'Bs. ${order.total.toStringAsFixed(2)}', style: TextStyle( fontWeight: FontWeight.bold, color: AppColors.gold, ), ), onTap: () { // Navegar a los detalles del pedido final dashboardState = context.findAncestorStateOfType<_DashboardScreenState>(); if (dashboardState != null) { dashboardState.setState(() { dashboardState._selectedIndex = 2; // Índice de OrdersScreen }); // Aquí podrías también abrir los detalles específicos del pedido } }, ); }, ), ], ), ), ), SizedBox(height: 24), // Popular Products Card( child: Padding( padding: EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Productos Populares', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), TextButton( onPressed: () { // Navegar a la pantalla de menú final dashboardState = context.findAncestorStateOfType<_DashboardScreenState>(); if (dashboardState != null) { dashboardState.setState(() { dashboardState._selectedIndex = 1; // Índice de MenuManagementScreen }); } }, child: Text('Ver Todos'), ), ], ), SizedBox(height: 16), GridView.builder( shrinkWrap: true, physics: NeverScrollableScrollPhysics(), gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: MediaQuery.of(context).size.width < 600 ? 1 : MediaQuery.of(context).size.width < 960 ? 2 : 3, childAspectRatio: 3, crossAxisSpacing: 16, mainAxisSpacing: 16, ), itemCount: menuProvider.products.length > 6 ? 6 : menuProvider.products.length, itemBuilder: (context, index) { final product = menuProvider.products[index]; return InkWell( onTap: () { // Navegar a la pantalla de menú y mostrar detalles del producto final dashboardState = context.findAncestorStateOfType<_DashboardScreenState>(); if (dashboardState != null) { dashboardState.setState(() { dashboardState._selectedIndex = 1; // Índice de MenuManagementScreen }); // Aquí podrías también abrir los detalles específicos del producto } }, child: Container( decoration: BoxDecoration( border: Border.all(color: Colors.grey.shade200), borderRadius: BorderRadius.circular(8), ), child: Row( children: [ Container( width: 80, height: double.infinity, decoration: BoxDecoration( color: AppColors.cream, borderRadius: BorderRadius.only( topLeft: Radius.circular(8), bottomLeft: Radius.circular(8), ), ), child: Center( child: Icon( Icons.restaurant, color: AppColors.gold, size: 32, ), ), ), Expanded( child: Padding( padding: EdgeInsets.all(12), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ Text( product.name, style: TextStyle( fontWeight: FontWeight.bold, ), maxLines: 1, overflow: TextOverflow.ellipsis, ), SizedBox(height: 4), Text( 'Bs. ${product.price.toStringAsFixed(2)}', style: TextStyle( color: AppColors.gold, fontWeight: FontWeight.bold, ), ), ], ), ), ), ], ), ), ); }, ), ], ), ), ), ], ), ); } Widget _buildStatCard( BuildContext context, { required String title, required String value, required IconData icon, required Color color, }) { return Card( elevation: 2, child: InkWell( onTap: () { // Navegar a la sección correspondiente según el tipo de estadística final dashboardState = context.findAncestorStateOfType<_DashboardScreenState>(); if (dashboardState != null) { if (title.contains('Pedidos')) { dashboardState.setState(() { dashboardState._selectedIndex = 2; // Índice de OrdersScreen }); } else if (title.contains('Productos') || title.contains('Promociones')) { dashboardState.setState(() { dashboardState._selectedIndex = 1; // Índice de MenuManagementScreen }); } } }, borderRadius: BorderRadius.circular(8), child: Padding( padding: EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( padding: EdgeInsets.all(8), decoration: BoxDecoration( color: color.withOpacity(0.1), borderRadius: BorderRadius.circular(8), ), child: Icon( icon, color: color, ), ), Spacer(), Icon( Icons.arrow_forward_ios, color: Colors.grey, size: 16, ), ], ), SizedBox(height: 16), Text( value, style: TextStyle( fontSize: 24, fontWeight: FontWeight.bold, ), ), SizedBox(height: 4), Text( title, style: TextStyle( color: Colors.grey[600], ), ), ], ), ), ), ); } } [V0_FILE]typescriptreact:file="lib/providers/cart_provider.dart" isEdit="true" isMerged="true" import 'package:flutter/material.dart'; import '../models/product.dart'; class CartItem { final Product product; final int quantity; final String? specialInstructions; CartItem({ required this.product, required this.quantity, this.specialInstructions, }); } class CartProvider with ChangeNotifier { List _items = []; List get items => _items; double get subtotal { return _items.fold(0, (sum, item) => sum + (item.product.price * item.quantity)); } double get total { return subtotal; } int get itemCount { return _items.fold(0, (sum, item) => sum + item.quantity); } void addToCart(Product product, int quantity, String? specialInstructions) { final existingIndex = _items.indexWhere((item) => item.product.id == product.id); if (existingIndex != -1) { // Update existing item final existingItem = _items[existingIndex]; _items[existingIndex] = CartItem( product: existingItem.product, quantity: existingItem.quantity + quantity, specialInstructions: specialInstructions ?? existingItem.specialInstructions, ); } else { // Add new item _items.add(CartItem( product: product, quantity: quantity, specialInstructions: specialInstructions, )); } notifyListeners(); } void updateQuantity(String productId, int quantity) { final index = _items.indexWhere((item) => item.product.id == productId); if (index != -1) { _items[index] = CartItem( product: _items[index].product, quantity: quantity, specialInstructions: _items[index].specialInstructions, ); notifyListeners(); } } void updateSpecialInstructions(String productId, String? specialInstructions) { final index = _items.indexWhere((item) => item.product.id == productId); if (index != -1) { _items[index] = CartItem( product: _items[index].product, quantity: _items[index].quantity, specialInstructions: specialInstructions, ); notifyListeners(); } } void removeFromCart(String productId) { _items.removeWhere((item) => item.product.id == productId); notifyListeners(); } void clearCart() { _items = []; notifyListeners(); } } [V0_FILE]plaintext:file="assets/fonts/Roboto-Regular.ttf" url="https://github.com/google/fonts/raw/main/apache/roboto/Roboto-Regular.ttf" isMerged="true" [V0_FILE]plaintext:file="assets/fonts/Roboto-Bold.ttf" url="https://github.com/google/fonts/raw/main/apache/roboto/Roboto-Bold.ttf" isMerged="true" [V0_FILE]typescriptreact:file="lib/main.dart" isEdit="true" isMerged="true" import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import 'providers/auth_provider.dart'; import 'providers/menu_provider.dart'; import 'providers/order_provider.dart'; import 'providers/cart_provider.dart'; import 'screens/login_screen.dart'; import 'screens/dashboard_screen.dart'; import 'screens/customer/customer_home_screen.dart'; import 'screens/customer/customer_cart_screen.dart'; import 'utils/app_theme.dart'; void main() { // Asegurarse de que Flutter esté inicializado WidgetsFlutterBinding.ensureInitialized(); runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MultiProvider( providers: [ ChangeNotifierProvider(create: (_) => AuthProvider()), ChangeNotifierProvider(create: (_) => MenuProvider()), ChangeNotifierProvider(create: (_) => OrderProvider()), ChangeNotifierProvider(create: (_) => CartProvider()), ], child: MaterialApp( title: 'Restaurant Management System', debugShowCheckedModeBanner: false, theme: AppTheme.lightTheme, initialRoute: '/', routes: { '/': (context) => LandingScreen(), '/admin': (context) => Consumer( builder: (context, authProvider, _) { return authProvider.isAuthenticated ? DashboardScreen() : LoginScreen(); }, ), '/customer_home': (context) => CustomerHomeScreen(), '/cart': (context) => CustomerCartScreen(), }, ), ); } } class LandingScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Container( decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [ AppColors.cream, Colors.white, ], ), ), child: Center( child: Padding( padding: const EdgeInsets.all(24.0), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Container( width: 120, height: 120, decoration: BoxDecoration( color: AppColors.cream, shape: BoxShape.circle, border: Border.all( color: AppColors.gold, width: 2, ), ), child: Center( child: Icon( Icons.restaurant, size: 60, color: AppColors.gold, ), ), ), SizedBox(height: 24), Text( 'Restaurant Management System', style: TextStyle( fontSize: 28, fontWeight: FontWeight.bold, color: AppColors.darkBrown, ), textAlign: TextAlign.center, ), SizedBox(height: 16), Text( 'Bienvenido a nuestro sistema de gestión de restaurantes', style: TextStyle( fontSize: 16, color: Colors.grey[700], ), textAlign: TextAlign.center, ), SizedBox(height: 48), SizedBox( width: double.infinity, height: 50, child: ElevatedButton( onPressed: () { Navigator.pushNamed(context, '/customer_home'); }, child: Text( 'Ver Menú', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ), ), SizedBox(height: 16), SizedBox( width: double.infinity, height: 50, child: OutlinedButton( onPressed: () { Navigator.pushNamed(context, '/admin'); }, child: Text( 'Administración', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ), ), ], ), ), ), ), ); } } [V0_FILE]typescriptreact:file="lib/models/promotion.dart" isEdit="true" isMerged="true" class Promotion { final String id; final String name; final String description; final double discountPercentage; final DateTime startDate; final DateTime endDate; final List applicableProductIds; final String imageUrl; final bool isActive; Promotion({ required this.id, required this.name, required this.description, required this.discountPercentage, required this.startDate, required this.endDate, this.applicableProductIds = const [], required this.imageUrl, this.isActive = true, }); Promotion copyWith({ String? id, String? name, String? description, double? discountPercentage, DateTime? startDate, DateTime? endDate, List? applicableProductIds, String? imageUrl, bool? isActive, }) { return Promotion( id: id ?? this.id, name: name ?? this.name, description: description ?? this.description, discountPercentage: discountPercentage ?? this.discountPercentage, startDate: startDate ?? this.startDate, endDate: endDate ?? this.endDate, applicableProductIds: applicableProductIds ?? this.applicableProductIds, imageUrl: imageUrl ?? this.imageUrl, isActive: isActive ?? this.isActive, ); } Map toMap() { return { 'id': id, 'name': name, 'description': description, 'discountPercentage': discountPercentage, 'startDate': startDate.toIso8601String(), 'endDate': endDate.toIso8601String(), 'applicableProductIds': applicableProductIds, 'imageUrl': imageUrl, 'isActive': isActive, }; } factory Promotion.fromMap(Map map) { return Promotion( id: map['id'], name: map['name'], description: map['description'], discountPercentage: map['discountPercentage'], startDate: DateTime.parse(map['startDate']), endDate: DateTime.parse(map['endDate']), applicableProductIds: List.from(map['applicableProductIds'] ?? []), imageUrl: map['imageUrl'], isActive: map['isActive'] ?? true, ); } bool get isCurrentlyActive { final now = DateTime.now(); return isActive && now.isAfter(startDate) && now.isBefore(endDate); } } [V0_FILE]typescriptreact:file="lib/screens/customer/customer_home_screen.dart" isEdit="true" isQuickEdit="true" isMerged="true" import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../../providers/menu_provider.dart'; import '../../providers/cart_provider.dart'; import '../../utils/app_theme.dart'; import '../../models/category.dart'; import '../../models/product.dart'; import '../../models/promotion.dart'; import 'customer_checkout_screen.dart'; class CustomerHomeScreen extends StatefulWidget { @override _CustomerHomeScreenState createState() => _CustomerHomeScreenState(); } class _CustomerHomeScreenState extends State { String _selectedCategoryId = ''; String _searchQuery = ''; final TextEditingController _searchController = TextEditingController(); final ScrollController _scrollController = ScrollController(); @override void dispose() { _searchController.dispose(); _scrollController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { final menuProvider = Provider.of(context); final cartProvider = Provider.of(context); final categories = menuProvider.categories; final promotions = menuProvider.getActivePromotions(); // If no category is selected, select the first one if (_selectedCategoryId.isEmpty && categories.isNotEmpty) { _selectedCategoryId = categories.first.id; } // Get products based on selected category and search query List products = []; if (_selectedCategoryId.isNotEmpty) { products = menuProvider.getProductsByCategory(_selectedCategoryId); // Filter by search query if not empty if (_searchQuery.isNotEmpty) { products = products.where((product) => product.name.toLowerCase().contains(_searchQuery.toLowerCase()) || product.description.toLowerCase().contains(_searchQuery.toLowerCase()) ).toList(); } } // Determine if we're on a small screen final isSmallScreen = MediaQuery.of(context).size.width < 800; return Scaffold( appBar: AppBar( title: Text('Menú del Restaurante'), actions: [ Stack( alignment: Alignment.topRight, children: [ IconButton( icon: Icon(Icons.shopping_cart), onPressed: () { // On small screens, navigate to cart screen if (isSmallScreen) { _showCartBottomSheet(context); } }, ), if (cartProvider.itemCount > 0) Positioned( right: 0, top: 0, child: Container( padding: EdgeInsets.all(2), decoration: BoxDecoration( color: Colors.red, borderRadius: BorderRadius.circular(10), ), constraints: BoxConstraints( minWidth: 16, minHeight: 16, ), child: Text( '${cartProvider.itemCount}', style: TextStyle( color: Colors.white, fontSize: 10, ), textAlign: TextAlign.center, ), ), ), ], ), ], ), body: isSmallScreen ? _buildMobileLayout(context, categories, products, promotions) : _buildDesktopLayout(context, categories, products, promotions), floatingActionButton: isSmallScreen ? FloatingActionButton.extended( onPressed: () { _showCartBottomSheet(context); }, label: Text('Ver Pedido (${cartProvider.itemCount})'), icon: Icon(Icons.shopping_cart), backgroundColor: AppColors.gold, ) : null, ); } // Mejorar la responsividad del diseño móvil Widget _buildMobileLayout( BuildContext context, List categories, List products, List promotions ) { final screenWidth = MediaQuery.of(context).size.width; final isSmallMobile = screenWidth < 400; return Column( children: [ // Search Bar Padding( padding: const EdgeInsets.all(16.0), child: TextField( controller: _searchController, decoration: InputDecoration( hintText: 'Buscar productos...', prefixIcon: Icon(Icons.search), suffixIcon: _searchQuery.isNotEmpty ? IconButton( icon: Icon(Icons.clear), onPressed: () { setState(() { _searchController.clear(); _searchQuery = ''; }); }, ) : null, border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), ), onChanged: (value) { setState(() { _searchQuery = value; }); }, ), ), // Promotions Carousel if (promotions.isNotEmpty && _searchQuery.isEmpty) Container( height: 150, child: ListView.builder( scrollDirection: Axis.horizontal, itemCount: promotions.length, padding: EdgeInsets.symmetric(horizontal: 16), itemBuilder: (context, index) { final promotion = promotions[index]; return _buildPromotionCard(promotion); }, ), ), // Categories Horizontal List Container( height: 50, child: ListView.builder( scrollDirection: Axis.horizontal, itemCount: categories.length, padding: EdgeInsets.symmetric(horizontal: 16), itemBuilder: (context, index) { final category = categories[index]; final isSelected = category.id == _selectedCategoryId; return Padding( padding: const EdgeInsets.only(right: 8.0), child: ChoiceChip( label: Text(category.name), selected: isSelected, onSelected: (selected) { if (selected) { setState(() { _selectedCategoryId = category.id; }); } }, selectedColor: AppColors.gold.withOpacity(0.2), labelStyle: TextStyle( color: isSelected ? AppColors.gold : Colors.black, fontWeight: isSelected ? FontWeight.bold : FontWeight.normal, ), ), ); }, ), ), // Products Grid Expanded( child: products.isEmpty ? Center( child: _searchQuery.isNotEmpty ? Text('No se encontraron productos que coincidan con "$_searchQuery"') : Text('No hay productos disponibles en esta categoría'), ) : GridView.builder( padding: EdgeInsets.all(16), gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: isSmallMobile ? 1 : 2, childAspectRatio: 0.75, crossAxisSpacing: 16, mainAxisSpacing: 16, ), itemCount: products.length, itemBuilder: (context, index) { final product = products[index]; return _buildProductCard(context, product); }, ), ), ], ); } Widget _buildDesktopLayout( BuildContext context, List categories, List products, List promotions ) { return Row( children: [ // Left side - Categories and Products Expanded( flex: 3, child: Column( children: [ // Search Bar Padding( padding: const EdgeInsets.all(16.0), child: TextField( controller: _searchController, decoration: InputDecoration( hintText: 'Buscar productos...', prefixIcon: Icon(Icons.search), suffixIcon: _searchQuery.isNotEmpty ? IconButton( icon: Icon(Icons.clear), onPressed: () { setState(() { _searchController.clear(); _searchQuery = ''; }); }, ) : null, border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), ), onChanged: (value) { setState(() { _searchQuery = value; }); }, ), ), // Promotions Carousel if (promotions.isNotEmpty && _searchQuery.isEmpty) Container( height: 180, child: ListView.builder( scrollDirection: Axis.horizontal, itemCount: promotions.length, padding: EdgeInsets.symmetric(horizontal: 16), itemBuilder: (context, index) { final promotion = promotions[index]; return _buildPromotionCard(promotion); }, ), ), // Categories Horizontal List Container( height: 50, child: ListView.builder( scrollDirection: Axis.horizontal, itemCount: categories.length, padding: EdgeInsets.symmetric(horizontal: 16), itemBuilder: (context, index) { final category = categories[index]; final isSelected = category.id == _selectedCategoryId; return Padding( padding: const EdgeInsets.only(right: 8.0), child: ChoiceChip( label: Text(category.name), selected: isSelected, onSelected: (selected) { if (selected) { setState(() { _selectedCategoryId = category.id; }); } }, selectedColor: AppColors.gold.withOpacity(0.2), labelStyle: TextStyle( color: isSelected ? AppColors.gold : Colors.black, fontWeight: isSelected ? FontWeight.bold : FontWeight.normal, ), ), ); }, ), ), // Products Grid Expanded( child: products.isEmpty ? Center( child: _searchQuery.isNotEmpty ? Text('No se encontraron productos que coincidan con "$_searchQuery"') : Text('No hay productos disponibles en esta categoría'), ) : GridView.builder( padding: EdgeInsets.all(16), gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 3, childAspectRatio: 0.75, crossAxisSpacing: 16, mainAxisSpacing: 16, ), itemCount: products.length, itemBuilder: (context, index) { final product = products[index]; return _buildProductCard(context, product); }, ), ), ], ), ), // Right side - Cart Container( width: 350, decoration: BoxDecoration( border: Border( left: BorderSide(color: Colors.grey.shade300), ), ), child: _buildCartPanel(context), ), ], ); } // Modificar el método _buildProductCard para agregar directamente al carrito sin mostrar el diálogo Widget _buildProductCard(BuildContext context, Product product) { return Card( clipBehavior: Clip.antiAlias, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), child: InkWell( onTap: () { // Agregar directamente al carrito con cantidad 1 en lugar de mostrar el diálogo final cartProvider = Provider.of(context, listen: false); cartProvider.addToCart(product, 1, null); // Mostrar un snackbar de confirmación ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('${product.name} agregado al pedido'), duration: Duration(seconds: 1), backgroundColor: Colors.green, action: SnackBarAction( label: 'Ver Pedido', textColor: Colors.white, onPressed: () { // En dispositivos móviles, mostrar el carrito if (MediaQuery.of(context).size.width < 800) { _showCartBottomSheet(context); } }, ), ), ); }, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ // Product Image Expanded( flex: 3, child: Container( width: double.infinity, color: AppColors.cream, child: Center( child: Icon( Icons.restaurant, size: 48, color: AppColors.gold, ), ), ), ), // Product Info Expanded( flex: 2, child: Padding( padding: const EdgeInsets.all(12.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( product.name, style: TextStyle( fontWeight: FontWeight.bold, fontSize: 16, ), maxLines: 1, overflow: TextOverflow.ellipsis, ), SizedBox(height: 4), Text( product.description, style: TextStyle( color: Colors.grey[600], fontSize: 12, ), maxLines: 2, overflow: TextOverflow.ellipsis, ), Spacer(), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Bs. ${product.price.toStringAsFixed(2)}', style: TextStyle( color: AppColors.gold, fontWeight: FontWeight.bold, ), ), Row( children: [ IconButton( icon: Icon( Icons.add_circle, color: AppColors.brown, ), onPressed: () { final cartProvider = Provider.of(context, listen: false); cartProvider.addToCart(product, 1, null); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('${product.name} agregado al pedido'), duration: Duration(seconds: 1), backgroundColor: Colors.green, ), ); }, constraints: BoxConstraints(), padding: EdgeInsets.zero, ), IconButton( icon: Icon( Icons.info_outline, color: Colors.grey, size: 20, ), onPressed: () { _showProductDetailDialog(context, product); }, constraints: BoxConstraints(), padding: EdgeInsets.zero, ), ], ), ], ), ], ), ), ), ], ), ), ); } Widget _buildPromotionCard(Promotion promotion) { return Container( width: 300, margin: EdgeInsets.only(right: 16), child: Card( clipBehavior: Clip.antiAlias, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), child: Stack( children: [ Container( decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [ AppColors.gold.withOpacity(0.7), AppColors.brown.withOpacity(0.7), ], ), ), height: double.infinity, width: double.infinity, ), Padding( padding: const EdgeInsets.all(16.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(4), ), child: Text( '${promotion.discountPercentage.toStringAsFixed(0)}% DESCUENTO', style: TextStyle( color: AppColors.gold, fontWeight: FontWeight.bold, ), ), ), SizedBox(height: 8), Text( promotion.name, style: TextStyle( color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold, ), ), SizedBox(height: 4), Text( promotion.description, style: TextStyle( color: Colors.white.withOpacity(0.9), fontSize: 14, ), maxLines: 2, overflow: TextOverflow.ellipsis, ), Spacer(), Text( 'Válido hasta: ${_formatDate(promotion.endDate)}', style: TextStyle( color: Colors.white.withOpacity(0.9), fontSize: 12, ), ), ], ), ), ], ), ), ); } Widget _buildCartPanel(BuildContext context) { final cartProvider = Provider.of(context); final cartItems = cartProvider.items; return Column( children: [ // Cart Header Container( padding: EdgeInsets.all(16), color: AppColors.cream, child: Row( children: [ Icon(Icons.shopping_cart, color: AppColors.brown), SizedBox(width: 8), Text( 'Tu Pedido', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, color: AppColors.brown, ), ), Spacer(), if (cartItems.isNotEmpty) TextButton.icon( onPressed: () { showDialog( context: context, builder: (context) => AlertDialog( title: Text('Vaciar Pedido'), content: Text('¿Está seguro de vaciar el pedido?'), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () { cartProvider.clearCart(); Navigator.of(context).pop(); }, child: Text('Vaciar'), style: ElevatedButton.styleFrom( backgroundColor: Colors.red, ), ), ], ), ); }, icon: Icon(Icons.delete_outline, size: 16), label: Text('Vaciar'), style: TextButton.styleFrom( foregroundColor: Colors.red, padding: EdgeInsets.zero, ), ), ], ), ), // Cart Items Expanded( child: cartItems.isEmpty ? Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon( Icons.shopping_cart_outlined, size: 64, color: Colors.grey, ), SizedBox(height: 16), Text( 'Tu pedido está vacío', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, color: Colors.grey[700], ), ), SizedBox(height: 8), Text( 'Agrega productos para realizar un pedido', style: TextStyle( color: Colors.grey[600], ), textAlign: TextAlign.center, ), ], ), ) : ListView.builder( itemCount: cartItems.length, padding: EdgeInsets.symmetric(vertical: 8), itemBuilder: (context, index) { final item = cartItems[index]; return Card( margin: EdgeInsets.symmetric(horizontal: 16, vertical: 4), child: Padding( padding: const EdgeInsets.all(8.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( item.product.name, style: TextStyle( fontWeight: FontWeight.bold, ), ), Text( 'Bs. ${item.product.price.toStringAsFixed(2)}', style: TextStyle( color: AppColors.gold, ), ), ], ), ), Row( children: [ IconButton( icon: Icon(Icons.remove_circle_outline), onPressed: () { if (item.quantity > 1) { cartProvider.updateQuantity(item.product.id, item.quantity - 1); } else { cartProvider.removeFromCart(item.product.id); } }, iconSize: 20, padding: EdgeInsets.zero, constraints: BoxConstraints(), ), SizedBox(width: 4), Text( '${item.quantity}', style: TextStyle(fontWeight: FontWeight.bold), ), SizedBox(width: 4), IconButton( icon: Icon(Icons.add_circle_outline), onPressed: () { cartProvider.updateQuantity(item.product.id, item.quantity + 1); }, iconSize: 20, padding: EdgeInsets.zero, constraints: BoxConstraints(), ), ], ), ], ), if (item.specialInstructions != null && item.specialInstructions!.isNotEmpty) Padding( padding: const EdgeInsets.only(top: 4.0), child: Text( 'Nota: ${item.specialInstructions}', style: TextStyle( fontStyle: FontStyle.italic, fontSize: 12, color: Colors.grey[600], ), ), ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ TextButton.icon( onPressed: () { _showEditItemDialog(context, item); }, icon: Icon(Icons.edit, size: 16), label: Text('Modificar'), style: TextButton.styleFrom( padding: EdgeInsets.zero, ), ), IconButton( icon: Icon(Icons.delete_outline, color: Colors.red), onPressed: () { cartProvider.removeFromCart(item.product.id); }, iconSize: 20, padding: EdgeInsets.zero, constraints: BoxConstraints(), ), ], ), ], ), ), ); }, ), ), // Cart Summary if (cartItems.isNotEmpty) Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( color: Colors.white, boxShadow: [ BoxShadow( color: Colors.grey.withOpacity(0.2), spreadRadius: 1, blurRadius: 5, offset: Offset(0, -2), ), ], ), child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Subtotal', style: TextStyle( fontSize: 16, ), ), Text( 'Bs. ${cartProvider.subtotal.toStringAsFixed(2)}', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ], ), SizedBox(height: 8), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Total', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), Text( 'Bs. ${cartProvider.total.toStringAsFixed(2)}', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, color: AppColors.gold, ), ), ], ), SizedBox(height: 16), SizedBox( width: double.infinity, height: 50, child: ElevatedButton( onPressed: () { Navigator.push( context, MaterialPageRoute( builder: (context) => CustomerCheckoutScreen(), ), ); }, child: Text( 'Proceder al Pago', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ), ), ], ), ), ], ); } // Mejorar el diseño del carrito para dispositivos móviles void _showCartBottomSheet(BuildContext context) { final screenHeight = MediaQuery.of(context).size.height; showModalBottomSheet( context: context, isScrollControlled: true, shape: RoundedRectangleBorder( borderRadius: BorderRadius.vertical(top: Radius.circular(16)), ), builder: (context) { return DraggableScrollableSheet( initialChildSize: screenHeight < 700 ? 0.8 : 0.6, minChildSize: 0.5, maxChildSize: 0.9, expand: false, builder: (context, scrollController) { return Container( padding: EdgeInsets.only(top: 8), child: Column( children: [ // Drag handle Container( width: 40, height: 5, decoration: BoxDecoration( color: Colors.grey[300], borderRadius: BorderRadius.circular(10), ), ), SizedBox(height: 8), Expanded( child: _buildCartPanel(context), ), ], ), ); }, ); }, ); } void _showProductDetailDialog(BuildContext context, Product product) { int quantity = 1; String? specialInstructions; final TextEditingController instructionsController = TextEditingController(); showDialog( context: context, builder: (context) { return StatefulBuilder( builder: (context, setState) { return AlertDialog( title: Text(product.name), content: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ // Product Image Container( height: 150, width: double.infinity, color: AppColors.cream, child: Center( child: Icon( Icons.restaurant, size: 64, color: AppColors.gold, ), ), ), SizedBox(height: 16), // Price Text( 'Bs. ${product.price.toStringAsFixed(2)}', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, color: AppColors.gold, ), ), SizedBox(height: 8), // Description Text( product.description, style: TextStyle( fontSize: 14, ), ), SizedBox(height: 16), // Quantity Selector Row( children: [ Text( 'Cantidad:', style: TextStyle( fontWeight: FontWeight.bold, ), ), SizedBox(width: 16), IconButton( icon: Icon(Icons.remove_circle), onPressed: quantity > 1 ? () { setState(() { quantity--; }); } : null, color: AppColors.brown, ), Container( padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4), decoration: BoxDecoration( border: Border.all(color: Colors.grey.shade300), borderRadius: BorderRadius.circular(4), ), child: Text( '$quantity', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ), IconButton( icon: Icon(Icons.add_circle), onPressed: () { setState(() { quantity++; }); }, color: AppColors.brown, ), ], ), SizedBox(height: 16), // Special Instructions Text( 'Instrucciones Especiales:', style: TextStyle( fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), TextField( controller: instructionsController, decoration: InputDecoration( hintText: 'Ej: Sin locoto, extra picante, etc.', border: OutlineInputBorder(), ), maxLines: 3, onChanged: (value) { specialInstructions = value.isEmpty ? null : value; }, ), // Ingredients if available if (product.ingredients.isNotEmpty) ...[ SizedBox(height: 16), Text( 'Ingredientes:', style: TextStyle( fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), Wrap( spacing: 8, runSpacing: 8, children: product.ingredients.map((ingredient) { return Chip( label: Text(ingredient), backgroundColor: AppColors.cream, labelStyle: TextStyle(color: AppColors.brown), ); }).toList(), ), ], // Total SizedBox(height: 16), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Total:', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), Text( 'Bs. ${(product.price * quantity).toStringAsFixed(2)}', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, color: AppColors.gold, ), ), ], ), ], ), ), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () { final cartProvider = Provider.of(context, listen: false); cartProvider.addToCart( product, quantity, instructionsController.text.isEmpty ? null : instructionsController.text, ); Navigator.of(context).pop(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('${product.name} agregado al pedido'), backgroundColor: Colors.green, ), ); }, child: Text('Agregar al Pedido'), ), ], ); }, ); }, ); } void _showEditItemDialog(BuildContext context, CartItem item) { int quantity = item.quantity; final TextEditingController instructionsController = TextEditingController( text: item.specialInstructions ?? '', ); showDialog( context: context, builder: (context) { return StatefulBuilder( builder: (context, setState) { return AlertDialog( title: Text('Modificar ${item.product.name}'), content: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ // Quantity Selector Row( children: [ Text( 'Cantidad:', style: TextStyle( fontWeight: FontWeight.bold, ), ), SizedBox(width: 16), IconButton( icon: Icon(Icons.remove_circle), onPressed: quantity > 1 ? () { setState(() { quantity--; }); } : null, color: AppColors.brown, ), Container( padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4), decoration: BoxDecoration( border: Border.all(color: Colors.grey.shade300), borderRadius: BorderRadius.circular(4), ), child: Text( '$quantity', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ), IconButton( icon: Icon(Icons.add_circle), onPressed: () { setState(() { quantity++; }); }, color: AppColors.brown, ), ], ), SizedBox(height: 16), // Special Instructions Text( 'Instrucciones Especiales:', style: TextStyle( fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), TextField( controller: instructionsController, decoration: InputDecoration( hintText: 'Ej: Sin locoto, extra picante, etc.', border: OutlineInputBorder(), ), maxLines: 3, ), // Total SizedBox(height: 16), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Total:', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), Text( 'Bs. ${(item.product.price * quantity).toStringAsFixed(2)}', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, color: AppColors.gold, ), ), ], ), ], ), ), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () { final cartProvider = Provider.of(context, listen: false); // Remove the old item cartProvider.removeFromCart(item.product.id); // Add the updated item cartProvider.addToCart( item.product, quantity, instructionsController.text.isEmpty ? null : instructionsController.text, ); Navigator.of(context).pop(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('${item.product.name} actualizado'), backgroundColor: Colors.green, ), ); }, child: Text('Guardar Cambios'), ), ], ); }, ); }, ); } String _formatDate(DateTime date) { return '${date.day}/${date.month}/${date.year}'; } } [V0_FILE]typescriptreact:file="lib/utils/responsive_utils.dart" isEdit="true" isQuickEdit="true" isMerged="true" import 'package:flutter/material.dart'; class ResponsiveUtils { // Breakpoints más precisos para diferentes tamaños de pantalla static const double mobileSmallBreakpoint = 360; static const double mobileBreakpoint = 480; static const double tabletSmallBreakpoint = 600; static const double tabletBreakpoint = 768; static const double desktopSmallBreakpoint = 960; static const double desktopBreakpoint = 1200; static bool isMobileSmall(BuildContext context) { return MediaQuery.of(context).size.width < mobileSmallBreakpoint; } static bool isMobile(BuildContext context) { return MediaQuery.of(context).size.width < tabletSmallBreakpoint; } static bool isTablet(BuildContext context) { return MediaQuery.of(context).size.width >= tabletSmallBreakpoint && MediaQuery.of(context).size.width < desktopSmallBreakpoint; } static bool isDesktop(BuildContext context) { return MediaQuery.of(context).size.width >= desktopSmallBreakpoint; } static bool isLargeDesktop(BuildContext context) { return MediaQuery.of(context).size.width >= desktopBreakpoint; } static EdgeInsets getResponsivePadding(BuildContext context) { if (isMobileSmall(context)) { return EdgeInsets.all(8.0); } else if (isMobile(context)) { return EdgeInsets.all(12.0); } else if (isTablet(context)) { return EdgeInsets.all(16.0); } else { return EdgeInsets.all(24.0); } } static int getGridCrossAxisCount(BuildContext context) { if (isMobileSmall(context)) { return 1; } else if (isMobile(context)) { return 1; } else if (isTablet(context)) { return 2; } else if (isDesktop(context)) { return 3; } else { return 4; // Large desktop } } static double getGridChildAspectRatio(BuildContext context) { if (isMobileSmall(context)) { return 0.7; // Más alto que ancho para pantallas pequeñas } else if (isMobile(context)) { return 0.75; } else if (isTablet(context)) { return 0.8; } else { return 0.85; } } // Obtener el tamaño de fuente responsivo static double getResponsiveFontSize(BuildContext context, { required double base, double? small, double? large, }) { if (isMobileSmall(context)) { return small ?? (base - 2); } else if (isLargeDesktop(context)) { return large ?? (base + 2); } return base; } // Obtener el espaciado responsivo static double getResponsiveSpacing(BuildContext context, { required double base, double? small, double? large, }) { if (isMobileSmall(context)) { return small ?? (base * 0.75); } else if (isLargeDesktop(context)) { return large ?? (base * 1.5); } return base; } } [V0_FILE]typescriptreact:file="lib/widgets/responsive_wrapper.dart" isEdit="true" isMerged="true" import 'package:flutter/material.dart'; class ResponsiveWrapper extends StatelessWidget { final Widget child; final EdgeInsetsGeometry? padding; final bool withScrollView; final Color? backgroundColor; const ResponsiveWrapper({ Key? key, required this.child, this.padding, this.withScrollView = false, this.backgroundColor, }) : super(key: key); @override Widget build(BuildContext context) { return LayoutBuilder( builder: (context, constraints) { final width = constraints.maxWidth; // Determine the appropriate padding based on screen width final horizontalPadding = width < 360 ? 8.0 : width < 480 ? 12.0 : width < 600 ? 16.0 : width < 960 ? 24.0 : width < 1200 ? 32.0 : 48.0; final effectivePadding = padding ?? EdgeInsets.symmetric( horizontal: horizontalPadding, vertical: 16.0, ); // Wrap with SingleChildScrollView if needed Widget content = Padding( padding: effectivePadding, child: child, ); if (backgroundColor != null) { content = Container( color: backgroundColor, child: content, ); } if (withScrollView) { content = SingleChildScrollView( physics: AlwaysScrollableScrollPhysics(), child: content, ); } return content; }, ); } } [V0_FILE]typescriptreact:file="lib/screens/customer/customer_product_detail_screen.dart" isEdit="true" isMerged="true" import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../../models/product.dart'; import '../../providers/cart_provider.dart'; import '../../utils/app_theme.dart'; class CustomerProductDetailScreen extends StatefulWidget { final Product product; final Function? onAddToCart; const CustomerProductDetailScreen({ Key? key, required this.product, this.onAddToCart, }) : super(key: key); @override _CustomerProductDetailScreenState createState() => _CustomerProductDetailScreenState(); } class _CustomerProductDetailScreenState extends State { int _quantity = 1; final TextEditingController _instructionsController = TextEditingController(); @override void dispose() { _instructionsController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { final cartProvider = Provider.of(context); final screenWidth = MediaQuery.of(context).size.width; final isSmallScreen = screenWidth < 600; return Scaffold( appBar: AppBar( title: Text(widget.product.name), backgroundColor: AppColors.brown, foregroundColor: Colors.white, ), body: SingleChildScrollView( child: Padding( padding: EdgeInsets.all(16.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ // Imagen del producto Container( height: 200, width: double.infinity, decoration: BoxDecoration( color: AppColors.cream, borderRadius: BorderRadius.circular(12), ), child: Center( child: Icon( Icons.restaurant, size: 80, color: AppColors.gold, ), ), ), SizedBox(height: 16), // Precio Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Bs. ${widget.product.price.toStringAsFixed(2)}', style: TextStyle( fontSize: 24, fontWeight: FontWeight.bold, color: AppColors.gold, ), ), Container( padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4), decoration: BoxDecoration( color: widget.product.isAvailable ? Colors.green.withOpacity(0.1) : Colors.red.withOpacity(0.1), borderRadius: BorderRadius.circular(4), ), child: Text( widget.product.isAvailable ? 'Disponible' : 'Agotado', style: TextStyle( color: widget.product.isAvailable ? Colors.green : Colors.red, fontWeight: FontWeight.bold, ), ), ), ], ), SizedBox(height: 16), // Descripción Text( 'Descripción', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), Text( widget.product.description, style: TextStyle( fontSize: 16, color: Colors.grey[700], ), ), SizedBox(height: 24), // Ingredientes if (widget.product.ingredients.isNotEmpty) ...[ Text( 'Ingredientes', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), Wrap( spacing: 8, runSpacing: 8, children: widget.product.ingredients.map((ingredient) { return Chip( label: Text(ingredient), backgroundColor: AppColors.cream, ); }).toList(), ), SizedBox(height: 24), ], // Alérgenos if (widget.product.allergens.isNotEmpty) ...[ Text( 'Alérgenos', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), Wrap( spacing: 8, runSpacing: 8, children: widget.product.allergens.map((allergen) { return Chip( label: Text(allergen), backgroundColor: Colors.red.withOpacity(0.1), ); }).toList(), ), SizedBox(height: 24), ], // Cantidad Text( 'Cantidad:', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), Row( children: [ IconButton( onPressed: () { if (_quantity > 1) { setState(() { _quantity--; }); } }, icon: Icon(Icons.remove_circle_outline), color: AppColors.brown, ), Container( padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8), decoration: BoxDecoration( border: Border.all(color: Colors.grey.shade300), borderRadius: BorderRadius.circular(4), ), child: Text( '$_quantity', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ), IconButton( onPressed: () { setState(() { _quantity++; }); }, icon: Icon(Icons.add_circle_outline), color: AppColors.brown, ), ], ), SizedBox(height: 16), // Instrucciones especiales Text( 'Instrucciones Especiales:', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), TextField( controller: _instructionsController, decoration: InputDecoration( hintText: 'Ej: Sin locoto, extra picante, etc.', border: OutlineInputBorder(), ), maxLines: 3, ), SizedBox(height: 24), // Botón de agregar al pedido SizedBox( width: double.infinity, height: 50, child: ElevatedButton( onPressed: widget.product.isAvailable ? () { cartProvider.addToCart( widget.product, _quantity, _instructionsController.text, ); if (widget.onAddToCart != null) { widget.onAddToCart!(); } Navigator.of(context).pop(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Producto agregado al pedido'), backgroundColor: Colors.green, duration: Duration(seconds: 2), ), ); } : null, style: ElevatedButton.styleFrom( backgroundColor: AppColors.gold, foregroundColor: Colors.white, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8), ), ), child: Text( 'Agregar al Pedido', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ), ), ], ), ), ), ); } } [V0_FILE]typescriptreact:file="lib/utils/pdf_generator.dart" isEdit="true" import 'dart:io'; import 'package:flutter/services.dart'; import 'package:path_provider/path_provider.dart'; import 'package:pdf/pdf.dart'; import 'package:pdf/widgets.dart' as pw; import 'package:open_file/open_file.dart'; import '../models/product.dart'; import '../models/category.dart'; class PdfGenerator { // Plantillas disponibles static const TEMPLATE_CLASSIC = 'classic'; static const TEMPLATE_MODERN = 'modern'; static const TEMPLATE_ELEGANT = 'elegant'; Future generateMenuPdf({ required String title, required List products, required List categories, bool includeImages = true, bool includeDescriptions = true, bool includePrices = true, bool groupByCategories = true, String template = TEMPLATE_CLASSIC, }) async { try { final pdf = pw.Document(); // Definir colores según la plantilla PdfColor primaryColor; PdfColor secondaryColor; PdfColor backgroundColor; switch (template) { case TEMPLATE_MODERN: primaryColor = PdfColors.blue800; secondaryColor = PdfColors.orange; backgroundColor = PdfColors.grey100; break; case TEMPLATE_ELEGANT: primaryColor = PdfColors.purple800; secondaryColor = PdfColors.amber; backgroundColor = PdfColors.white; break; case TEMPLATE_CLASSIC: default: primaryColor = PdfColor.fromHex('#A52A2A'); // Brown secondaryColor = PdfColor.fromHex('#DAA520'); // Gold backgroundColor = PdfColors.white; break; } // Estilos final titleStyle = pw.TextStyle( font: pw.Font.helveticaBold(), fontSize: 24, color: primaryColor, ); final categoryStyle = pw.TextStyle( font: pw.Font.helveticaBold(), fontSize: 18, color: primaryColor, ); final productNameStyle = pw.TextStyle( font: pw.Font.helveticaBold(), fontSize: 14, ); final productDescriptionStyle = pw.TextStyle( font: pw.Font.helvetica(), fontSize: 10, color: PdfColors.grey700, ); final productPriceStyle = pw.TextStyle( font: pw.Font.helveticaBold(), fontSize: 12, color: secondaryColor, ); // Ordenar categorías por displayOrder final sortedCategories = List.from(categories) ..sort((a, b) => a.displayOrder.compareTo(b.displayOrder)); // Crear el PDF pdf.addPage( pw.MultiPage( pageFormat: PdfPageFormat.a4, margin: pw.EdgeInsets.all(32), header: (context) { return pw.Container( padding: pw.EdgeInsets.only(bottom: 10), decoration: pw.BoxDecoration( border: pw.Border(bottom: pw.BorderSide(color: primaryColor, width: 1)), ), child: pw.Row( mainAxisAlignment: pw.MainAxisAlignment.spaceBetween, children: [ pw.Text( title, style: titleStyle, ), pw.Text( 'Fecha: ${DateTime.now().day}/${DateTime.now().month}/${DateTime.now().year}', style: pw.TextStyle( font: pw.Font.helvetica(), fontSize: 10, color: PdfColors.grey700, ), ), ], ), ); }, footer: (context) { return pw.Container( padding: pw.EdgeInsets.only(top: 10), decoration: pw.BoxDecoration( border: pw.Border(top: pw.BorderSide(color: primaryColor, width: 0.5)), ), child: pw.Row( mainAxisAlignment: pw.MainAxisAlignment.spaceBetween, children: [ pw.Text( 'Restaurant Management System', style: pw.TextStyle( font: pw.Font.helvetica(), fontSize: 10, color: PdfColors.grey700, ), ), pw.Text( 'Página ${context.pageNumber} de ${context.pagesCount}', style: pw.TextStyle( font: pw.Font.helvetica(), fontSize: 10, color: PdfColors.grey700, ), ), ], ), ); }, build: (context) { final List widgets = []; if (groupByCategories) { // Agrupar por categorías for (final category in sortedCategories) { if (!category.isActive) continue; final categoryProducts = products.where( (product) => product.category == category.id && product.isAvailable ).toList(); if (categoryProducts.isEmpty) continue; widgets.add( pw.Container( padding: pw.EdgeInsets.symmetric(vertical: 8, horizontal: 16), margin: pw.EdgeInsets.only(bottom: 16), decoration: pw.BoxDecoration( color: template == TEMPLATE_CLASSIC ? null : backgroundColor, border: template == TEMPLATE_CLASSIC ? pw.Border(left: pw.BorderSide(color: primaryColor, width: 4)) : null, borderRadius: template != TEMPLATE_CLASSIC ? pw.BorderRadius.circular(4) : null, ), child: pw.Column( crossAxisAlignment: pw.CrossAxisAlignment.start, children: [ pw.Text( category.name, style: categoryStyle, ), if (includeDescriptions && category.description.isNotEmpty) pw.Padding( padding: pw.EdgeInsets.only(top: 4, bottom: 8), child: pw.Text( category.description, style: productDescriptionStyle, ), ), ], ), ), ); for (final product in categoryProducts) { widgets.add( pw.Container( margin: pw.EdgeInsets.only(bottom: 8, left: 16, right: 16), padding: pw.EdgeInsets.all(8), decoration: pw.BoxDecoration( color: PdfColors.white, border: pw.Border.all( color: PdfColors.grey300, width: 0.5, ), borderRadius: pw.BorderRadius.circular(4), ), child: pw.Row( crossAxisAlignment: pw.CrossAxisAlignment.start, children: [ if (includeImages) pw.Container( width: 60, height: 60, decoration: pw.BoxDecoration( color: backgroundColor, borderRadius: pw.BorderRadius.circular(4), ), margin: pw.EdgeInsets.only(right: 8), child: pw.Center( child: pw.Text( '🍽️', style: pw.TextStyle( fontSize: 24, ), ), ), ), pw.Expanded( child: pw.Column( crossAxisAlignment: pw.CrossAxisAlignment.start, children: [ pw.Text( product.name, style: productNameStyle, ), if (includeDescriptions && product.description.isNotEmpty) pw.Padding( padding: pw.EdgeInsets.only(top: 4), child: pw.Text( product.description, style: productDescriptionStyle, ), ), ], ), ), if (includePrices) pw.SizedBox( width: 60, child: pw.Text( 'Bs. ${product.price.toStringAsFixed(2)}', style: productPriceStyle, textAlign: pw.TextAlign.right, ), ), ], ), ), ); } } } else { // Listar todos los productos sin agrupar for (final product in products.where((p) => p.isAvailable)) { final category = categories.firstWhere( (c) => c.id == product.category, orElse: () => Category( id: '', name: 'Sin categoría', description: '', imageUrl: '', ), ); widgets.add( pw.Container( margin: pw.EdgeInsets.only(bottom: 8), padding: pw.EdgeInsets.all(8), decoration: pw.BoxDecoration( color: PdfColors.white, border: pw.Border.all( color: PdfColors.grey300, width: 0.5, ), borderRadius: pw.BorderRadius.circular(4), ), child: pw.Row( crossAxisAlignment: pw.CrossAxisAlignment.start, children: [ if (includeImages) pw.Container( width: 60, height: 60, decoration: pw.BoxDecoration( color: backgroundColor, borderRadius: pw.BorderRadius.circular(4), ), margin: pw.EdgeInsets.only(right: 8), child: pw.Center( child: pw.Text( '🍽️', style: pw.TextStyle( fontSize: 24, ), ), ), ), pw.Expanded( child: pw.Column( crossAxisAlignment: pw.CrossAxisAlignment.start, children: [ pw.Text( product.name, style: productNameStyle, ), pw.Padding( padding: pw.EdgeInsets.only(top: 2), child: pw.Text( 'Categoría: ${category.name}', style: pw.TextStyle( font: pw.Font.helvetica(), fontSize: 8, color: PdfColors.grey700, ), ), ), if (includeDescriptions && product.description.isNotEmpty) pw.Padding( padding: pw.EdgeInsets.only(top: 4), child: pw.Text( product.description, style: productDescriptionStyle, ), ), ], ), ), if (includePrices) pw.SizedBox( width: 60, child: pw.Text( 'Bs. ${product.price.toStringAsFixed(2)}', style: productPriceStyle, textAlign: pw.TextAlign.right, ), ), ], ), ), ); } } return widgets; }, ), ); // Guardar el PDF final output = await getTemporaryDirectory(); final file = File('${output.path}/menu_${DateTime.now().millisecondsSinceEpoch}.pdf'); await file.writeAsBytes(await pdf.save()); // Abrir el PDF final result = await OpenFile.open(file.path); if (result.type != ResultType.done) { print('Error al abrir el PDF: ${result.message}'); return false; } return true; } catch (e) { print('Error al generar PDF: $e'); return false; } } } // Enum para los tipos de resultado de OpenFile enum ResultType { done, error, fileNotFound, permissionDenied, noAppToOpen, } // Clase para manejar el resultado de OpenFile class OpenResult { final ResultType type; final String message; OpenResult(this.type, this.message); } [V0_FILE]typescriptreact:file="lib/screens/menu_management_screen.dart" isFixed="true" isEdit="true" isQuickEdit="true" import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../providers/menu_provider.dart'; import '../utils/app_theme.dart'; import '../models/product.dart'; import '../models/category.dart'; import '../models/promotion.dart'; import '../widgets/responsive_wrapper.dart'; import '../utils/responsive_utils.dart'; import '../utils/pdf_generator.dart'; class MenuManagementScreen extends StatefulWidget { @override _MenuManagementScreenState createState() => _MenuManagementScreenState(); } class _MenuManagementScreenState extends State with SingleTickerProviderStateMixin { late TabController _tabController; @override void initState() { super.initState(); _tabController = TabController(length: 3, vsync: this); } @override void dispose() { _tabController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return ResponsiveWrapper( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Gestión de Menú', style: Theme.of(context).textTheme.headlineMedium?.copyWith( color: AppColors.darkBrown, fontWeight: FontWeight.bold, ), ), ElevatedButton.icon( onPressed: () { _showPdfGeneratorDialog(context); }, icon: Icon(Icons.picture_as_pdf), label: Text('Generar PDF'), ), ], ), SizedBox(height: 24), TabBar( controller: _tabController, labelColor: AppColors.gold, unselectedLabelColor: Colors.grey, indicatorColor: AppColors.gold, tabs: [ Tab(text: 'Productos'), Tab(text: 'Categorías'), Tab(text: 'Promociones'), ], ), Expanded( child: TabBarView( controller: _tabController, children: [ ProductsTab(), CategoriesTab(), PromotionsTab(), ], ), ), ], ), ); } void _showPdfGeneratorDialog(BuildContext context) { final menuProvider = Provider.of(context, listen: false); bool includeImages = true; bool includeDescriptions = true; bool includePrices = true; bool groupByCategories = true; String title = 'Menú del Restaurante'; String selectedTemplate = PdfGenerator.TEMPLATE_CLASSIC; TextEditingController _titleController = TextEditingController(text: title); showDialog( context: context, builder: (context) { return StatefulBuilder( builder: (context, setState) { return AlertDialog( title: Text('Generar PDF del Menú'), content: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ TextField( controller: _titleController, decoration: InputDecoration( labelText: 'Título del Menú', border: OutlineInputBorder(), ), onChanged: (value) { title = value; }, ), SizedBox(height: 16), Text( 'Plantilla:', style: TextStyle( fontWeight: FontWeight.bold, fontSize: 16, ), ), RadioListTile( title: Text('Clásica'), value: PdfGenerator.TEMPLATE_CLASSIC, groupValue: selectedTemplate, onChanged: (value) { setState(() { selectedTemplate = value!; }); }, ), RadioListTile( title: Text('Moderna'), value: PdfGenerator.TEMPLATE_MODERN, groupValue: selectedTemplate, onChanged: (value) { setState(() { selectedTemplate = value!; }); }, ), RadioListTile( title: Text('Elegante'), value: PdfGenerator.TEMPLATE_ELEGANT, groupValue: selectedTemplate, onChanged: (value) { setState(() { selectedTemplate = value!; }); }, ), SizedBox(height: 16), Text( 'Opciones:', style: TextStyle( fontWeight: FontWeight.bold, fontSize: 16, ), ), CheckboxListTile( title: Text('Incluir Imágenes'), value: includeImages, onChanged: (value) { setState(() { includeImages = value!; }); }, ), CheckboxListTile( title: Text('Incluir Descripciones'), value: includeDescriptions, onChanged: (value) { setState(() { includeDescriptions = value!; }); }, ), CheckboxListTile( title: Text('Incluir Precios'), value: includePrices, onChanged: (value) { setState(() { includePrices = value!; }); }, ), CheckboxListTile( title: Text('Agrupar por Categorías'), value: groupByCategories, onChanged: (value) { setState(() { groupByCategories = value!; }); }, ), ], ), ), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () async { Navigator.of(context).pop(); // Show loading dialog showDialog( context: context, barrierDismissible: false, builder: (context) { return AlertDialog( content: Row( children: [ CircularProgressIndicator(), SizedBox(width: 16), Text('Generando PDF...'), ], ), ); }, ); try { final pdfGenerator = PdfGenerator(); final result = await pdfGenerator.generateMenuPdf( title: title, products: menuProvider.products, categories: menuProvider.categories, includeImages: includeImages, includeDescriptions: includeDescriptions, includePrices: includePrices, groupByCategories: groupByCategories, template: selectedTemplate, ); // Close loading dialog Navigator.of(context).pop(); if (result) { ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('PDF generado correctamente'), backgroundColor: Colors.green, ), ); } else { ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Error al generar el PDF'), backgroundColor: Colors.red, ), ); } } catch (e) { // Close loading dialog Navigator.of(context).pop(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Error: $e'), backgroundColor: Colors.red, ), ); } }, child: Text('Generar'), ), ], ); }, ); }, ); } } class ProductsTab extends StatelessWidget { @override Widget build(BuildContext context) { final menuProvider = Provider.of(context); final products = menuProvider.products; final categories = menuProvider.categories; return Padding( padding: ResponsiveUtils.getResponsivePadding(context), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ ResponsiveUtils.isMobile(context) ? Column( children: [ TextField( decoration: InputDecoration( hintText: 'Buscar productos...', prefixIcon: Icon(Icons.search), border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), ), ), SizedBox(height: 16), SizedBox( width: double.infinity, child: ElevatedButton.icon( onPressed: () { showDialog( context: context, builder: (context) => AddProductDialog(categories: categories), ); }, icon: Icon(Icons.add), label: Text('Nuevo Producto'), ), ), ], ) : Row( children: [ Expanded( child: TextField( decoration: InputDecoration( hintText: 'Buscar productos...', prefixIcon: Icon(Icons.search), border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), ), ), ), SizedBox(width: 16), ElevatedButton.icon( onPressed: () { showDialog( context: context, builder: (context) => AddProductDialog(categories: categories), ); }, icon: Icon(Icons.add), label: Text('Nuevo Producto'), ), ], ), SizedBox(height: 16), Expanded( child: products.isEmpty ? Center(child: Text('No hay productos disponibles')) : GridView.builder( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: ResponsiveUtils.getGridCrossAxisCount(context), childAspectRatio: 1.2, crossAxisSpacing: 16, mainAxisSpacing: 16, ), itemCount: products.length, itemBuilder: (context, index) { final product = products[index]; final category = categories.firstWhere( (c) => c.id == product.category, orElse: () => Category( id: '', name: 'Sin categoría', description: '', imageUrl: '', ), ); return Card( clipBehavior: Clip.antiAlias, elevation: 3, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( height: 120, decoration: BoxDecoration( color: AppColors.cream, gradient: LinearGradient( begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [ AppColors.cream, AppColors.lightBrown.withOpacity(0.5), ], ), ), child: Center( child: Icon( Icons.restaurant, size: 48, color: AppColors.gold, ), ), ), Expanded( child: Padding( padding: EdgeInsets.all(12), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Expanded( child: Text( product.name, style: TextStyle( fontWeight: FontWeight.bold, fontSize: 16, ), maxLines: 1, overflow: TextOverflow.ellipsis, ), ), Container( padding: EdgeInsets.symmetric( horizontal: 8, vertical: 4, ), decoration: BoxDecoration( color: product.isAvailable ? Colors.green.withOpacity(0.1) : Colors.red.withOpacity(0.1), borderRadius: BorderRadius.circular(4), ), child: Text( product.isAvailable ? 'Disponible' : 'Agotado', style: TextStyle( fontSize: 12, color: product.isAvailable ? Colors.green : Colors.red, ), ), ), ], ), SizedBox(height: 4), Text( 'Bs. ${product.price.toStringAsFixed(2)}', style: TextStyle( color: AppColors.gold, fontWeight: FontWeight.bold, ), ), SizedBox(height: 4), Text( 'Categoría: ${category.name}', style: TextStyle( color: Colors.grey[600], fontSize: 12, ), ), Spacer(), Row( mainAxisAlignment: MainAxisAlignment.end, children: [ IconButton( icon: Icon(Icons.edit, color: AppColors.brown), onPressed: () { // Edit product showDialog( context: context, builder: (context) => EditProductDialog( product: product, categories: categories, ), ); }, ), IconButton( icon: Icon(Icons.delete, color: Colors.red), onPressed: () { // Delete product showDialog( context: context, builder: (context) => AlertDialog( title: Text('Eliminar Producto'), content: Text('¿Está seguro de eliminar este producto?'), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () { menuProvider.deleteProduct(product.id); Navigator.of(context).pop(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Producto eliminado correctamente'), backgroundColor: Colors.green, ), ); }, child: Text('Eliminar'), style: ElevatedButton.styleFrom( backgroundColor: Colors.red, ), ), ], ), ); }, ), ], ), ], ), ), ), ], ), ); }, ), ), ], ), ); } } class CategoriesTab extends StatelessWidget { @override Widget build(BuildContext context) { final menuProvider = Provider.of(context); final categories = menuProvider.categories; return Padding( padding: const EdgeInsets.all(16.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Expanded( child: TextField( decoration: InputDecoration( hintText: 'Buscar categorías...', prefixIcon: Icon(Icons.search), border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), ), ), ), SizedBox(width: 16), ElevatedButton.icon( onPressed: () { showDialog( context: context, builder: (context) => AddCategoryDialog(), ); }, icon: Icon(Icons.add), label: Text('Nueva Categoría'), ), ], ), SizedBox(height: 16), Expanded( child: categories.isEmpty ? Center(child: Text('No hay categorías disponibles')) : GridView.builder( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: MediaQuery.of(context).size.width < 600 ? 1 : MediaQuery.of(context).size.width < 960 ? 2 : 3, childAspectRatio: 1.5, crossAxisSpacing: 16, mainAxisSpacing: 16, ), itemCount: categories.length, itemBuilder: (context, index) { final category = categories[index]; return Card( clipBehavior: Clip.antiAlias, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( height: 100, decoration: BoxDecoration( color: AppColors.cream, ), child: Center( child: Icon( Icons.category, size: 48, color: AppColors.gold, ), ), ), Expanded( child: Padding( padding: EdgeInsets.all(12), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Expanded( child: Text( category.name, style: TextStyle( fontWeight: FontWeight.bold, fontSize: 16, ), maxLines: 1, overflow: TextOverflow.ellipsis, ), ), Container( padding: EdgeInsets.symmetric( horizontal: 8, vertical: 4, ), decoration: BoxDecoration( color: category.isActive ? Colors.green.withOpacity(0.1) : Colors.red.withOpacity(0.1), borderRadius: BorderRadius.circular(4), ), child: Text( category.isActive ? 'Activa' : 'Inactiva', style: TextStyle( fontSize: 12, color: category.isActive ? Colors.green : Colors.red, ), ), ), ], ), SizedBox(height: 4), Text( category.description, style: TextStyle( color: Colors.grey[600], fontSize: 12, ), maxLines: 2, overflow: TextOverflow.ellipsis, ), Spacer(), Row( mainAxisAlignment: MainAxisAlignment.end, children: [ IconButton( icon: Icon(Icons.edit, color: AppColors.brown), onPressed: () { // Edit category showDialog( context: context, builder: (context) => EditCategoryDialog( category: category, ), ); }, ), IconButton( icon: Icon(Icons.delete, color: Colors.red), onPressed: () { // Delete category showDialog( context: context, builder: (context) => AlertDialog( title: Text('Eliminar Categoría'), content: Text('¿Está seguro de eliminar esta categoría?'), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () { menuProvider.deleteCategory(category.id); Navigator.of(context).pop(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Categoría eliminada correctamente'), backgroundColor: Colors.green, ), ); }, child: Text('Eliminar'), style: ElevatedButton.styleFrom( backgroundColor: Colors.red, ), ), ], ), ); }, ), ], ), ], ), ), ), ], ), ); }, ), ), ], ), ); } } class PromotionsTab extends StatelessWidget { String _formatDate(DateTime date) { return '${date.day}/${date.month}/${date.year}'; } void _showPromotionDetails(BuildContext context, Promotion promotion, MenuProvider menuProvider) { try { final applicableProducts = menuProvider.products .where((product) => promotion.applicableProductIds.contains(product.id)) .toList(); showDialog( context: context, builder: (context) => AlertDialog( title: Text('Detalles de la Promoción'), content: SingleChildScrollView( child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [ Text( promotion.name, style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), Text(promotion.description), SizedBox(height: 16), Text( 'Descuento: ${promotion.discountPercentage.toStringAsFixed(0)}%', style: TextStyle( fontWeight: FontWeight.bold, color: AppColors.gold, ), ), SizedBox(height: 8), Text('Fecha de inicio: ${_formatDate(promotion.startDate)}'), Text('Fecha de fin: ${_formatDate(promotion.endDate)}'), SizedBox(height: 16), Text( 'Productos aplicables:', style: TextStyle( fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), if (applicableProducts.isEmpty) Text('No hay productos seleccionados para esta promoción') else Column( crossAxisAlignment: CrossAxisAlignment.start, children: applicableProducts.map((product) => Padding( padding: const EdgeInsets.only(bottom: 4.0), child: Row( children: [ Icon(Icons.check, color: Colors.green, size: 16), SizedBox(width: 8), Expanded(child: Text(product.name)), Text( 'Bs. ${product.price.toStringAsFixed(2)}', style: TextStyle(fontWeight: FontWeight.bold), ), ], ), )).toList(), ), ], ), ), actions: [ ElevatedButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cerrar'), ), ], ), ); } catch (e) { print('Error en detalles de promoción: $e'); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Error al mostrar detalles: $e'), backgroundColor: Colors.red, ), ); } } Widget _buildPromotionCard(BuildContext context, Promotion promotion, MenuProvider menuProvider) { try { return Card( margin: EdgeInsets.only(bottom: 16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( height: 120, decoration: BoxDecoration( color: AppColors.cream, gradient: LinearGradient( begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [ AppColors.gold.withOpacity(0.7), AppColors.brown.withOpacity(0.7), ], ), ), width: double.infinity, child: Center( child: Icon( Icons.local_offer, size: 48, color: Colors.white, ), ), ), Padding( padding: EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Expanded( child: Text( promotion.name, style: TextStyle( fontWeight: FontWeight.bold, fontSize: 18, ), ), ), Container( padding: EdgeInsets.symmetric( horizontal: 8, vertical: 4, ), decoration: BoxDecoration( color: promotion.isCurrentlyActive ? Colors.green.withOpacity(0.1) : Colors.red.withOpacity(0.1), borderRadius: BorderRadius.circular(4), ), child: Text( promotion.isCurrentlyActive ? 'Activa' : 'Inactiva', style: TextStyle( fontSize: 12, color: promotion.isCurrentlyActive ? Colors.green : Colors.red, ), ), ), ], ), SizedBox(height: 8), Text( promotion.description, style: TextStyle( color: Colors.grey[600], ), ), SizedBox(height: 8), Text( 'Descuento: ${promotion.discountPercentage.toStringAsFixed(0)}%', style: TextStyle( color: AppColors.gold, fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), Text( 'Vigencia: ${_formatDate(promotion.startDate)} - ${_formatDate(promotion.endDate)}', style: TextStyle( fontSize: 12, ), ), SizedBox(height: 16), Row( mainAxisAlignment: MainAxisAlignment.end, children: [ TextButton.icon( onPressed: () { // Ver detalles de la promoción _showPromotionDetails(context, promotion, menuProvider); }, icon: Icon(Icons.visibility), label: Text('Ver Detalles'), ), SizedBox(width: 8), TextButton.icon( onPressed: () { // Editar promoción showDialog( context: context, builder: (context) => EditPromotionDialog( promotion: promotion, products: menuProvider.products, ), ); }, icon: Icon(Icons.edit), label: Text('Editar'), ), SizedBox(width: 8), TextButton.icon( onPressed: () { // Eliminar promoción showDialog( context: context, builder: (context) => AlertDialog( title: Text('Eliminar Promoción'), content: Text('¿Está seguro de eliminar esta promoción?'), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () { menuProvider.deletePromotion(promotion.id); Navigator.of(context).pop(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Promoción eliminada correctamente'), backgroundColor: Colors.green, ), ); }, child: Text('Eliminar'), style: ElevatedButton.styleFrom( backgroundColor: Colors.red, ), ), ], ), ); }, icon: Icon(Icons.delete, color: Colors.red), label: Text( 'Eliminar', style: TextStyle(color: Colors.red), ), ), ], ), ], ), ), ], ), ); } catch (e) { print('Error en tarjeta de promoción: $e'); return Card( margin: EdgeInsets.only(bottom: 16), child: Padding( padding: EdgeInsets.all(16), child: Text('Error al cargar la promoción: ${promotion.name}'), ), ); } } @override Widget build(BuildContext context) { final menuProvider = Provider.of(context); final promotions = menuProvider.promotions; final screenWidth = MediaQuery.of(context).size.width; final isSmallScreen = screenWidth < 600; return Padding( padding: EdgeInsets.all(isSmallScreen ? 8.0 : 16.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ isSmallScreen ? Column( children: [ TextField( decoration: InputDecoration( hintText: 'Buscar promociones...', prefixIcon: Icon(Icons.search), border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), ), ), SizedBox(height: 8), SizedBox( width: double.infinity, child: ElevatedButton.icon( onPressed: () { showDialog( context: context, builder: (context) => AddPromotionDialog( products: menuProvider.products, ), ); }, icon: Icon(Icons.add), label: Text('Nueva Promoción'), ), ), ], ) : Row( children: [ Expanded( child: TextField( decoration: InputDecoration( hintText: 'Buscar promociones...', prefixIcon: Icon(Icons.search), border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), ), ), ), SizedBox(width: 16), ElevatedButton.icon( onPressed: () { showDialog( context: context, builder: (context) => AddPromotionDialog( products: menuProvider.products, ), ); }, icon: Icon(Icons.add), label: Text('Nueva Promoción'), ), ], ), SizedBox(height: 16), Expanded( child: promotions.isEmpty ? Center(child: Text('No hay promociones disponibles')) : ListView.builder( itemCount: promotions.length, itemBuilder: (context, index) { final promotion = promotions[index]; return _buildPromotionCard(context, promotion, menuProvider); }, ), ), ], ), ); } } // Corregir la clase AddPromotionDialog class AddPromotionDialog extends StatefulWidget { final List products; const AddPromotionDialog({ Key? key, required this.products, }) : super(key: key); @override _AddPromotionDialogState createState() => _AddPromotionDialogState(); } class _AddPromotionDialogState extends State { final _formKey = GlobalKey(); final _nameController = TextEditingController(); final _descriptionController = TextEditingController(); final _discountController = TextEditingController(text: "10"); DateTime _startDate = DateTime.now(); DateTime _endDate = DateTime.now().add(Duration(days: 30)); List _selectedProductIds = []; bool _isActive = true; @override void dispose() { _nameController.dispose(); _descriptionController.dispose(); _discountController.dispose(); super.dispose(); } String _formatDate(DateTime date) { return '${date.day}/${date.month}/${date.year}'; } @override Widget build(BuildContext context) { final screenWidth = MediaQuery.of(context).size.width; final isSmallScreen = screenWidth < 600; return AlertDialog( title: Text('Agregar Nueva Promoción'), content: Form( key: _formKey, child: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.stretch, children: [ TextFormField( controller: _nameController, decoration: InputDecoration( labelText: 'Nombre de la Promoción', prefixIcon: Icon(Icons.local_offer, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el nombre'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _descriptionController, decoration: InputDecoration( labelText: 'Descripción', prefixIcon: Icon(Icons.description, color: AppColors.gold), ), maxLines: 3, validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese la descripción'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _discountController, decoration: InputDecoration( labelText: 'Porcentaje de Descuento', prefixIcon: Icon(Icons.percent, color: AppColors.gold), ), keyboardType: TextInputType.numberWithOptions(decimal: true), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el descuento'; } final discount = double.tryParse(value); if (discount == null) { return 'Por favor ingrese un número válido'; } if (discount <= 0 || discount > 100) { return 'El descuento debe estar entre 1 y 100'; } return null; }, ), SizedBox(height: 16), isSmallScreen ? Column( children: [ ListTile( title: Text('Fecha Inicio'), subtitle: Text(_formatDate(_startDate)), onTap: () async { final date = await showDatePicker( context: context, initialDate: _startDate, firstDate: DateTime.now(), lastDate: DateTime.now().add(Duration(days: 365)), ); if (date != null) { setState(() { _startDate = date; // Asegurar que la fecha de fin sea posterior a la de inicio if (_endDate.isBefore(_startDate)) { _endDate = _startDate.add(Duration(days: 1)); } }); } }, ), ListTile( title: Text('Fecha Fin'), subtitle: Text(_formatDate(_endDate)), onTap: () async { final date = await showDatePicker( context: context, initialDate: _endDate.isBefore(_startDate) ? _startDate.add(Duration(days: 1)) : _endDate, firstDate: _startDate.add(Duration(days: 1)), lastDate: DateTime.now().add(Duration(days: 365)), ); if (date != null) { setState(() { _endDate = date; }); } }, ), ], ) : Row( children: [ Expanded( child: ListTile( title: Text('Fecha Inicio'), subtitle: Text(_formatDate(_startDate)), onTap: () async { final date = await showDatePicker( context: context, initialDate: _startDate, firstDate: DateTime.now(), lastDate: DateTime.now().add(Duration(days: 365)), ); if (date != null) { setState(() { _startDate = date; // Asegurar que la fecha de fin sea posterior a la de inicio if (_endDate.isBefore(_startDate)) { _endDate = _startDate.add(Duration(days: 1)); } }); } }, ), ), Expanded( child: ListTile( title: Text('Fecha Fin'), subtitle: Text(_formatDate(_endDate)), onTap: () async { final date = await showDatePicker( context: context, initialDate: _endDate.isBefore(_startDate) ? _startDate.add(Duration(days: 1)) : _endDate, firstDate: _startDate.add(Duration(days: 1)), lastDate: DateTime.now().add(Duration(days: 365)), ); if (date != null) { setState(() { _endDate = date; }); } }, ), ), ], ), SizedBox(height: 16), Text( 'Productos Aplicables', style: TextStyle( fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), Container( height: 200, decoration: BoxDecoration( border: Border.all(color: Colors.grey.shade300), borderRadius: BorderRadius.circular(8), ), child: ListView.builder( itemCount: widget.products.length, itemBuilder: (context, index) { final product = widget.products[index]; return CheckboxListTile( title: Text(product.name), subtitle: Text('Bs. ${product.price.toStringAsFixed(2)}'), value: _selectedProductIds.contains(product.id), onChanged: (value) { setState(() { if (value == true) { _selectedProductIds.add(product.id); } else { _selectedProductIds.remove(product.id); } }); }, ); }, ), ), SizedBox(height: 16), SwitchListTile( title: Text('Activa'), value: _isActive, onChanged: (value) { setState(() { _isActive = value; }); }, activeColor: AppColors.gold, ), ], ), ), ), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () { if (_formKey.currentState!.validate()) { try { final menuProvider = Provider.of(context, listen: false); final newPromotion = Promotion( id: DateTime.now().millisecondsSinceEpoch.toString(), name: _nameController.text, description: _descriptionController.text, discountPercentage: double.parse(_discountController.text), startDate: _startDate, endDate: _endDate, applicableProductIds: _selectedProductIds, imageUrl: 'assets/images/default_promotion.jpg', isActive: _isActive, ); menuProvider.addPromotion(newPromotion); Navigator.of(context).pop(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Promoción agregada correctamente'), backgroundColor: Colors.green, ), ); } catch (e) { print('Error al agregar promoción: $e'); ScaffoldMessenger.of(context).showSnack { print('Error al agregar promoción: $e'); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Error al agregar promoción: $e'), backgroundColor: Colors.red, ), ); } } }, child: Text('Guardar'), ), ], ); } } class EditPromotionDialog extends StatefulWidget { final Promotion promotion; final List products; const EditPromotionDialog({ Key? key, required this.promotion, required this.products, }) : super(key: key); @override _EditPromotionDialogState createState() => _EditPromotionDialogState(); } class _EditPromotionDialogState extends State { final _formKey = GlobalKey(); late TextEditingController _nameController; late TextEditingController _descriptionController; late TextEditingController _discountController; late DateTime _startDate; late DateTime _endDate; late List _selectedProductIds; late bool _isActive; @override void initState() { super.initState(); _nameController = TextEditingController(text: widget.promotion.name); _descriptionController = TextEditingController(text: widget.promotion.description); _discountController = TextEditingController(text: widget.promotion.discountPercentage.toString()); _startDate = widget.promotion.startDate; _endDate = widget.promotion.endDate; _selectedProductIds = List.from(widget.promotion.applicableProductIds); _isActive = widget.promotion.isActive; } @override void dispose() { _nameController.dispose(); _descriptionController.dispose(); _discountController.dispose(); super.dispose(); } String _formatDate(DateTime date) { return '${date.day}/${date.month}/${date.year}'; } @override Widget build(BuildContext context) { final screenWidth = MediaQuery.of(context).size.width; final isSmallScreen = screenWidth < 600; return AlertDialog( title: Text('Editar Promoción'), content: Form( key: _formKey, child: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.stretch, children: [ TextFormField( controller: _nameController, decoration: InputDecoration( labelText: 'Nombre de la Promoción', prefixIcon: Icon(Icons.local_offer, color: AppColors.gold), ), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el nombre'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _descriptionController, decoration: InputDecoration( labelText: 'Descripción', prefixIcon: Icon(Icons.description, color: AppColors.gold), ), maxLines: 3, validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese la descripción'; } return null; }, ), SizedBox(height: 16), TextFormField( controller: _discountController, decoration: InputDecoration( labelText: 'Porcentaje de Descuento', prefixIcon: Icon(Icons.percent, color: AppColors.gold), ), keyboardType: TextInputType.numberWithOptions(decimal: true), validator: (value) { if (value == null || value.isEmpty) { return 'Por favor ingrese el descuento'; } final discount = double.tryParse(value); if (discount == null) { return 'Por favor ingrese un número válido'; } if (discount <= 0 || discount > 100) { return 'El descuento debe estar entre 1 y 100'; } return null; }, ), SizedBox(height: 16), isSmallScreen ? Column( children: [ ListTile( title: Text('Fecha Inicio'), subtitle: Text(_formatDate(_startDate)), onTap: () async { final date = await showDatePicker( context: context, initialDate: _startDate, firstDate: DateTime.now(), lastDate: DateTime.now().add(Duration(days: 365)), ); if (date != null) { setState(() { _startDate = date; // Asegurar que la fecha de fin sea posterior a la de inicio if (_endDate.isBefore(_startDate)) { _endDate = _startDate.add(Duration(days: 1)); } }); } }, ), ListTile( title: Text('Fecha Fin'), subtitle: Text(_formatDate(_endDate)), onTap: () async { final date = await showDatePicker( context: context, initialDate: _endDate.isBefore(_startDate) ? _startDate.add(Duration(days: 1)) : _endDate, firstDate: _startDate.add(Duration(days: 1)), lastDate: DateTime.now().add(Duration(days: 365)), ); if (date != null) { setState(() { _endDate = date; }); } }, ), ], ) : Row( children: [ Expanded( child: ListTile( title: Text('Fecha Inicio'), subtitle: Text(_formatDate(_startDate)), onTap: () async { final date = await showDatePicker( context: context, initialDate: _startDate, firstDate: DateTime.now(), lastDate: DateTime.now().add(Duration(days: 365)), ); if (date != null) { setState(() { _startDate = date; // Asegurar que la fecha de fin sea posterior a la de inicio if (_endDate.isBefore(_startDate)) { _endDate = _startDate.add(Duration(days: 1)); } }); } }, ), ), Expanded( child: ListTile( title: Text('Fecha Fin'), subtitle: Text(_formatDate(_endDate)), onTap: () async { final date = await showDatePicker( context: context, initialDate: _endDate.isBefore(_startDate) ? _startDate.add(Duration(days: 1)) : _endDate, firstDate: _startDate.add(Duration(days: 1)), lastDate: DateTime.now().add(Duration(days: 365)), ); if (date != null) { setState(() { _endDate = date; }); } }, ), ), ], ), SizedBox(height: 16), Text( 'Productos Aplicables', style: TextStyle( fontWeight: FontWeight.bold, ), ), SizedBox(height: 8), Container( height: 200, decoration: BoxDecoration( border: Border.all(color: Colors.grey.shade300), borderRadius: BorderRadius.circular(8), ), child: ListView.builder( itemCount: widget.products.length, itemBuilder: (context, index) { final product = widget.products[index]; return CheckboxListTile( title: Text(product.name), subtitle: Text('Bs. ${product.price.toStringAsFixed(2)}'), value: _selectedProductIds.contains(product.id), onChanged: (value) { setState(() { if (value == true) { _selectedProductIds.add(product.id); } else { _selectedProductIds.remove(product.id); } }); }, ); }, ), ), SizedBox(height: 16), SwitchListTile( title: Text('Activa'), value: _isActive, onChanged: (value) { setState(() { _isActive = value; }); }, activeColor: AppColors.gold, ), ], ), ), ), actions: [ TextButton( onPressed: () { Navigator.of(context).pop(); }, child: Text('Cancelar'), ), ElevatedButton( onPressed: () { if (_formKey.currentState!.validate()) { final menuProvider = Provider.of(context, listen: false); final updatedPromotion = widget.promotion.copyWith( name: _nameController.text, description: _descriptionController.text, discountPercentage: double.parse(_discountController.text), startDate: _startDate, endDate: _endDate, applicableProductIds: _selectedProductIds, isActive: _isActive, ); menuProvider.updatePromotion(updatedPromotion); Navigator.of(context).pop(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Promoción actualizada correctamente'), backgroundColor: Colors.green, ), ); } }, child: Text('Guardar'), ), ], ); } } [V0_FILE]typescriptreact:file="lib/services/database_service.dart" import 'package:flutter/foundation.dart'; import 'package:sqflite_common_ffi/sqflite_ffi.dart'; import 'package:sqflite/sqflite.dart'; import 'dart:io'; import '../models/product.dart'; import '../models/category.dart'; import '../models/promotion.dart'; import '../models/order.dart'; class DatabaseService { static final DatabaseService _instance = DatabaseService._internal(); static DatabaseService get instance => _instance; DatabaseService._internal(); Database? _database; Future get database async { if (_database != null) return _database!; _database = await _initDatabase(); return _database!; } Future _initDatabase() async { if (Platform.isWindows || Platform.isLinux) { // Inicializar sqflite_ffi para Windows/Linux sqfliteFfiInit(); return await databaseFactoryFfi.openDatabase( 'mssql:DESKTOP-HPO3IG2\\SQLEXPRESS;database=erpZenV5;trusted_connection=true;', options: OpenDatabaseOptions( version: 1, onCreate: _onCreate, onUpgrade: _onUpgrade, ), ); } else { throw UnsupportedError('Plataforma no soportada para conexión a SQL Server'); } } Future _onCreate(Database db, int version) async { // No necesitamos crear tablas ya que estamos conectando a una base de datos existente } Future _onUpgrade(Database db, int oldVersion, int newVersion) async { // No necesitamos actualizar tablas ya que estamos conectando a una base de datos existente } // Métodos para productos Future> getProducts() async { try { final db = await database; final List> maps = await db.rawQuery(''' SELECT ProductoId, Codigo, Categoria, Clasificador, Nombre, Descripcion, Precio, IsDisponible FROM erpProductos WHERE IsDisponible = 1 AND DeletedAt IS NULL '''); return List.generate(maps.length, (i) { return Product( id: maps[i]['ProductoId'].toString(), name: maps[i]['Nombre'] ?? '', description: maps[i]['Descripcion'] ?? '', price: maps[i]['Precio'] != null ? double.parse(maps[i]['Precio'].toString()) : 0.0, category: maps[i]['Categoria'] ?? '', imageUrl: 'assets/images/default_product.jpg', isAvailable: maps[i]['IsDisponible'] == 1, ingredients: [], allergens: [], ); }); } catch (e) { print('Error al obtener productos: $e'); return []; } } Future addProduct(Product product) async { try { final db = await database; await db.rawInsert(''' INSERT INTO erpProductos ( Codigo, Categoria, Clasificador, Nombre, Descripcion, Precio, IsDisponible, CreatedAt, CreateUserId ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?) ''', [ product.id, product.category, '', // Clasificador product.name, product.description, product.price, product.isAvailable ? 1 : 0, DateTime.now().toIso8601String(), 1, // Usuario por defecto ]); return true; } catch (e) { print('Error al agregar producto: $e'); return false; } } Future updateProduct(Product product) async { try { final db = await database; await db.rawUpdate(''' UPDATE erpProductos SET Codigo = ?, Categoria = ?, Nombre = ?, Descripcion = ?, Precio = ?, IsDisponible = ?, UpdatedAt = ?, UpdateUserId = ? WHERE ProductoId = ? ''', [ product.id, product.category, product.name, product.description, product.price, product.isAvailable ? 1 : 0, DateTime.now().toIso8601String(), 1, // Usuario por defecto product.id, ]); return true; } catch (e) { print('Error al actualizar producto: $e'); return false; } } Future deleteProduct(String productId) async { try { final db = await database; await db.rawUpdate(''' UPDATE erpProductos SET DeletedAt = ?, DeleteUserId = ? WHERE ProductoId = ? ''', [ DateTime.now().toIso8601String(), 1, // Usuario por defecto productId, ]); return true; } catch (e) { print('Error al eliminar producto: $e'); return false; } } // Métodos para categorías Future> getCategories() async { try { final db = await database; // Asumiendo que las categorías están en la misma tabla o en una tabla relacionada final List> maps = await db.rawQuery(''' SELECT DISTINCT Categoria as name FROM erpProductos WHERE DeletedAt IS NULL ORDER BY Categoria '''); return List.generate(maps.length, (i) { final categoryName = maps[i]['name'] ?? ''; return Category( id: categoryName, name: categoryName, description: 'Categoría de productos', imageUrl: 'assets/images/default_category.jpg', isActive: true, displayOrder: i, ); }); } catch (e) { print('Error al obtener categorías: $e'); return []; } } // Métodos para sincronización Future syncLocalToRemote() async { // Implementar sincronización de datos locales a la base de datos remota } Future syncRemoteToLocal() async { // Implementar sincronización de datos remotos a la base de datos local } } [V0_FILE]typescriptreact:file="lib/providers/menu_provider.dart" isFixed="true" isEdit="true" isQuickEdit="true" import 'package:flutter/material.dart'; import '../models/product.dart'; import '../models/category.dart'; import '../models/promotion.dart'; import '../services/database_service.dart'; class MenuProvider with ChangeNotifier { List _products = []; List _categories = []; List _promotions = []; bool _isLoading = false; String? _error; List get products => _products; List get categories => _categories; List get promotions => _promotions; bool get isLoading => _isLoading; String? get error => _error; MenuProvider() { _loadInitialData(); } Future _loadInitialData() async { _setLoading(true); try { // Intentar cargar datos desde la base de datos await _loadFromDatabase(); } catch (e) { print('Error al cargar desde la base de datos: $e'); // Si falla, cargar datos de demostración _loadDummyData(); } finally { _setLoading(false); } } Future _loadFromDatabase() async { try { final dbService = DatabaseService.instance; // Cargar categorías final dbCategories = await dbService.getCategories(); if (dbCategories.isNotEmpty) { _categories = dbCategories; } // Cargar productos final dbProducts = await dbService.getProducts(); if (dbProducts.isNotEmpty) { _products = dbProducts; } // Las promociones se mantienen locales por ahora notifyListeners(); } catch (e) { _setError('Error al cargar datos: $e'); throw e; // Re-lanzar para que se carguen los datos de demostración } } void _loadDummyData() { // Datos de demostración (igual que antes) _categories = [ Category( id: '1', name: 'Platos Principales', description: 'Platos principales de nuestra carta', imageUrl: 'assets/images/main_dishes.jpg', displayOrder: 1, ), Category( id: '2', name: 'Entradas', description: 'Deliciosas entradas para compartir', imageUrl: 'assets/images/appetizers.jpg', displayOrder: 2, ), Category( id: '3', name: 'Postres', description: 'Dulces tentaciones para finalizar', imageUrl: 'assets/images/desserts.jpg', displayOrder: 3, ), Category( id: '4', name: 'Bebidas', description: 'Refrescantes bebidas para acompañar', imageUrl: 'assets/images/drinks.jpg', displayOrder: 4, ), ]; _products = [ Product( id: '1', name: 'Lomo Saltado', description: 'Tradicional plato peruano con carne de res, cebolla, tomate y papas fritas', price: 45.0, category: '1', imageUrl: 'assets/images/lomo_saltado.jpg', ingredients: ['Carne de res', 'Cebolla', 'Tomate', 'Papas', 'Arroz'], ), Product( id: '2', name: 'Ceviche', description: 'Pescado fresco marinado en limón con cebolla, cilantro y ají', price: 40.0, category: '2', imageUrl: 'assets/images/ceviche.jpg', ingredients: ['Pescado', 'Limón', 'Cebolla', 'Cilantro', 'Ají'], ), Product( id: '3', name: 'Cheesecake', description: 'Delicioso pastel de queso con salsa de frutos rojos', price: 25.0, category: '3', imageUrl: 'assets/images/cheesecake.jpg', ingredients: ['Queso crema', 'Galleta', 'Frutos rojos'], ), Product( id: '4', name: 'Limonada', description: 'Refrescante limonada casera', price: 12.0, category: '4', imageUrl: 'assets/images/lemonade.jpg', ingredients: ['Limón', 'Azúcar', 'Agua'], ), Product( id: '5', name: 'Ají de Gallina', description: 'Cremoso guiso de pollo con ají amarillo y nueces', price: 42.0, category: '1', imageUrl: 'assets/images/aji_gallina.jpg', ingredients: ['Pollo', 'Ají amarillo', 'Nueces', 'Pan', 'Leche'], ), Product( id: '6', name: 'Causa Limeña', description: 'Pastel frío de papa amarilla relleno de pollo o atún', price: 30.0, category: '2', imageUrl: 'assets/images/causa.jpg', ingredients: ['Papa amarilla', 'Limón', 'Ají amarillo', 'Pollo', 'Mayonesa'], ), ]; _promotions = [ Promotion( id: '1', name: 'Happy Hour', description: '2x1 en bebidas de 18:00 a 20:00', discountPercentage: 50.0, startDate: DateTime.now(), endDate: DateTime.now().add(Duration(days: 30)), applicableProductIds: ['4'], imageUrl: 'assets/images/happy_hour.jpg', ), Promotion( id: '2', name: 'Martes de Postres', description: '30% de descuento en todos los postres los martes', discountPercentage: 30.0, startDate: DateTime.now(), endDate: DateTime.now().add(Duration(days: 60)), applicableProductIds: ['3'], imageUrl: 'assets/images/dessert_tuesday.jpg', ), ]; notifyListeners(); } void _setLoading(bool loading) { _isLoading = loading; notifyListeners(); } void _setError(String? errorMessage) { _error = errorMessage; notifyListeners(); } Future addProduct(Product product) async { try { _setLoading(true); // Intentar agregar a la base de datos final dbService = DatabaseService.instance; final success = await dbService.addProduct(product); if (success) { _products.add(product); notifyListeners(); } return success; } catch (e) { print('Error al agregar producto: $e'); _setError('Error al agregar producto: $e'); // Agregar localmente si falla la base de datos _products.add(product); notifyListeners(); return true; // Devolvemos true porque se agregó localmente } finally { _setLoading(false); } } Future updateProduct(Product product) async { try { _setLoading(true); // Intentar actualizar en la base de datos final dbService = DatabaseService.instance; final success = await dbService.updateProduct(product); if (success) { final index = _products.indexWhere((p) => p.id == product.id); if (index != -1) { _products[index] = product; notifyListeners(); } } return success; } catch (e) { print('Error al actualizar producto: $e'); _setError('Error al actualizar producto: $e'); // Actualizar localmente si falla la base de datos final index = _products.indexWhere((p) => p.id == product.id); if (index != -1) { _products[index] = product; notifyListeners(); } return true; // Devolvemos true porque se actualizó localmente } finally { _setLoading(false); } } Future deleteProduct(String productId) async { try { _setLoading(true); // Intentar eliminar de la base de datos final dbService = DatabaseService.instance; final success = await dbService.deleteProduct(productId); if (success) { _products.removeWhere((p) => p.id == productId); notifyListeners(); } return success; } catch (e) { print('Error al eliminar producto: $e'); _setError('Error al eliminar producto: $e'); // Eliminar localmente si falla la base de datos _products.removeWhere((p) => p.id == productId); notifyListeners(); return true; // Devolvemos true porque se eliminó localmente } finally { _setLoading(false); } } // Los métodos para categorías y promociones se mantienen igual por ahora Future addCategory(Category category) async { try { _categories.add(category); notifyListeners(); return true; } catch (e) { print('Add category error: $e'); return false; } } Future updateCategory(Category category) async { try { final index = _categories.indexWhere((c) => c.id == category.id); if (index != -1) { _categories[index] = category; notifyListeners(); return true; } return false; } catch (e) { print('Update category error: $e'); return false; } } Future deleteCategory(String categoryId) async { try { _categories.removeWhere((c) => c.id == categoryId); notifyListeners(); return true; } catch (e) { print('Delete category error: $e'); return false; } } Future addPromotion(Promotion promotion) async { try { _promotions.add(promotion); notifyListeners(); return true; } catch (e) { print('Add promotion error: $e'); return false; } } Future updatePromotion(Promotion promotion) async { try { final index = _promotions.indexWhere((p) => p.id == promotion.id); if (index != -1) { _promotions[index] = promotion; notifyListeners(); return true; } return false; } catch (e) { print('Update promotion error: $e'); return false; } } Future deletePromotion(String promotionId) async { try { _promotions.removeWhere((p) => p.id == promotionId); notifyListeners(); return true; } catch (e) { print('Delete promotion error: $e'); return false; } } List getProductsByCategory(String categoryId) { return _products.where((product) => product.category == categoryId).toList(); } List getActivePromotions() { final now = DateTime.now(); return _promotions .where((promo) => promo.isActive && now.isAfter(promo.startDate) && now.isBefore(promo.endDate)) .toList(); } } [V0_FILE]typescriptreact:file="pubspec.yaml" isEdit="true" dependencies: flutter: sdk: flutter provider: ^6.0.5 path_provider: ^2.1.1 pdf: ^3.10.4 open_file: ^3.3.2 sqflite: ^2.3.0 sqflite_common_ffi: ^2.3.0 sqflite_common_ffi_web: ^0.4.0