4 changed files with 956 additions and 14 deletions
@ -0,0 +1,424 @@ |
|||||
|
import 'package:flutter/material.dart'; |
||||
|
import './tables.dart'; |
||||
|
import '../layouts/main_layout.dart'; |
||||
|
|
||||
|
void main() { |
||||
|
runApp(const RestaurantApp()); |
||||
|
} |
||||
|
|
||||
|
class RestaurantApp extends StatelessWidget { |
||||
|
const RestaurantApp({Key? key}) : super(key: key); |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
return MaterialApp( |
||||
|
title: 'Restaurant App', |
||||
|
theme: ThemeData(primarySwatch: Colors.green), |
||||
|
home: const LoginScreen(), |
||||
|
); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
class LoginScreen extends StatefulWidget { |
||||
|
const LoginScreen({Key? key}) : super(key: key); |
||||
|
|
||||
|
@override |
||||
|
State<LoginScreen> createState() => _LoginScreenState(); |
||||
|
} |
||||
|
|
||||
|
class _LoginScreenState extends State<LoginScreen> { |
||||
|
// Static credentials for both Serveur and Admin |
||||
|
static const String serveurEmail = 'serveur@restaurant.com'; |
||||
|
static const String serveurPassword = 'serveur123'; |
||||
|
static const String adminEmail = 'admin@restaurant.com'; |
||||
|
static const String adminPassword = 'admin123'; |
||||
|
|
||||
|
final TextEditingController emailController = TextEditingController(); |
||||
|
final TextEditingController passwordController = TextEditingController(); |
||||
|
final GlobalKey<FormState> _formKey = GlobalKey<FormState>(); |
||||
|
|
||||
|
bool _isLoading = false; |
||||
|
String? _errorMessage; |
||||
|
|
||||
|
@override |
||||
|
void initState() { |
||||
|
super.initState(); |
||||
|
// Pre-fill with serveur email as shown in design |
||||
|
emailController.text = 'serveur@restaurant.com'; |
||||
|
} |
||||
|
|
||||
|
@override |
||||
|
void dispose() { |
||||
|
emailController.dispose(); |
||||
|
passwordController.dispose(); |
||||
|
super.dispose(); |
||||
|
} |
||||
|
|
||||
|
void _login() async { |
||||
|
if (!_formKey.currentState!.validate()) return; |
||||
|
|
||||
|
setState(() { |
||||
|
_isLoading = true; |
||||
|
_errorMessage = null; |
||||
|
}); |
||||
|
|
||||
|
// Simulate network delay |
||||
|
await Future.delayed(const Duration(seconds: 1)); |
||||
|
|
||||
|
setState(() { |
||||
|
_isLoading = false; |
||||
|
}); |
||||
|
|
||||
|
// Check credentials |
||||
|
String email = emailController.text.trim(); |
||||
|
String password = passwordController.text; |
||||
|
|
||||
|
if ((email == serveurEmail && password == serveurPassword) || |
||||
|
(email == adminEmail && password == adminPassword)) { |
||||
|
// Login successful - navigate to home/dashboard |
||||
|
if (mounted) { |
||||
|
String userType = email == adminEmail ? 'Admin' : 'Serveur'; |
||||
|
Navigator.pushReplacement( |
||||
|
context, |
||||
|
MaterialPageRoute( |
||||
|
builder: |
||||
|
(context) => const MainLayout( |
||||
|
currentRoute: '/tables', |
||||
|
child: TablesScreen(), |
||||
|
), |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
} else { |
||||
|
// Login failed |
||||
|
setState(() { |
||||
|
_errorMessage = 'Email ou mot de passe incorrect'; |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
return Scaffold( |
||||
|
backgroundColor: const Color(0xFFF5F5F5), // Light gray background |
||||
|
body: Center( |
||||
|
child: SingleChildScrollView( |
||||
|
padding: const EdgeInsets.all(24.0), |
||||
|
child: Card( |
||||
|
elevation: 2, |
||||
|
shape: RoundedRectangleBorder( |
||||
|
borderRadius: BorderRadius.circular(8), |
||||
|
), |
||||
|
child: Container( |
||||
|
width: 400, |
||||
|
padding: const EdgeInsets.all(40.0), |
||||
|
child: Form( |
||||
|
key: _formKey, |
||||
|
child: Column( |
||||
|
mainAxisSize: MainAxisSize.min, |
||||
|
children: [ |
||||
|
// Logo - Chef hat icon in green circle |
||||
|
Container( |
||||
|
width: 64, |
||||
|
height: 64, |
||||
|
decoration: const BoxDecoration( |
||||
|
color: Colors.green, |
||||
|
shape: BoxShape.circle, |
||||
|
), |
||||
|
child: const Icon( |
||||
|
Icons.restaurant_menu, |
||||
|
color: Colors.white, |
||||
|
size: 32, |
||||
|
), |
||||
|
), |
||||
|
const SizedBox(height: 24), |
||||
|
|
||||
|
// Title |
||||
|
const Text( |
||||
|
'Restaurant App', |
||||
|
style: TextStyle( |
||||
|
fontSize: 24, |
||||
|
fontWeight: FontWeight.bold, |
||||
|
color: Colors.black87, |
||||
|
), |
||||
|
), |
||||
|
const SizedBox(height: 8), |
||||
|
|
||||
|
// Subtitle |
||||
|
const Text( |
||||
|
'Connectez-vous pour accéder au système de commandes', |
||||
|
style: TextStyle(color: Colors.grey, fontSize: 14), |
||||
|
textAlign: TextAlign.center, |
||||
|
), |
||||
|
const SizedBox(height: 32), |
||||
|
|
||||
|
// Error message |
||||
|
if (_errorMessage != null) |
||||
|
Container( |
||||
|
width: double.infinity, |
||||
|
padding: const EdgeInsets.all(12), |
||||
|
margin: const EdgeInsets.only(bottom: 16), |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.red.shade50, |
||||
|
border: Border.all(color: Colors.red.shade200), |
||||
|
borderRadius: BorderRadius.circular(4), |
||||
|
), |
||||
|
child: Text( |
||||
|
_errorMessage!, |
||||
|
style: TextStyle( |
||||
|
color: Colors.red.shade600, |
||||
|
fontSize: 14, |
||||
|
), |
||||
|
textAlign: TextAlign.center, |
||||
|
), |
||||
|
), |
||||
|
|
||||
|
// Email label |
||||
|
const Align( |
||||
|
alignment: Alignment.centerLeft, |
||||
|
child: Text( |
||||
|
'Email', |
||||
|
style: TextStyle( |
||||
|
fontSize: 14, |
||||
|
color: Colors.black87, |
||||
|
fontWeight: FontWeight.w500, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
const SizedBox(height: 8), |
||||
|
|
||||
|
// Email field |
||||
|
TextFormField( |
||||
|
controller: emailController, |
||||
|
decoration: InputDecoration( |
||||
|
prefixIcon: const Icon( |
||||
|
Icons.email_outlined, |
||||
|
color: Colors.grey, |
||||
|
size: 20, |
||||
|
), |
||||
|
hintText: 'serveur@restaurant.com', |
||||
|
hintStyle: const TextStyle(color: Colors.grey), |
||||
|
border: OutlineInputBorder( |
||||
|
borderRadius: BorderRadius.circular(4), |
||||
|
borderSide: BorderSide(color: Colors.grey.shade300), |
||||
|
), |
||||
|
enabledBorder: OutlineInputBorder( |
||||
|
borderRadius: BorderRadius.circular(4), |
||||
|
borderSide: BorderSide(color: Colors.grey.shade300), |
||||
|
), |
||||
|
focusedBorder: OutlineInputBorder( |
||||
|
borderRadius: BorderRadius.circular(4), |
||||
|
borderSide: const BorderSide(color: Colors.green), |
||||
|
), |
||||
|
contentPadding: const EdgeInsets.symmetric( |
||||
|
horizontal: 12, |
||||
|
vertical: 16, |
||||
|
), |
||||
|
), |
||||
|
keyboardType: TextInputType.emailAddress, |
||||
|
validator: (value) { |
||||
|
if (value == null || value.isEmpty) { |
||||
|
return 'Veuillez entrer votre email'; |
||||
|
} |
||||
|
return null; |
||||
|
}, |
||||
|
), |
||||
|
const SizedBox(height: 16), |
||||
|
|
||||
|
// Password label |
||||
|
const Align( |
||||
|
alignment: Alignment.centerLeft, |
||||
|
child: Text( |
||||
|
'Mot de passe', |
||||
|
style: TextStyle( |
||||
|
fontSize: 14, |
||||
|
color: Colors.black87, |
||||
|
fontWeight: FontWeight.w500, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
const SizedBox(height: 8), |
||||
|
|
||||
|
// Password field |
||||
|
TextFormField( |
||||
|
controller: passwordController, |
||||
|
decoration: InputDecoration( |
||||
|
prefixIcon: const Icon( |
||||
|
Icons.lock_outline, |
||||
|
color: Colors.grey, |
||||
|
size: 20, |
||||
|
), |
||||
|
hintText: '••••••••', |
||||
|
hintStyle: const TextStyle(color: Colors.grey), |
||||
|
border: OutlineInputBorder( |
||||
|
borderRadius: BorderRadius.circular(4), |
||||
|
borderSide: BorderSide(color: Colors.grey.shade300), |
||||
|
), |
||||
|
enabledBorder: OutlineInputBorder( |
||||
|
borderRadius: BorderRadius.circular(4), |
||||
|
borderSide: BorderSide(color: Colors.grey.shade300), |
||||
|
), |
||||
|
focusedBorder: OutlineInputBorder( |
||||
|
borderRadius: BorderRadius.circular(4), |
||||
|
borderSide: const BorderSide(color: Colors.green), |
||||
|
), |
||||
|
contentPadding: const EdgeInsets.symmetric( |
||||
|
horizontal: 12, |
||||
|
vertical: 16, |
||||
|
), |
||||
|
), |
||||
|
obscureText: true, |
||||
|
validator: (value) { |
||||
|
if (value == null || value.isEmpty) { |
||||
|
return 'Veuillez entrer votre mot de passe'; |
||||
|
} |
||||
|
return null; |
||||
|
}, |
||||
|
), |
||||
|
const SizedBox(height: 24), |
||||
|
|
||||
|
// Login button |
||||
|
SizedBox( |
||||
|
width: double.infinity, |
||||
|
height: 48, |
||||
|
child: ElevatedButton( |
||||
|
onPressed: _isLoading ? null : _login, |
||||
|
style: ElevatedButton.styleFrom( |
||||
|
backgroundColor: Colors.green, |
||||
|
foregroundColor: Colors.white, |
||||
|
shape: RoundedRectangleBorder( |
||||
|
borderRadius: BorderRadius.circular(4), |
||||
|
), |
||||
|
elevation: 0, |
||||
|
), |
||||
|
child: |
||||
|
_isLoading |
||||
|
? const SizedBox( |
||||
|
height: 20, |
||||
|
width: 20, |
||||
|
child: CircularProgressIndicator( |
||||
|
color: Colors.white, |
||||
|
strokeWidth: 2, |
||||
|
), |
||||
|
) |
||||
|
: const Text( |
||||
|
'Se connecter', |
||||
|
style: TextStyle( |
||||
|
fontSize: 16, |
||||
|
fontWeight: FontWeight.w500, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
const SizedBox(height: 24), |
||||
|
|
||||
|
// Demo accounts section |
||||
|
Container( |
||||
|
width: double.infinity, |
||||
|
padding: const EdgeInsets.all(16), |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.grey.shade100, |
||||
|
borderRadius: BorderRadius.circular(4), |
||||
|
), |
||||
|
child: Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
const Text( |
||||
|
'Comptes de démonstration :', |
||||
|
style: TextStyle( |
||||
|
fontSize: 14, |
||||
|
fontWeight: FontWeight.w500, |
||||
|
color: Colors.black87, |
||||
|
), |
||||
|
), |
||||
|
const SizedBox(height: 8), |
||||
|
RichText( |
||||
|
text: const TextSpan( |
||||
|
style: TextStyle( |
||||
|
fontSize: 13, |
||||
|
color: Colors.grey, |
||||
|
height: 1.4, |
||||
|
), |
||||
|
children: [ |
||||
|
TextSpan( |
||||
|
text: 'Serveur : ', |
||||
|
style: TextStyle(fontWeight: FontWeight.w500), |
||||
|
), |
||||
|
TextSpan( |
||||
|
text: 'serveur@restaurant.com / serveur123\n', |
||||
|
), |
||||
|
TextSpan( |
||||
|
text: 'Admin : ', |
||||
|
style: TextStyle(fontWeight: FontWeight.w500), |
||||
|
), |
||||
|
TextSpan( |
||||
|
text: 'admin@restaurant.com / admin123', |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// Updated home screen to show user type |
||||
|
class HomeScreen extends StatelessWidget { |
||||
|
final String userType; |
||||
|
|
||||
|
const HomeScreen({Key? key, required this.userType}) : super(key: key); |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
return Scaffold( |
||||
|
appBar: AppBar( |
||||
|
title: Text('Restaurant Dashboard - $userType'), |
||||
|
backgroundColor: Colors.green, |
||||
|
foregroundColor: Colors.white, |
||||
|
automaticallyImplyLeading: false, |
||||
|
actions: [ |
||||
|
IconButton( |
||||
|
icon: const Icon(Icons.logout), |
||||
|
onPressed: () { |
||||
|
Navigator.pushReplacement( |
||||
|
context, |
||||
|
MaterialPageRoute(builder: (context) => const LoginScreen()), |
||||
|
); |
||||
|
}, |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
body: Center( |
||||
|
child: Column( |
||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||
|
children: [ |
||||
|
Icon(Icons.check_circle, color: Colors.green, size: 80), |
||||
|
const SizedBox(height: 16), |
||||
|
Text( |
||||
|
'Connexion réussie!', |
||||
|
style: TextStyle( |
||||
|
fontSize: 24, |
||||
|
fontWeight: FontWeight.bold, |
||||
|
color: Colors.green, |
||||
|
), |
||||
|
), |
||||
|
const SizedBox(height: 8), |
||||
|
Text( |
||||
|
'Bienvenue $userType', |
||||
|
style: TextStyle(fontSize: 18, color: Colors.grey), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
} |
||||
@ -1 +1,500 @@ |
|||||
// TODO Implement this library. |
// TODO Implement this library. |
||||
|
import 'package:flutter/material.dart'; |
||||
|
import 'package:http/http.dart' as http; |
||||
|
import 'dart:convert'; |
||||
|
|
||||
|
class MenuPage extends StatefulWidget { |
||||
|
final int? tableId; |
||||
|
final int? personne; |
||||
|
|
||||
|
const MenuPage({Key? key, required this.tableId, required this.personne}) |
||||
|
: super(key: key); |
||||
|
|
||||
|
@override |
||||
|
State<MenuPage> createState() => _MenuPageState(); |
||||
|
} |
||||
|
|
||||
|
class _MenuPageState extends State<MenuPage> { |
||||
|
int? _selectedCategory; |
||||
|
List<dynamic> _categories = []; |
||||
|
List<dynamic> _menus = []; |
||||
|
List<dynamic> _cart = []; |
||||
|
|
||||
|
@override |
||||
|
void initState() { |
||||
|
super.initState(); |
||||
|
fetchCategories(); |
||||
|
} |
||||
|
|
||||
|
Future<void> fetchCategories() async { |
||||
|
try { |
||||
|
final url = Uri.parse( |
||||
|
"https://restaurant.careeracademy.mg/api/menu-categories", |
||||
|
); |
||||
|
final response = await http.get(url); |
||||
|
|
||||
|
if (response.statusCode == 200) { |
||||
|
final jsonResponse = json.decode(response.body); |
||||
|
|
||||
|
final categoriesList = |
||||
|
(jsonResponse['data']?['categories'] ?? []) as List<dynamic>; |
||||
|
|
||||
|
setState(() { |
||||
|
_categories = categoriesList; |
||||
|
if (_categories.isNotEmpty) { |
||||
|
_selectedCategory = _categories[0]['id']; |
||||
|
fetchMenus(_selectedCategory!); |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
print("Erreur API catégories: ${response.statusCode}"); |
||||
|
} |
||||
|
} catch (e) { |
||||
|
print("Exception fetchCategories: $e"); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
Future<void> fetchMenus(int categoryId) async { |
||||
|
try { |
||||
|
final url = Uri.parse( |
||||
|
"https://restaurant.careeracademy.mg/api/menus/category/$categoryId?disponible=true", |
||||
|
); |
||||
|
final response = await http.get(url); |
||||
|
|
||||
|
if (response.statusCode == 200) { |
||||
|
final jsonResponse = json.decode(response.body); |
||||
|
|
||||
|
final List<dynamic> menusList = |
||||
|
jsonResponse is List ? jsonResponse : (jsonResponse['data'] ?? []); |
||||
|
|
||||
|
setState(() { |
||||
|
_menus = menusList; |
||||
|
}); |
||||
|
} else { |
||||
|
print("Erreur API menus: ${response.statusCode}"); |
||||
|
} |
||||
|
} catch (e) { |
||||
|
print("Exception fetchMenus: $e"); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
void changeCategory(int id) { |
||||
|
setState(() { |
||||
|
_selectedCategory = id; |
||||
|
_menus = []; |
||||
|
}); |
||||
|
fetchMenus(id); |
||||
|
} |
||||
|
|
||||
|
void addToCart(dynamic item, int quantity, String notes) { |
||||
|
setState(() { |
||||
|
for (int i = 0; i < quantity; i++) { |
||||
|
Map<String, dynamic> cartItem = Map<String, dynamic>.from(item); |
||||
|
if (notes.isNotEmpty) { |
||||
|
cartItem['notes'] = notes; |
||||
|
} |
||||
|
_cart.add(cartItem); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
void showAddToCartModal(dynamic item) { |
||||
|
showDialog( |
||||
|
context: context, |
||||
|
builder: (BuildContext context) { |
||||
|
return AddToCartModal(item: item, onAddToCart: addToCart); |
||||
|
}, |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
/// Conversion sécurisée du prix en string avec 2 décimales |
||||
|
String formatPrix(dynamic prix) { |
||||
|
if (prix == null) return ""; |
||||
|
double? val; |
||||
|
if (prix is num) { |
||||
|
val = prix.toDouble(); |
||||
|
} else if (prix is String) { |
||||
|
val = double.tryParse(prix); |
||||
|
} |
||||
|
return val != null ? val.toStringAsFixed(2) : ""; |
||||
|
} |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
return Scaffold( |
||||
|
appBar: AppBar( |
||||
|
title: Text("Menu"), |
||||
|
actions: [ |
||||
|
IconButton( |
||||
|
onPressed: () { |
||||
|
if (_selectedCategory != null) fetchMenus(_selectedCategory!); |
||||
|
}, |
||||
|
icon: Icon(Icons.refresh), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
body: Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Padding( |
||||
|
padding: const EdgeInsets.all(8.0), |
||||
|
child: Text( |
||||
|
"Table ${widget.tableId} • ${widget.personne} personne${widget.personne! > 1 ? 's' : ''}", |
||||
|
style: TextStyle(fontSize: 16), |
||||
|
), |
||||
|
), |
||||
|
if (_categories.isNotEmpty) |
||||
|
Row( |
||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
||||
|
children: |
||||
|
_categories.map<Widget>((cat) { |
||||
|
return buildCategoryButton(cat['nom'], cat['id']); |
||||
|
}).toList(), |
||||
|
) |
||||
|
else |
||||
|
Center(child: CircularProgressIndicator()), |
||||
|
Expanded( |
||||
|
child: |
||||
|
_menus.isNotEmpty |
||||
|
? ListView.builder( |
||||
|
itemCount: _menus.length, |
||||
|
itemBuilder: (context, index) { |
||||
|
final item = _menus[index]; |
||||
|
return Card( |
||||
|
margin: EdgeInsets.all(8), |
||||
|
child: ListTile( |
||||
|
onTap: |
||||
|
() => showAddToCartModal( |
||||
|
item, |
||||
|
), // Clic sur tout l'item |
||||
|
leading: Container( |
||||
|
width: 60, |
||||
|
height: 60, |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.green[100], |
||||
|
borderRadius: BorderRadius.circular(8), |
||||
|
), |
||||
|
child: Icon( |
||||
|
Icons.restaurant_menu, |
||||
|
color: Colors.green[700], |
||||
|
size: 30, |
||||
|
), |
||||
|
), |
||||
|
title: Text( |
||||
|
item['nom'] ?? 'Nom non disponible', |
||||
|
style: TextStyle(fontWeight: FontWeight.bold), |
||||
|
), |
||||
|
subtitle: Text(item['commentaire'] ?? ''), |
||||
|
trailing: Text( |
||||
|
"${formatPrix(item['prix'])} €", |
||||
|
style: TextStyle( |
||||
|
color: Colors.green[700], |
||||
|
fontWeight: FontWeight.bold, |
||||
|
fontSize: 16, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
); |
||||
|
}, |
||||
|
) |
||||
|
: Center(child: Text("Aucun menu disponible")), |
||||
|
), |
||||
|
Container( |
||||
|
width: double.infinity, |
||||
|
padding: EdgeInsets.symmetric(vertical: 12), |
||||
|
color: Colors.green[700], |
||||
|
child: Center( |
||||
|
child: TextButton( |
||||
|
onPressed: () { |
||||
|
// TODO: Naviguer vers la page panier |
||||
|
}, |
||||
|
child: Text( |
||||
|
"Voir le panier (${_cart.length})", |
||||
|
style: TextStyle(color: Colors.white, fontSize: 16), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
Widget buildCategoryButton(String label, int id) { |
||||
|
final selected = _selectedCategory == id; |
||||
|
return Expanded( |
||||
|
child: GestureDetector( |
||||
|
onTap: () => changeCategory(id), |
||||
|
child: Container( |
||||
|
padding: EdgeInsets.symmetric(vertical: 10), |
||||
|
color: selected ? Colors.grey[300] : Colors.grey[100], |
||||
|
child: Center( |
||||
|
child: Text( |
||||
|
label, |
||||
|
style: TextStyle( |
||||
|
fontWeight: selected ? FontWeight.bold : FontWeight.normal, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// Modal pour ajouter au panier |
||||
|
class AddToCartModal extends StatefulWidget { |
||||
|
final dynamic item; |
||||
|
final Function(dynamic, int, String) onAddToCart; |
||||
|
|
||||
|
const AddToCartModal({ |
||||
|
Key? key, |
||||
|
required this.item, |
||||
|
required this.onAddToCart, |
||||
|
}) : super(key: key); |
||||
|
|
||||
|
@override |
||||
|
State<AddToCartModal> createState() => _AddToCartModalState(); |
||||
|
} |
||||
|
|
||||
|
class _AddToCartModalState extends State<AddToCartModal> { |
||||
|
int _quantity = 1; |
||||
|
final TextEditingController _notesController = TextEditingController(); |
||||
|
|
||||
|
String formatPrix(dynamic prix) { |
||||
|
if (prix == null) return "0.00"; |
||||
|
double? val; |
||||
|
if (prix is num) { |
||||
|
val = prix.toDouble(); |
||||
|
} else if (prix is String) { |
||||
|
val = double.tryParse(prix); |
||||
|
} |
||||
|
return val != null ? val.toStringAsFixed(2) : "0.00"; |
||||
|
} |
||||
|
|
||||
|
double calculateTotal() { |
||||
|
double prix = 0.0; |
||||
|
if (widget.item['prix'] is num) { |
||||
|
prix = widget.item['prix'].toDouble(); |
||||
|
} else if (widget.item['prix'] is String) { |
||||
|
prix = double.tryParse(widget.item['prix']) ?? 0.0; |
||||
|
} |
||||
|
return prix * _quantity; |
||||
|
} |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
return Dialog( |
||||
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)), |
||||
|
child: Container( |
||||
|
padding: EdgeInsets.all(20), |
||||
|
constraints: BoxConstraints(maxWidth: 400), |
||||
|
child: Column( |
||||
|
mainAxisSize: MainAxisSize.min, |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
// Header |
||||
|
Row( |
||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
|
children: [ |
||||
|
Text( |
||||
|
widget.item['nom'] ?? 'Menu', |
||||
|
style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold), |
||||
|
), |
||||
|
IconButton( |
||||
|
onPressed: () => Navigator.of(context).pop(), |
||||
|
icon: Icon(Icons.close), |
||||
|
padding: EdgeInsets.zero, |
||||
|
constraints: BoxConstraints(), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
SizedBox(height: 16), |
||||
|
|
||||
|
// Image placeholder |
||||
|
Container( |
||||
|
width: double.infinity, |
||||
|
height: 150, |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.green[100], |
||||
|
borderRadius: BorderRadius.circular(12), |
||||
|
), |
||||
|
child: Icon( |
||||
|
Icons.restaurant_menu, |
||||
|
size: 60, |
||||
|
color: Colors.green[700], |
||||
|
), |
||||
|
), |
||||
|
SizedBox(height: 16), |
||||
|
|
||||
|
// Description |
||||
|
if (widget.item['commentaire'] != null && |
||||
|
widget.item['commentaire'].toString().isNotEmpty) |
||||
|
Text( |
||||
|
widget.item['commentaire'], |
||||
|
style: TextStyle(fontSize: 14, color: Colors.grey[600]), |
||||
|
), |
||||
|
SizedBox(height: 16), |
||||
|
|
||||
|
// Prix unitaire |
||||
|
Row( |
||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
|
children: [ |
||||
|
Text( |
||||
|
"Prix unitaire", |
||||
|
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500), |
||||
|
), |
||||
|
Text( |
||||
|
"${formatPrix(widget.item['prix'])} €", |
||||
|
style: TextStyle( |
||||
|
fontSize: 16, |
||||
|
fontWeight: FontWeight.bold, |
||||
|
color: Colors.green[700], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
SizedBox(height: 20), |
||||
|
|
||||
|
// Quantité |
||||
|
Text( |
||||
|
"Quantité", |
||||
|
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500), |
||||
|
), |
||||
|
SizedBox(height: 8), |
||||
|
Row( |
||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||
|
children: [ |
||||
|
IconButton( |
||||
|
onPressed: |
||||
|
_quantity > 1 |
||||
|
? () { |
||||
|
setState(() { |
||||
|
_quantity--; |
||||
|
}); |
||||
|
} |
||||
|
: null, |
||||
|
icon: Icon(Icons.remove), |
||||
|
style: IconButton.styleFrom( |
||||
|
backgroundColor: Colors.grey[200], |
||||
|
), |
||||
|
), |
||||
|
SizedBox(width: 20), |
||||
|
Text( |
||||
|
_quantity.toString(), |
||||
|
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold), |
||||
|
), |
||||
|
SizedBox(width: 20), |
||||
|
IconButton( |
||||
|
onPressed: () { |
||||
|
setState(() { |
||||
|
_quantity++; |
||||
|
}); |
||||
|
}, |
||||
|
icon: Icon(Icons.add), |
||||
|
style: IconButton.styleFrom( |
||||
|
backgroundColor: Colors.grey[200], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
SizedBox(height: 20), |
||||
|
|
||||
|
// Notes |
||||
|
Text( |
||||
|
"Notes (optionnel)", |
||||
|
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500), |
||||
|
), |
||||
|
SizedBox(height: 8), |
||||
|
TextField( |
||||
|
controller: _notesController, |
||||
|
maxLines: 3, |
||||
|
decoration: InputDecoration( |
||||
|
hintText: "Commentaires spéciaux (sans oignons, bien cuit...)", |
||||
|
border: OutlineInputBorder( |
||||
|
borderRadius: BorderRadius.circular(8), |
||||
|
), |
||||
|
contentPadding: EdgeInsets.all(12), |
||||
|
), |
||||
|
), |
||||
|
SizedBox(height: 24), |
||||
|
|
||||
|
// Total et bouton d'ajout |
||||
|
Container( |
||||
|
width: double.infinity, |
||||
|
padding: EdgeInsets.all(16), |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.grey[50], |
||||
|
borderRadius: BorderRadius.circular(12), |
||||
|
), |
||||
|
child: Column( |
||||
|
children: [ |
||||
|
Row( |
||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
|
children: [ |
||||
|
Text( |
||||
|
"Total", |
||||
|
style: TextStyle( |
||||
|
fontSize: 18, |
||||
|
fontWeight: FontWeight.bold, |
||||
|
), |
||||
|
), |
||||
|
Text( |
||||
|
"${calculateTotal().toStringAsFixed(2)} €", |
||||
|
style: TextStyle( |
||||
|
fontSize: 18, |
||||
|
fontWeight: FontWeight.bold, |
||||
|
color: Colors.green[700], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
SizedBox(height: 16), |
||||
|
SizedBox( |
||||
|
width: double.infinity, |
||||
|
child: ElevatedButton( |
||||
|
onPressed: () { |
||||
|
widget.onAddToCart( |
||||
|
widget.item, |
||||
|
_quantity, |
||||
|
_notesController.text, |
||||
|
); |
||||
|
Navigator.of(context).pop(); |
||||
|
|
||||
|
// Afficher un snackbar de confirmation |
||||
|
ScaffoldMessenger.of(context).showSnackBar( |
||||
|
SnackBar( |
||||
|
content: Text( |
||||
|
"${widget.item['nom']} ajouté au panier", |
||||
|
), |
||||
|
backgroundColor: Colors.green, |
||||
|
duration: Duration(seconds: 2), |
||||
|
), |
||||
|
); |
||||
|
}, |
||||
|
style: ElevatedButton.styleFrom( |
||||
|
backgroundColor: Colors.green[700], |
||||
|
foregroundColor: Colors.white, |
||||
|
padding: EdgeInsets.symmetric(vertical: 16), |
||||
|
shape: RoundedRectangleBorder( |
||||
|
borderRadius: BorderRadius.circular(8), |
||||
|
), |
||||
|
), |
||||
|
child: Text( |
||||
|
"Ajouter au panier", |
||||
|
style: TextStyle( |
||||
|
fontSize: 16, |
||||
|
fontWeight: FontWeight.bold, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
} |
||||
|
|||||
Loading…
Reference in new issue