Compare commits
3 Commits
a7268ad74f
...
914d336f73
| Author | SHA1 | Date | |
|---|---|---|---|
| 914d336f73 | |||
| 7378bc9b43 | |||
| 94cd17cebb |
506
lib/pages/menu.dart
Normal file
506
lib/pages/menu.dart
Normal file
@ -0,0 +1,506 @@
|
||||
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,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,7 +1,9 @@
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:http/http.dart' as http;
|
||||
import 'dart:convert';
|
||||
import 'dart:convert';
|
||||
|
||||
import 'menu.dart'; // Assure-toi que ce fichier contient la page MenuPage
|
||||
|
||||
class TableData {
|
||||
final int id;
|
||||
@ -444,40 +446,39 @@ class _TablesScreenState extends State<TablesScreen> {
|
||||
SizedBox(
|
||||
width: double.infinity,
|
||||
child: ElevatedButton(
|
||||
onPressed:
|
||||
isSelectable
|
||||
? () {
|
||||
// Handle table selection
|
||||
ScaffoldMessenger.of(
|
||||
context,
|
||||
).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text(
|
||||
'Table ${table.nom} sélectionnée',
|
||||
),
|
||||
onPressed: isSelectable
|
||||
? () {
|
||||
// Affiche un message
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text('Table ${table.nom} sélectionnée'),
|
||||
),
|
||||
);
|
||||
|
||||
// Redirige vers MenuPage avec les paramètres requis
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => MenuPage(
|
||||
tableId: table.id,
|
||||
personne: table.capacity, // Ajout du paramètre manquant
|
||||
),
|
||||
);
|
||||
}
|
||||
: null,
|
||||
),
|
||||
);
|
||||
}
|
||||
: null,
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor:
|
||||
isSelectable
|
||||
? Colors.green.shade700
|
||||
: Colors.grey.shade300,
|
||||
backgroundColor: isSelectable
|
||||
? Colors.green.shade700
|
||||
: Colors.grey.shade300,
|
||||
foregroundColor: Colors.white,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
vertical: 8,
|
||||
),
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(
|
||||
8,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
),
|
||||
child: Text(
|
||||
isSelectable
|
||||
? 'Sélectionner'
|
||||
: 'Indisponible',
|
||||
isSelectable ? 'Sélectionner' : 'Indisponible',
|
||||
style: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 12,
|
||||
@ -664,4 +665,4 @@ class _AddEditTableDialogState extends State<_AddEditTableDialog> {
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user