b.razafimandimbihery
6 months ago
14 changed files with 7956 additions and 1397 deletions
File diff suppressed because it is too large
@ -0,0 +1,847 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:get/get.dart'; |
|||
import 'package:intl/intl.dart'; |
|||
import 'package:youmazgestion/Components/appDrawer.dart'; |
|||
import 'package:youmazgestion/Services/stock_managementDatabase.dart'; |
|||
import 'package:youmazgestion/controller/userController.dart'; |
|||
|
|||
class GestionTransfertsPage extends StatefulWidget { |
|||
const GestionTransfertsPage({super.key}); |
|||
|
|||
@override |
|||
_GestionTransfertsPageState createState() => _GestionTransfertsPageState(); |
|||
} |
|||
|
|||
class _GestionTransfertsPageState extends State<GestionTransfertsPage> with TickerProviderStateMixin { |
|||
final AppDatabase _appDatabase = AppDatabase.instance; |
|||
final UserController _userController = Get.find<UserController>(); |
|||
|
|||
List<Map<String, dynamic>> _demandes = []; |
|||
List<Map<String, dynamic>> _filteredDemandes = []; |
|||
bool _isLoading = false; |
|||
String _selectedStatut = 'en_attente'; |
|||
String _searchQuery = ''; |
|||
|
|||
late TabController _tabController; |
|||
final TextEditingController _searchController = TextEditingController(); |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_tabController = TabController(length: 3, vsync: this); |
|||
_loadDemandes(); |
|||
_searchController.addListener(_filterDemandes); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
_tabController.dispose(); |
|||
_searchController.dispose(); |
|||
super.dispose(); |
|||
} |
|||
|
|||
Future<void> _loadDemandes() async { |
|||
setState(() => _isLoading = true); |
|||
try { |
|||
List<Map<String, dynamic>> demandes; |
|||
|
|||
switch (_selectedStatut) { |
|||
case 'en_attente': |
|||
demandes = await _appDatabase.getDemandesTransfertEnAttente(); |
|||
break; |
|||
case 'validees': |
|||
demandes = await _appDatabase.getDemandesTransfertValidees(); |
|||
break; |
|||
case 'toutes': |
|||
demandes = await _appDatabase.getToutesDemandesTransfert(); |
|||
break; |
|||
default: |
|||
demandes = await _appDatabase.getDemandesTransfertEnAttente(); |
|||
} |
|||
|
|||
setState(() { |
|||
_demandes = demandes; |
|||
_filteredDemandes = demandes; |
|||
}); |
|||
_filterDemandes(); |
|||
} catch (e) { |
|||
Get.snackbar( |
|||
'Erreur', |
|||
'Impossible de charger les demandes: $e', |
|||
snackPosition: SnackPosition.BOTTOM, |
|||
backgroundColor: Colors.red, |
|||
colorText: Colors.white, |
|||
); |
|||
} finally { |
|||
setState(() => _isLoading = false); |
|||
} |
|||
} |
|||
|
|||
void _filterDemandes() { |
|||
final query = _searchController.text.toLowerCase(); |
|||
setState(() { |
|||
_filteredDemandes = _demandes.where((demande) { |
|||
final produitNom = (demande['produit_nom'] ?? '').toString().toLowerCase(); |
|||
final produitRef = (demande['produit_reference'] ?? '').toString().toLowerCase(); |
|||
final demandeurNom = (demande['demandeur_nom'] ?? '').toString().toLowerCase(); |
|||
final pointVenteSource = (demande['point_vente_source'] ?? '').toString().toLowerCase(); |
|||
final pointVenteDestination = (demande['point_vente_destination'] ?? '').toString().toLowerCase(); |
|||
|
|||
return produitNom.contains(query) || |
|||
produitRef.contains(query) || |
|||
demandeurNom.contains(query) || |
|||
pointVenteSource.contains(query) || |
|||
pointVenteDestination.contains(query); |
|||
}).toList(); |
|||
}); |
|||
} |
|||
|
|||
Future<void> _validerDemande(int demandeId, Map<String, dynamic> demande) async { |
|||
// Vérifier seulement si le produit est en rupture de stock (stock = 0) |
|||
final stockDisponible = demande['stock_source'] as int? ?? 0; |
|||
|
|||
if (stockDisponible == 0) { |
|||
await _showRuptureStockDialog(demande); |
|||
return; |
|||
} |
|||
|
|||
final confirmation = await _showConfirmationDialog(demande); |
|||
if (!confirmation) return; |
|||
|
|||
setState(() => _isLoading = true); |
|||
try { |
|||
await _appDatabase.validerTransfert(demandeId, _userController.userId); |
|||
|
|||
Get.snackbar( |
|||
'Succès', |
|||
'Transfert validé avec succès', |
|||
snackPosition: SnackPosition.BOTTOM, |
|||
backgroundColor: Colors.green, |
|||
colorText: Colors.white, |
|||
duration: const Duration(seconds: 3), |
|||
icon: const Icon(Icons.check_circle, color: Colors.white), |
|||
); |
|||
|
|||
await _loadDemandes(); |
|||
} catch (e) { |
|||
Get.snackbar( |
|||
'Erreur', |
|||
'Impossible de valider le transfert: $e', |
|||
snackPosition: SnackPosition.BOTTOM, |
|||
backgroundColor: Colors.red, |
|||
colorText: Colors.white, |
|||
duration: const Duration(seconds: 4), |
|||
icon: const Icon(Icons.error, color: Colors.white), |
|||
); |
|||
} finally { |
|||
setState(() => _isLoading = false); |
|||
} |
|||
} |
|||
|
|||
Future<void> _rejeterDemande(int demandeId, Map<String, dynamic> demande) async { |
|||
final motif = await _showRejectionDialog(); |
|||
if (motif == null) return; |
|||
|
|||
setState(() => _isLoading = true); |
|||
try { |
|||
await _appDatabase.rejeterTransfert(demandeId, _userController.userId, motif); |
|||
|
|||
Get.snackbar( |
|||
'Demande rejetée', |
|||
'La demande de transfert a été rejetée', |
|||
snackPosition: SnackPosition.BOTTOM, |
|||
backgroundColor: Colors.orange, |
|||
colorText: Colors.white, |
|||
duration: const Duration(seconds: 3), |
|||
); |
|||
|
|||
await _loadDemandes(); |
|||
} catch (e) { |
|||
Get.snackbar( |
|||
'Erreur', |
|||
'Impossible de rejeter la demande: $e', |
|||
snackPosition: SnackPosition.BOTTOM, |
|||
backgroundColor: Colors.red, |
|||
colorText: Colors.white, |
|||
); |
|||
} finally { |
|||
setState(() => _isLoading = false); |
|||
} |
|||
} |
|||
|
|||
Future<bool> _showConfirmationDialog(Map<String, dynamic> demande) async { |
|||
final stockDisponible = demande['stock_source'] as int? ?? 0; |
|||
final quantiteDemandee = demande['quantite'] as int; |
|||
final stockInsuffisant = stockDisponible < quantiteDemandee && stockDisponible > 0; |
|||
|
|||
return await showDialog<bool>( |
|||
context: context, |
|||
builder: (context) => AlertDialog( |
|||
title: Row( |
|||
children: [ |
|||
Icon(Icons.swap_horiz, color: Colors.blue.shade700), |
|||
const SizedBox(width: 8), |
|||
const Text('Confirmer le transfert'), |
|||
], |
|||
), |
|||
content: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text('Êtes-vous sûr de vouloir valider ce transfert ?'), |
|||
const SizedBox(height: 12), |
|||
Container( |
|||
padding: const EdgeInsets.all(12), |
|||
decoration: BoxDecoration( |
|||
color: Colors.blue.shade50, |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
'Produit: ${demande['produit_nom']}', |
|||
style: const TextStyle(fontWeight: FontWeight.bold), |
|||
), |
|||
Text('Référence: ${demande['produit_reference']}'), |
|||
Text('Quantité: ${demande['quantite']}'), |
|||
Text('De: ${demande['point_vente_source']}'), |
|||
Text('Vers: ${demande['point_vente_destination']}'), |
|||
Text( |
|||
'Stock disponible: $stockDisponible', |
|||
style: TextStyle( |
|||
color: stockInsuffisant ? Colors.orange.shade700 : Colors.green.shade700, |
|||
fontWeight: FontWeight.w500, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
if (stockInsuffisant) ...[ |
|||
const SizedBox(height: 12), |
|||
Container( |
|||
padding: const EdgeInsets.all(8), |
|||
decoration: BoxDecoration( |
|||
color: Colors.orange.shade50, |
|||
borderRadius: BorderRadius.circular(8), |
|||
border: Border.all(color: Colors.orange.shade200), |
|||
), |
|||
child: Row( |
|||
children: [ |
|||
Icon(Icons.info, size: 16, color: Colors.orange.shade600), |
|||
const SizedBox(width: 8), |
|||
Expanded( |
|||
child: Text( |
|||
'Le stock sera insuffisant après ce transfert', |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
color: Colors.orange.shade700, |
|||
fontWeight: FontWeight.w500, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
], |
|||
), |
|||
actions: [ |
|||
TextButton( |
|||
onPressed: () => Navigator.pop(context, false), |
|||
child: const Text('Annuler'), |
|||
), |
|||
ElevatedButton( |
|||
onPressed: () => Navigator.pop(context, true), |
|||
style: ElevatedButton.styleFrom( |
|||
backgroundColor: Colors.green, |
|||
foregroundColor: Colors.white, |
|||
), |
|||
child: const Text('Valider'), |
|||
), |
|||
], |
|||
), |
|||
) ?? false; |
|||
} |
|||
|
|||
Future<void> _showRuptureStockDialog(Map<String, dynamic> demande) async { |
|||
await showDialog( |
|||
context: context, |
|||
builder: (context) => AlertDialog( |
|||
title: Row( |
|||
children: [ |
|||
Icon(Icons.warning, color: Colors.red.shade700), |
|||
const SizedBox(width: 8), |
|||
const Text('Rupture de stock'), |
|||
], |
|||
), |
|||
content: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
'Impossible d\'effectuer ce transfert car le produit est en rupture de stock.', |
|||
style: TextStyle(color: Colors.red.shade700), |
|||
), |
|||
const SizedBox(height: 12), |
|||
Container( |
|||
padding: const EdgeInsets.all(12), |
|||
decoration: BoxDecoration( |
|||
color: Colors.red.shade50, |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text('Produit: ${demande['produit_nom']}'), |
|||
Text('Quantité demandée: ${demande['quantite']}'), |
|||
Text( |
|||
'Stock disponible: 0', |
|||
style: TextStyle( |
|||
color: Colors.red.shade700, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
actions: [ |
|||
ElevatedButton( |
|||
onPressed: () => Navigator.pop(context), |
|||
child: const Text('Compris'), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Future<String?> _showRejectionDialog() async { |
|||
final TextEditingController motifController = TextEditingController(); |
|||
|
|||
return await showDialog<String>( |
|||
context: context, |
|||
builder: (context) => AlertDialog( |
|||
title: const Text('Rejeter la demande'), |
|||
content: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
const Text('Veuillez indiquer le motif du rejet :'), |
|||
const SizedBox(height: 12), |
|||
TextField( |
|||
controller: motifController, |
|||
decoration: const InputDecoration( |
|||
hintText: 'Motif du rejet', |
|||
border: OutlineInputBorder(), |
|||
), |
|||
maxLines: 3, |
|||
), |
|||
], |
|||
), |
|||
actions: [ |
|||
TextButton( |
|||
onPressed: () => Navigator.pop(context), |
|||
child: const Text('Annuler'), |
|||
), |
|||
ElevatedButton( |
|||
onPressed: () { |
|||
if (motifController.text.trim().isNotEmpty) { |
|||
Navigator.pop(context, motifController.text.trim()); |
|||
} |
|||
}, |
|||
style: ElevatedButton.styleFrom( |
|||
backgroundColor: Colors.orange, |
|||
foregroundColor: Colors.white, |
|||
), |
|||
child: const Text('Rejeter'), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
final isMobile = MediaQuery.of(context).size.width < 600; |
|||
|
|||
return Scaffold( |
|||
appBar: AppBar( |
|||
title: const Text('Gestion des transferts'), |
|||
backgroundColor: Colors.blue.shade700, |
|||
foregroundColor: Colors.white, |
|||
elevation: 0, |
|||
actions: [ |
|||
IconButton( |
|||
icon: const Icon(Icons.refresh), |
|||
onPressed: _loadDemandes, |
|||
tooltip: 'Actualiser', |
|||
), |
|||
], |
|||
bottom: TabBar( |
|||
controller: _tabController, |
|||
onTap: (index) { |
|||
setState(() { |
|||
switch (index) { |
|||
case 0: |
|||
_selectedStatut = 'en_attente'; |
|||
break; |
|||
case 1: |
|||
_selectedStatut = 'validees'; |
|||
break; |
|||
case 2: |
|||
_selectedStatut = 'toutes'; |
|||
break; |
|||
} |
|||
}); |
|||
_loadDemandes(); |
|||
}, |
|||
labelColor: Colors.white, |
|||
unselectedLabelColor: Colors.white70, |
|||
indicatorColor: Colors.white, |
|||
tabs: const [ |
|||
Tab( |
|||
icon: Icon(Icons.pending_actions), |
|||
text: 'En attente', |
|||
), |
|||
Tab( |
|||
icon: Icon(Icons.check_circle), |
|||
text: 'Validées', |
|||
), |
|||
Tab( |
|||
icon: Icon(Icons.list), |
|||
text: 'Toutes', |
|||
), |
|||
], |
|||
), |
|||
), |
|||
drawer: CustomDrawer(), |
|||
body: Column( |
|||
children: [ |
|||
// Barre de recherche |
|||
Container( |
|||
padding: const EdgeInsets.all(16), |
|||
decoration: BoxDecoration( |
|||
color: Colors.white, |
|||
boxShadow: [ |
|||
BoxShadow( |
|||
color: Colors.black.withOpacity(0.1), |
|||
blurRadius: 4, |
|||
offset: const Offset(0, 2), |
|||
), |
|||
], |
|||
), |
|||
child: TextField( |
|||
controller: _searchController, |
|||
decoration: InputDecoration( |
|||
hintText: 'Rechercher par produit, référence, demandeur...', |
|||
prefixIcon: const Icon(Icons.search), |
|||
suffixIcon: _searchController.text.isNotEmpty |
|||
? IconButton( |
|||
icon: const Icon(Icons.clear), |
|||
onPressed: () { |
|||
_searchController.clear(); |
|||
_filterDemandes(); |
|||
}, |
|||
) |
|||
: null, |
|||
border: OutlineInputBorder( |
|||
borderRadius: BorderRadius.circular(12), |
|||
borderSide: BorderSide.none, |
|||
), |
|||
filled: true, |
|||
fillColor: Colors.grey.shade100, |
|||
), |
|||
), |
|||
), |
|||
|
|||
// Compteur de résultats |
|||
Container( |
|||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), |
|||
child: Row( |
|||
children: [ |
|||
Text( |
|||
'${_filteredDemandes.length} demande(s)', |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.w600, |
|||
color: Colors.grey.shade700, |
|||
), |
|||
), |
|||
const Spacer(), |
|||
if (_selectedStatut == 'en_attente' && _filteredDemandes.isNotEmpty) |
|||
Container( |
|||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), |
|||
decoration: BoxDecoration( |
|||
color: Colors.orange.shade100, |
|||
borderRadius: BorderRadius.circular(12), |
|||
), |
|||
child: Text( |
|||
'Action requise', |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
color: Colors.orange.shade700, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
|
|||
// Liste des demandes |
|||
Expanded( |
|||
child: _isLoading |
|||
? const Center(child: CircularProgressIndicator()) |
|||
: _filteredDemandes.isEmpty |
|||
? _buildEmptyState() |
|||
: TabBarView( |
|||
controller: _tabController, |
|||
children: [ |
|||
_buildDemandesEnAttente(), |
|||
_buildDemandesValidees(), |
|||
_buildToutesLesDemandes(), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildEmptyState() { |
|||
String message; |
|||
IconData icon; |
|||
|
|||
switch (_selectedStatut) { |
|||
case 'en_attente': |
|||
message = 'Aucune demande en attente'; |
|||
icon = Icons.inbox; |
|||
break; |
|||
case 'validees': |
|||
message = 'Aucune demande validée'; |
|||
icon = Icons.check_circle_outline; |
|||
break; |
|||
default: |
|||
message = 'Aucune demande trouvée'; |
|||
icon = Icons.search_off; |
|||
} |
|||
|
|||
return Center( |
|||
child: Column( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Icon( |
|||
icon, |
|||
size: 64, |
|||
color: Colors.grey.shade400, |
|||
), |
|||
const SizedBox(height: 16), |
|||
Text( |
|||
message, |
|||
style: TextStyle( |
|||
fontSize: 18, |
|||
color: Colors.grey.shade600, |
|||
fontWeight: FontWeight.w500, |
|||
), |
|||
), |
|||
if (_searchController.text.isNotEmpty) ...[ |
|||
const SizedBox(height: 8), |
|||
Text( |
|||
'Aucun résultat pour "${_searchController.text}"', |
|||
style: TextStyle( |
|||
fontSize: 14, |
|||
color: Colors.grey.shade500, |
|||
), |
|||
), |
|||
], |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildDemandesEnAttente() { |
|||
return _buildDemandesList(showActions: true); |
|||
} |
|||
|
|||
Widget _buildDemandesValidees() { |
|||
return _buildDemandesList(showActions: false); |
|||
} |
|||
|
|||
Widget _buildToutesLesDemandes() { |
|||
return _buildDemandesList(showActions: _selectedStatut == 'en_attente'); |
|||
} |
|||
|
|||
Widget _buildDemandesList({required bool showActions}) { |
|||
return RefreshIndicator( |
|||
onRefresh: _loadDemandes, |
|||
child: ListView.builder( |
|||
padding: const EdgeInsets.all(16), |
|||
itemCount: _filteredDemandes.length, |
|||
itemBuilder: (context, index) { |
|||
final demande = _filteredDemandes[index]; |
|||
return _buildDemandeCard(demande, showActions); |
|||
}, |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildDemandeCard(Map<String, dynamic> demande, bool showActions) { |
|||
final isMobile = MediaQuery.of(context).size.width < 600; |
|||
final statut = demande['statut'] as String? ?? 'en_attente'; |
|||
final stockDisponible = demande['stock_source'] as int? ?? 0; |
|||
final quantiteDemandee = demande['quantite'] as int; |
|||
final enRuptureStock = stockDisponible == 0; |
|||
|
|||
Color statutColor; |
|||
IconData statutIcon; |
|||
String statutText; |
|||
|
|||
switch (statut) { |
|||
case 'validee': |
|||
statutColor = Colors.green; |
|||
statutIcon = Icons.check_circle; |
|||
statutText = 'Validée'; |
|||
break; |
|||
case 'rejetee': |
|||
statutColor = Colors.red; |
|||
statutIcon = Icons.cancel; |
|||
statutText = 'Rejetée'; |
|||
break; |
|||
default: |
|||
statutColor = Colors.orange; |
|||
statutIcon = Icons.pending; |
|||
statutText = 'En attente'; |
|||
} |
|||
|
|||
return Card( |
|||
margin: const EdgeInsets.only(bottom: 12), |
|||
elevation: 2, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(12), |
|||
side: enRuptureStock && statut == 'en_attente' |
|||
? BorderSide(color: Colors.red.shade300, width: 1.5) |
|||
: BorderSide.none, |
|||
), |
|||
child: Padding( |
|||
padding: const EdgeInsets.all(16), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
// En-tête avec produit et statut |
|||
Row( |
|||
children: [ |
|||
Expanded( |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
demande['produit_nom'] ?? 'Produit inconnu', |
|||
style: const TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
fontSize: 16, |
|||
), |
|||
), |
|||
const SizedBox(height: 4), |
|||
Text( |
|||
'Réf: ${demande['produit_reference'] ?? 'N/A'}', |
|||
style: TextStyle( |
|||
fontSize: 14, |
|||
color: Colors.grey.shade600, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), |
|||
decoration: BoxDecoration( |
|||
color: statutColor.withOpacity(0.1), |
|||
borderRadius: BorderRadius.circular(12), |
|||
border: Border.all(color: statutColor.withOpacity(0.3)), |
|||
), |
|||
child: Row( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
Icon(statutIcon, size: 16, color: statutColor), |
|||
const SizedBox(width: 4), |
|||
Text( |
|||
statutText, |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
fontWeight: FontWeight.bold, |
|||
color: statutColor, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
|
|||
const SizedBox(height: 12), |
|||
|
|||
// Informations de transfert |
|||
Container( |
|||
padding: const EdgeInsets.all(12), |
|||
decoration: BoxDecoration( |
|||
color: Colors.grey.shade50, |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: Column( |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Icon(Icons.store, size: 16, color: Colors.blue.shade600), |
|||
const SizedBox(width: 8), |
|||
Expanded( |
|||
child: Text( |
|||
'${demande['point_vente_source'] ?? 'N/A'}', |
|||
style: const TextStyle(fontWeight: FontWeight.w500), |
|||
), |
|||
), |
|||
Icon(Icons.arrow_forward, size: 16, color: Colors.grey.shade600), |
|||
const SizedBox(width: 8), |
|||
Expanded( |
|||
child: Text( |
|||
'${demande['point_vente_destination'] ?? 'N/A'}', |
|||
style: const TextStyle(fontWeight: FontWeight.w500), |
|||
textAlign: TextAlign.end, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 8), |
|||
Row( |
|||
children: [ |
|||
Icon(Icons.inventory_2, size: 16, color: Colors.green.shade600), |
|||
const SizedBox(width: 8), |
|||
Text('Quantité: $quantiteDemandee'), |
|||
const Spacer(), |
|||
Text( |
|||
'Stock source: $stockDisponible', |
|||
style: TextStyle( |
|||
color: enRuptureStock |
|||
? Colors.red.shade600 |
|||
: stockDisponible < quantiteDemandee |
|||
? Colors.orange.shade600 |
|||
: Colors.green.shade600, |
|||
fontWeight: FontWeight.w500, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
], |
|||
), |
|||
), |
|||
|
|||
const SizedBox(height: 12), |
|||
|
|||
// Informations de la demande |
|||
Row( |
|||
children: [ |
|||
Icon(Icons.person, size: 16, color: Colors.grey.shade600), |
|||
const SizedBox(width: 8), |
|||
Expanded( |
|||
child: Text( |
|||
'Demandé par: ${demande['demandeur_nom'] ?? 'N/A'}', |
|||
style: TextStyle( |
|||
fontSize: 14, |
|||
color: Colors.grey.shade700, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 4), |
|||
Row( |
|||
children: [ |
|||
Icon(Icons.access_time, size: 16, color: Colors.grey.shade600), |
|||
const SizedBox(width: 8), |
|||
Text( |
|||
DateFormat('dd/MM/yyyy à HH:mm').format( |
|||
(demande['date_demande'] as DateTime).toLocal() |
|||
), |
|||
style: TextStyle( |
|||
fontSize: 14, |
|||
color: Colors.grey.shade700, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
|
|||
// Alerte rupture de stock |
|||
if (enRuptureStock && statut == 'en_attente') ...[ |
|||
const SizedBox(height: 12), |
|||
Container( |
|||
padding: const EdgeInsets.all(8), |
|||
decoration: BoxDecoration( |
|||
color: Colors.red.shade50, |
|||
borderRadius: BorderRadius.circular(8), |
|||
border: Border.all(color: Colors.red.shade200), |
|||
), |
|||
child: Row( |
|||
children: [ |
|||
Icon(Icons.warning, size: 16, color: Colors.red.shade600), |
|||
const SizedBox(width: 8), |
|||
Expanded( |
|||
child: Text( |
|||
'Produit en rupture de stock', |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
color: Colors.red.shade700, |
|||
fontWeight: FontWeight.w500, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
|
|||
// Actions (seulement pour les demandes en attente) |
|||
if (showActions && statut == 'en_attente') ...[ |
|||
const SizedBox(height: 16), |
|||
Row( |
|||
children: [ |
|||
Expanded( |
|||
child: OutlinedButton.icon( |
|||
onPressed: () => _rejeterDemande( |
|||
demande['id'] as int, |
|||
demande, |
|||
), |
|||
icon: const Icon(Icons.close, size: 18), |
|||
label: Text(isMobile ? 'Rejeter' : 'Rejeter'), |
|||
style: OutlinedButton.styleFrom( |
|||
foregroundColor: Colors.red.shade600, |
|||
side: BorderSide(color: Colors.red.shade300), |
|||
), |
|||
), |
|||
), |
|||
const SizedBox(width: 12), |
|||
Expanded( |
|||
child: ElevatedButton.icon( |
|||
onPressed: !enRuptureStock |
|||
? () => _validerDemande( |
|||
demande['id'] as int, |
|||
demande, |
|||
) |
|||
: null, |
|||
icon: const Icon(Icons.check, size: 18), |
|||
label: Text(isMobile ? 'Valider' : 'Valider'), |
|||
style: ElevatedButton.styleFrom( |
|||
backgroundColor: !enRuptureStock |
|||
? Colors.green.shade600 |
|||
: Colors.grey.shade400, |
|||
foregroundColor: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
], |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,451 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:get/get.dart'; |
|||
import 'package:intl/intl.dart'; |
|||
import 'package:youmazgestion/Components/app_bar.dart'; |
|||
import 'package:youmazgestion/Components/appDrawer.dart'; |
|||
import 'package:youmazgestion/Services/stock_managementDatabase.dart'; |
|||
import 'package:youmazgestion/controller/userController.dart'; |
|||
|
|||
class ApprobationSortiesPage extends StatefulWidget { |
|||
const ApprobationSortiesPage({super.key}); |
|||
|
|||
@override |
|||
_ApprobationSortiesPageState createState() => _ApprobationSortiesPageState(); |
|||
} |
|||
|
|||
class _ApprobationSortiesPageState extends State<ApprobationSortiesPage> { |
|||
final AppDatabase _database = AppDatabase.instance; |
|||
final UserController _userController = Get.find<UserController>(); |
|||
|
|||
List<Map<String, dynamic>> _sortiesEnAttente = []; |
|||
bool _isLoading = false; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_loadSortiesEnAttente(); |
|||
} |
|||
|
|||
Future<void> _loadSortiesEnAttente() async { |
|||
setState(() => _isLoading = true); |
|||
try { |
|||
final sorties = await _database.getSortiesPersonnellesEnAttente(); |
|||
setState(() { |
|||
_sortiesEnAttente = sorties; |
|||
_isLoading = false; |
|||
}); |
|||
} catch (e) { |
|||
setState(() => _isLoading = false); |
|||
Get.snackbar('Erreur', 'Impossible de charger les demandes: $e'); |
|||
} |
|||
} |
|||
|
|||
Future<void> _approuverSortie(Map<String, dynamic> sortie) async { |
|||
final confirm = await Get.dialog<bool>( |
|||
AlertDialog( |
|||
title: const Text('Approuver la demande'), |
|||
content: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text('Produit: ${sortie['produit_nom']}'), |
|||
Text('Quantité: ${sortie['quantite']}'), |
|||
Text('Demandeur: ${sortie['admin_nom']}'), |
|||
Text('Motif: ${sortie['motif']}'), |
|||
const SizedBox(height: 16), |
|||
const Text( |
|||
'Confirmer l\'approbation de cette demande de sortie personnelle ?', |
|||
style: TextStyle(fontWeight: FontWeight.w600), |
|||
), |
|||
], |
|||
), |
|||
actions: [ |
|||
TextButton( |
|||
onPressed: () => Get.back(result: false), |
|||
child: const Text('Annuler'), |
|||
), |
|||
ElevatedButton( |
|||
onPressed: () => Get.back(result: true), |
|||
style: ElevatedButton.styleFrom(backgroundColor: Colors.green), |
|||
child: const Text('Approuver', style: TextStyle(color: Colors.white)), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
|
|||
if (confirm == true) { |
|||
try { |
|||
await _database.approuverSortiePersonnelle( |
|||
sortie['id'] as int, |
|||
_userController.userId, |
|||
); |
|||
|
|||
Get.snackbar( |
|||
'Demande approuvée', |
|||
'La sortie personnelle a été approuvée et le stock mis à jour', |
|||
backgroundColor: Colors.green, |
|||
colorText: Colors.white, |
|||
); |
|||
|
|||
_loadSortiesEnAttente(); |
|||
} catch (e) { |
|||
Get.snackbar( |
|||
'Erreur', |
|||
'Impossible d\'approuver la demande: $e', |
|||
backgroundColor: Colors.red, |
|||
colorText: Colors.white, |
|||
); |
|||
} |
|||
} |
|||
} |
|||
|
|||
Future<void> _refuserSortie(Map<String, dynamic> sortie) async { |
|||
final motifController = TextEditingController(); |
|||
|
|||
final confirm = await Get.dialog<bool>( |
|||
AlertDialog( |
|||
title: const Text('Refuser la demande'), |
|||
content: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
Text('Demande de: ${sortie['admin_nom']}'), |
|||
Text('Produit: ${sortie['produit_nom']}'), |
|||
const SizedBox(height: 16), |
|||
TextField( |
|||
controller: motifController, |
|||
decoration: const InputDecoration( |
|||
labelText: 'Motif du refus *', |
|||
border: OutlineInputBorder(), |
|||
), |
|||
maxLines: 3, |
|||
), |
|||
], |
|||
), |
|||
actions: [ |
|||
TextButton( |
|||
onPressed: () => Get.back(result: false), |
|||
child: const Text('Annuler'), |
|||
), |
|||
ElevatedButton( |
|||
onPressed: () { |
|||
if (motifController.text.trim().isNotEmpty) { |
|||
Get.back(result: true); |
|||
} else { |
|||
Get.snackbar('Erreur', 'Veuillez indiquer un motif de refus'); |
|||
} |
|||
}, |
|||
style: ElevatedButton.styleFrom(backgroundColor: Colors.red), |
|||
child: const Text('Refuser', style: TextStyle(color: Colors.white)), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
|
|||
if (confirm == true && motifController.text.trim().isNotEmpty) { |
|||
try { |
|||
await _database.refuserSortiePersonnelle( |
|||
sortie['id'] as int, |
|||
_userController.userId, |
|||
motifController.text.trim(), |
|||
); |
|||
|
|||
Get.snackbar( |
|||
'Demande refusée', |
|||
'La sortie personnelle a été refusée', |
|||
backgroundColor: Colors.orange, |
|||
colorText: Colors.white, |
|||
); |
|||
|
|||
_loadSortiesEnAttente(); |
|||
} catch (e) { |
|||
Get.snackbar( |
|||
'Erreur', |
|||
'Impossible de refuser la demande: $e', |
|||
backgroundColor: Colors.red, |
|||
colorText: Colors.white, |
|||
); |
|||
} |
|||
} |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: CustomAppBar(title: 'Approbation sorties personnelles'), |
|||
drawer: CustomDrawer(), |
|||
body: _isLoading |
|||
? const Center(child: CircularProgressIndicator()) |
|||
: RefreshIndicator( |
|||
onRefresh: _loadSortiesEnAttente, |
|||
child: _sortiesEnAttente.isEmpty |
|||
? const Center( |
|||
child: Column( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Icon(Icons.inbox, size: 64, color: Colors.grey), |
|||
SizedBox(height: 16), |
|||
Text( |
|||
'Aucune demande en attente', |
|||
style: TextStyle(fontSize: 18, color: Colors.grey), |
|||
), |
|||
], |
|||
), |
|||
) |
|||
: ListView.builder( |
|||
padding: const EdgeInsets.all(16), |
|||
itemCount: _sortiesEnAttente.length, |
|||
itemBuilder: (context, index) { |
|||
final sortie = _sortiesEnAttente[index]; |
|||
return _buildSortieCard(sortie); |
|||
}, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildSortieCard(Map<String, dynamic> sortie) { |
|||
final dateSortie = DateTime.parse(sortie['date_sortie'].toString()); |
|||
|
|||
return Card( |
|||
margin: const EdgeInsets.only(bottom: 12), |
|||
elevation: 2, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(12), |
|||
), |
|||
child: Padding( |
|||
padding: const EdgeInsets.all(16), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
// En-tête avec statut |
|||
Row( |
|||
children: [ |
|||
Container( |
|||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), |
|||
decoration: BoxDecoration( |
|||
color: Colors.orange.shade100, |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: Text( |
|||
'EN ATTENTE', |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.orange.shade700, |
|||
), |
|||
), |
|||
), |
|||
const Spacer(), |
|||
Text( |
|||
DateFormat('dd/MM/yyyy HH:mm').format(dateSortie), |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
color: Colors.grey.shade600, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 12), |
|||
|
|||
// Informations du produit |
|||
Container( |
|||
padding: const EdgeInsets.all(12), |
|||
decoration: BoxDecoration( |
|||
color: Colors.blue.shade50, |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Icon(Icons.inventory, color: Colors.blue.shade700, size: 16), |
|||
const SizedBox(width: 8), |
|||
Text( |
|||
'Produit demandé', |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.w600, |
|||
color: Colors.blue.shade700, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 8), |
|||
Text( |
|||
sortie['produit_nom'].toString(), |
|||
style: const TextStyle( |
|||
fontSize: 16, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
const SizedBox(height: 4), |
|||
Row( |
|||
children: [ |
|||
Text('Référence: ${sortie['produit_reference'] ?? 'N/A'}'), |
|||
const SizedBox(width: 16), |
|||
Text('Stock actuel: ${sortie['stock_actuel']}'), |
|||
const SizedBox(width: 16), |
|||
Text( |
|||
'Quantité demandée: ${sortie['quantite']}', |
|||
style: const TextStyle(fontWeight: FontWeight.w600), |
|||
), |
|||
], |
|||
), |
|||
], |
|||
), |
|||
), |
|||
const SizedBox(height: 12), |
|||
|
|||
// Informations du demandeur |
|||
Container( |
|||
padding: const EdgeInsets.all(12), |
|||
decoration: BoxDecoration( |
|||
color: Colors.green.shade50, |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Icon(Icons.person, color: Colors.green.shade700, size: 16), |
|||
const SizedBox(width: 8), |
|||
Text( |
|||
'Demandeur', |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.w600, |
|||
color: Colors.green.shade700, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 8), |
|||
Text( |
|||
'${sortie['admin_nom']} ${sortie['admin_nom_famille'] ?? ''}', |
|||
style: const TextStyle( |
|||
fontSize: 16, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
if (sortie['point_vente_nom'] != null) |
|||
Text('Point de vente: ${sortie['point_vente_nom']}'), |
|||
], |
|||
), |
|||
), |
|||
const SizedBox(height: 12), |
|||
|
|||
// Motif |
|||
Container( |
|||
padding: const EdgeInsets.all(12), |
|||
decoration: BoxDecoration( |
|||
color: Colors.purple.shade50, |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Icon(Icons.note, color: Colors.purple.shade700, size: 16), |
|||
const SizedBox(width: 8), |
|||
Text( |
|||
'Motif', |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.w600, |
|||
color: Colors.purple.shade700, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 8), |
|||
Text( |
|||
sortie['motif'].toString(), |
|||
style: const TextStyle(fontSize: 14), |
|||
), |
|||
if (sortie['notes'] != null && sortie['notes'].toString().isNotEmpty) ...[ |
|||
const SizedBox(height: 8), |
|||
Text( |
|||
'Notes: ${sortie['notes']}', |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
color: Colors.grey.shade600, |
|||
fontStyle: FontStyle.italic, |
|||
), |
|||
), |
|||
], |
|||
], |
|||
), |
|||
), |
|||
const SizedBox(height: 16), |
|||
|
|||
// Vérification de stock |
|||
if ((sortie['stock_actuel'] as int) < (sortie['quantite'] as int)) |
|||
Container( |
|||
padding: const EdgeInsets.all(12), |
|||
decoration: BoxDecoration( |
|||
color: Colors.red.shade50, |
|||
borderRadius: BorderRadius.circular(8), |
|||
border: Border.all(color: Colors.red.shade300), |
|||
), |
|||
child: Row( |
|||
children: [ |
|||
Icon(Icons.warning, color: Colors.red.shade700), |
|||
const SizedBox(width: 8), |
|||
Expanded( |
|||
child: Text( |
|||
'ATTENTION: Stock insuffisant pour cette demande', |
|||
style: TextStyle( |
|||
color: Colors.red.shade700, |
|||
fontWeight: FontWeight.w600, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
const SizedBox(height: 16), |
|||
|
|||
// Boutons d'action |
|||
Row( |
|||
children: [ |
|||
Expanded( |
|||
child: ElevatedButton.icon( |
|||
onPressed: () => _refuserSortie(sortie), |
|||
icon: const Icon(Icons.close, size: 18), |
|||
label: const Text('Refuser'), |
|||
style: ElevatedButton.styleFrom( |
|||
backgroundColor: Colors.red.shade600, |
|||
foregroundColor: Colors.white, |
|||
padding: const EdgeInsets.symmetric(vertical: 12), |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
const SizedBox(width: 12), |
|||
Expanded( |
|||
child: ElevatedButton.icon( |
|||
onPressed: ((sortie['stock_actuel'] as int) >= (sortie['quantite'] as int)) |
|||
? () => _approuverSortie(sortie) |
|||
: null, |
|||
icon: const Icon(Icons.check, size: 18), |
|||
label: const Text('Approuver'), |
|||
style: ElevatedButton.styleFrom( |
|||
backgroundColor: Colors.green.shade600, |
|||
foregroundColor: Colors.white, |
|||
padding: const EdgeInsets.symmetric(vertical: 12), |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,724 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:get/get.dart'; |
|||
import 'package:youmazgestion/Components/app_bar.dart'; |
|||
import 'package:youmazgestion/Components/appDrawer.dart'; |
|||
import 'package:youmazgestion/Services/stock_managementDatabase.dart'; |
|||
import 'package:youmazgestion/controller/userController.dart'; |
|||
import '../Models/produit.dart'; |
|||
|
|||
class DemandeSortiePersonnellePage extends StatefulWidget { |
|||
const DemandeSortiePersonnellePage({super.key}); |
|||
|
|||
@override |
|||
_DemandeSortiePersonnellePageState createState() => _DemandeSortiePersonnellePageState(); |
|||
} |
|||
|
|||
class _DemandeSortiePersonnellePageState extends State<DemandeSortiePersonnellePage> |
|||
with TickerProviderStateMixin { |
|||
final AppDatabase _database = AppDatabase.instance; |
|||
final UserController _userController = Get.find<UserController>(); |
|||
|
|||
final _formKey = GlobalKey<FormState>(); |
|||
final _quantiteController = TextEditingController(text: '1'); |
|||
final _motifController = TextEditingController(); |
|||
final _notesController = TextEditingController(); |
|||
final _searchController = TextEditingController(); |
|||
|
|||
Product? _selectedProduct; |
|||
List<Product> _products = []; |
|||
List<Product> _filteredProducts = []; |
|||
bool _isLoading = false; |
|||
bool _isSearching = false; |
|||
|
|||
late AnimationController _animationController; |
|||
late Animation<double> _fadeAnimation; |
|||
late Animation<Offset> _slideAnimation; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_animationController = AnimationController( |
|||
duration: const Duration(milliseconds: 800), |
|||
vsync: this, |
|||
); |
|||
_fadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate( |
|||
CurvedAnimation(parent: _animationController, curve: Curves.easeInOut), |
|||
); |
|||
_slideAnimation = Tween<Offset>(begin: const Offset(0, 0.3), end: Offset.zero).animate( |
|||
CurvedAnimation(parent: _animationController, curve: Curves.easeOutCubic), |
|||
); |
|||
|
|||
_loadProducts(); |
|||
_searchController.addListener(_filterProducts); |
|||
} |
|||
|
|||
void _filterProducts() { |
|||
final query = _searchController.text.toLowerCase(); |
|||
setState(() { |
|||
if (query.isEmpty) { |
|||
_filteredProducts = _products; |
|||
_isSearching = false; |
|||
} else { |
|||
_isSearching = true; |
|||
_filteredProducts = _products.where((product) { |
|||
return product.name.toLowerCase().contains(query) || |
|||
(product.reference?.toLowerCase().contains(query) ?? false); |
|||
}).toList(); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
Future<void> _loadProducts() async { |
|||
setState(() => _isLoading = true); |
|||
try { |
|||
final products = await _database.getProducts(); |
|||
setState(() { |
|||
_products = products.where((p) => (p.stock ?? 0) > 0).toList(); |
|||
_filteredProducts = _products; |
|||
_isLoading = false; |
|||
}); |
|||
_animationController.forward(); |
|||
} catch (e) { |
|||
setState(() => _isLoading = false); |
|||
_showErrorSnackbar('Impossible de charger les produits: $e'); |
|||
} |
|||
} |
|||
|
|||
Future<void> _soumettreDemandePersonnelle() async { |
|||
if (!_formKey.currentState!.validate() || _selectedProduct == null) { |
|||
_showErrorSnackbar('Veuillez remplir tous les champs obligatoires'); |
|||
return; |
|||
} |
|||
|
|||
final quantite = int.tryParse(_quantiteController.text) ?? 0; |
|||
|
|||
if (quantite <= 0) { |
|||
_showErrorSnackbar('La quantité doit être supérieure à 0'); |
|||
return; |
|||
} |
|||
|
|||
if ((_selectedProduct!.stock ?? 0) < quantite) { |
|||
_showErrorSnackbar('Stock insuffisant (disponible: ${_selectedProduct!.stock})'); |
|||
return; |
|||
} |
|||
|
|||
// Confirmation dialog |
|||
final confirmed = await _showConfirmationDialog(); |
|||
if (!confirmed) return; |
|||
|
|||
setState(() => _isLoading = true); |
|||
|
|||
try { |
|||
await _database.createSortieStockPersonnelle( |
|||
produitId: _selectedProduct!.id!, |
|||
adminId: _userController.userId, |
|||
quantite: quantite, |
|||
motif: _motifController.text.trim(), |
|||
pointDeVenteId: _userController.pointDeVenteId > 0 ? _userController.pointDeVenteId : null, |
|||
notes: _notesController.text.trim().isNotEmpty ? _notesController.text.trim() : null, |
|||
); |
|||
|
|||
_showSuccessSnackbar('Votre demande de sortie personnelle a été soumise pour approbation'); |
|||
|
|||
// Réinitialiser le formulaire avec animation |
|||
_resetForm(); |
|||
_loadProducts(); |
|||
} catch (e) { |
|||
_showErrorSnackbar('Impossible de soumettre la demande: $e'); |
|||
} finally { |
|||
setState(() => _isLoading = false); |
|||
} |
|||
} |
|||
|
|||
void _resetForm() { |
|||
_formKey.currentState!.reset(); |
|||
_quantiteController.text = '1'; |
|||
_motifController.clear(); |
|||
_notesController.clear(); |
|||
_searchController.clear(); |
|||
setState(() { |
|||
_selectedProduct = null; |
|||
_isSearching = false; |
|||
}); |
|||
} |
|||
|
|||
Future<bool> _showConfirmationDialog() async { |
|||
return await showDialog<bool>( |
|||
context: context, |
|||
builder: (context) => AlertDialog( |
|||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)), |
|||
title: Row( |
|||
children: [ |
|||
Icon(Icons.help_outline, color: Colors.orange.shade700), |
|||
const SizedBox(width: 8), |
|||
const Text('Confirmer la demande'), |
|||
], |
|||
), |
|||
content: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
const Text('Êtes-vous sûr de vouloir soumettre cette demande ?'), |
|||
const SizedBox(height: 16), |
|||
Container( |
|||
padding: const EdgeInsets.all(12), |
|||
decoration: BoxDecoration( |
|||
color: Colors.grey.shade50, |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text('Produit: ${_selectedProduct?.name}'), |
|||
Text('Quantité: ${_quantiteController.text}'), |
|||
Text('Motif: ${_motifController.text}'), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
actions: [ |
|||
TextButton( |
|||
onPressed: () => Navigator.of(context).pop(false), |
|||
child: const Text('Annuler'), |
|||
), |
|||
ElevatedButton( |
|||
onPressed: () => Navigator.of(context).pop(true), |
|||
style: ElevatedButton.styleFrom( |
|||
backgroundColor: Colors.orange.shade700, |
|||
foregroundColor: Colors.white, |
|||
), |
|||
child: const Text('Confirmer'), |
|||
), |
|||
], |
|||
), |
|||
) ?? false; |
|||
} |
|||
|
|||
void _showSuccessSnackbar(String message) { |
|||
Get.snackbar( |
|||
'', |
|||
'', |
|||
titleText: Row( |
|||
children: [ |
|||
Icon(Icons.check_circle, color: Colors.white), |
|||
const SizedBox(width: 8), |
|||
const Text('Succès', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold)), |
|||
], |
|||
), |
|||
messageText: Text(message, style: const TextStyle(color: Colors.white)), |
|||
backgroundColor: Colors.green.shade600, |
|||
colorText: Colors.white, |
|||
duration: const Duration(seconds: 4), |
|||
margin: const EdgeInsets.all(16), |
|||
borderRadius: 12, |
|||
icon: Icon(Icons.check_circle_outline, color: Colors.white), |
|||
); |
|||
} |
|||
|
|||
void _showErrorSnackbar(String message) { |
|||
Get.snackbar( |
|||
'', |
|||
'', |
|||
titleText: Row( |
|||
children: [ |
|||
Icon(Icons.error, color: Colors.white), |
|||
const SizedBox(width: 8), |
|||
const Text('Erreur', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold)), |
|||
], |
|||
), |
|||
messageText: Text(message, style: const TextStyle(color: Colors.white)), |
|||
backgroundColor: Colors.red.shade600, |
|||
colorText: Colors.white, |
|||
duration: const Duration(seconds: 4), |
|||
margin: const EdgeInsets.all(16), |
|||
borderRadius: 12, |
|||
); |
|||
} |
|||
|
|||
Widget _buildHeaderCard() { |
|||
return Container( |
|||
padding: const EdgeInsets.all(20), |
|||
decoration: BoxDecoration( |
|||
gradient: LinearGradient( |
|||
colors: [Colors.blue.shade600, Colors.blue.shade400], |
|||
begin: Alignment.topLeft, |
|||
end: Alignment.bottomRight, |
|||
), |
|||
borderRadius: BorderRadius.circular(16), |
|||
boxShadow: [ |
|||
BoxShadow( |
|||
color: Colors.blue.shade200, |
|||
blurRadius: 12, |
|||
offset: const Offset(0, 4), |
|||
), |
|||
], |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Container( |
|||
padding: const EdgeInsets.all(12), |
|||
decoration: BoxDecoration( |
|||
color: Colors.white.withOpacity(0.2), |
|||
borderRadius: BorderRadius.circular(12), |
|||
), |
|||
child: Icon(Icons.inventory_2, color: Colors.white, size: 28), |
|||
), |
|||
const SizedBox(width: 16), |
|||
Expanded( |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
const Text( |
|||
'Sortie personnelle de stock', |
|||
style: TextStyle( |
|||
fontSize: 20, |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
const SizedBox(height: 4), |
|||
Text( |
|||
'Demande d\'approbation requise', |
|||
style: TextStyle( |
|||
fontSize: 14, |
|||
color: Colors.white.withOpacity(0.8), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 16), |
|||
Container( |
|||
padding: const EdgeInsets.all(12), |
|||
decoration: BoxDecoration( |
|||
color: Colors.white.withOpacity(0.1), |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: const Text( |
|||
'Cette fonctionnalité permet aux administrateurs de demander ' |
|||
'la sortie d\'un produit du stock pour usage personnel. ' |
|||
'Toute demande nécessite une approbation avant traitement.', |
|||
style: TextStyle(fontSize: 14, color: Colors.white), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildProductSelector() { |
|||
return Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
'Sélection du produit *', |
|||
style: TextStyle( |
|||
fontSize: 18, |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.grey.shade800, |
|||
), |
|||
), |
|||
const SizedBox(height: 12), |
|||
|
|||
// Barre de recherche |
|||
Container( |
|||
decoration: BoxDecoration( |
|||
color: Colors.grey.shade50, |
|||
borderRadius: BorderRadius.circular(12), |
|||
border: Border.all(color: Colors.grey.shade300), |
|||
), |
|||
child: TextField( |
|||
controller: _searchController, |
|||
decoration: InputDecoration( |
|||
hintText: 'Rechercher un produit...', |
|||
prefixIcon: Icon(Icons.search, color: Colors.grey.shade600), |
|||
suffixIcon: _isSearching |
|||
? IconButton( |
|||
icon: Icon(Icons.clear, color: Colors.grey.shade600), |
|||
onPressed: () { |
|||
_searchController.clear(); |
|||
FocusScope.of(context).unfocus(); |
|||
}, |
|||
) |
|||
: null, |
|||
border: InputBorder.none, |
|||
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12), |
|||
), |
|||
), |
|||
), |
|||
const SizedBox(height: 12), |
|||
|
|||
// Liste des produits |
|||
Container( |
|||
height: 200, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(12), |
|||
border: Border.all(color: Colors.grey.shade300), |
|||
), |
|||
child: _filteredProducts.isEmpty |
|||
? Center( |
|||
child: Column( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Icon(Icons.search_off, size: 48, color: Colors.grey.shade400), |
|||
const SizedBox(height: 8), |
|||
Text( |
|||
_isSearching ? 'Aucun produit trouvé' : 'Aucun produit disponible', |
|||
style: TextStyle(color: Colors.grey.shade600), |
|||
), |
|||
], |
|||
), |
|||
) |
|||
: ListView.builder( |
|||
itemCount: _filteredProducts.length, |
|||
itemBuilder: (context, index) { |
|||
final product = _filteredProducts[index]; |
|||
final isSelected = _selectedProduct?.id == product.id; |
|||
|
|||
return AnimatedContainer( |
|||
duration: const Duration(milliseconds: 200), |
|||
margin: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), |
|||
decoration: BoxDecoration( |
|||
color: isSelected ? Colors.orange.shade50 : Colors.transparent, |
|||
borderRadius: BorderRadius.circular(8), |
|||
border: Border.all( |
|||
color: isSelected ? Colors.orange.shade300 : Colors.transparent, |
|||
width: 2, |
|||
), |
|||
), |
|||
child: ListTile( |
|||
leading: Container( |
|||
width: 48, |
|||
height: 48, |
|||
decoration: BoxDecoration( |
|||
color: isSelected ? Colors.orange.shade100 : Colors.grey.shade100, |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: Icon( |
|||
Icons.inventory, |
|||
color: isSelected ? Colors.orange.shade700 : Colors.grey.shade600, |
|||
), |
|||
), |
|||
title: Text( |
|||
product.name, |
|||
style: TextStyle( |
|||
fontWeight: isSelected ? FontWeight.bold : FontWeight.w500, |
|||
color: isSelected ? Colors.orange.shade800 : Colors.grey.shade800, |
|||
), |
|||
), |
|||
subtitle: Text( |
|||
'Stock: ${product.stock} • Réf: ${product.reference ?? 'N/A'}', |
|||
style: TextStyle( |
|||
color: isSelected ? Colors.orange.shade600 : Colors.grey.shade600, |
|||
), |
|||
), |
|||
trailing: isSelected |
|||
? Icon(Icons.check_circle, color: Colors.orange.shade700) |
|||
: Icon(Icons.radio_button_unchecked, color: Colors.grey.shade400), |
|||
onTap: () { |
|||
setState(() { |
|||
_selectedProduct = product; |
|||
}); |
|||
}, |
|||
), |
|||
); |
|||
}, |
|||
), |
|||
), |
|||
], |
|||
); |
|||
} |
|||
|
|||
Widget _buildFormSection() { |
|||
return Column( |
|||
children: [ |
|||
// Quantité |
|||
_buildInputField( |
|||
label: 'Quantité *', |
|||
controller: _quantiteController, |
|||
keyboardType: TextInputType.number, |
|||
icon: Icons.format_list_numbered, |
|||
suffix: _selectedProduct != null |
|||
? Text('max: ${_selectedProduct!.stock}', style: TextStyle(color: Colors.grey.shade600)) |
|||
: null, |
|||
validator: (value) { |
|||
if (value == null || value.isEmpty) { |
|||
return 'Veuillez entrer une quantité'; |
|||
} |
|||
final quantite = int.tryParse(value); |
|||
if (quantite == null || quantite <= 0) { |
|||
return 'Quantité invalide'; |
|||
} |
|||
if (_selectedProduct != null && quantite > (_selectedProduct!.stock ?? 0)) { |
|||
return 'Quantité supérieure au stock disponible'; |
|||
} |
|||
return null; |
|||
}, |
|||
), |
|||
const SizedBox(height: 20), |
|||
|
|||
// Motif |
|||
_buildInputField( |
|||
label: 'Motif *', |
|||
controller: _motifController, |
|||
icon: Icons.description, |
|||
hintText: 'Raison de cette sortie personnelle', |
|||
validator: (value) { |
|||
if (value == null || value.trim().isEmpty) { |
|||
return 'Veuillez indiquer le motif'; |
|||
} |
|||
if (value.trim().length < 5) { |
|||
return 'Le motif doit contenir au moins 5 caractères'; |
|||
} |
|||
return null; |
|||
}, |
|||
), |
|||
const SizedBox(height: 20), |
|||
|
|||
// Notes |
|||
_buildInputField( |
|||
label: 'Notes complémentaires', |
|||
controller: _notesController, |
|||
icon: Icons.note_add, |
|||
hintText: 'Informations complémentaires (optionnel)', |
|||
maxLines: 3, |
|||
), |
|||
], |
|||
); |
|||
} |
|||
|
|||
Widget _buildInputField({ |
|||
required String label, |
|||
required TextEditingController controller, |
|||
required IconData icon, |
|||
String? hintText, |
|||
TextInputType? keyboardType, |
|||
int maxLines = 1, |
|||
Widget? suffix, |
|||
String? Function(String?)? validator, |
|||
}) { |
|||
return Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
label, |
|||
style: TextStyle( |
|||
fontSize: 16, |
|||
fontWeight: FontWeight.w600, |
|||
color: Colors.grey.shade800, |
|||
), |
|||
), |
|||
const SizedBox(height: 8), |
|||
TextFormField( |
|||
controller: controller, |
|||
keyboardType: keyboardType, |
|||
maxLines: maxLines, |
|||
validator: validator, |
|||
decoration: InputDecoration( |
|||
hintText: hintText, |
|||
prefixIcon: Icon(icon, color: Colors.grey.shade600), |
|||
suffix: suffix, |
|||
border: OutlineInputBorder( |
|||
borderRadius: BorderRadius.circular(12), |
|||
borderSide: BorderSide(color: Colors.grey.shade300), |
|||
), |
|||
enabledBorder: OutlineInputBorder( |
|||
borderRadius: BorderRadius.circular(12), |
|||
borderSide: BorderSide(color: Colors.grey.shade300), |
|||
), |
|||
focusedBorder: OutlineInputBorder( |
|||
borderRadius: BorderRadius.circular(12), |
|||
borderSide: BorderSide(color: Colors.orange.shade400, width: 2), |
|||
), |
|||
filled: true, |
|||
fillColor: Colors.grey.shade50, |
|||
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12), |
|||
), |
|||
), |
|||
], |
|||
); |
|||
} |
|||
|
|||
Widget _buildUserInfoCard() { |
|||
return Container( |
|||
padding: const EdgeInsets.all(16), |
|||
decoration: BoxDecoration( |
|||
color: Colors.grey.shade50, |
|||
borderRadius: BorderRadius.circular(12), |
|||
border: Border.all(color: Colors.grey.shade200), |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Icon(Icons.person, color: Colors.grey.shade700), |
|||
const SizedBox(width: 8), |
|||
Text( |
|||
'Informations de la demande', |
|||
style: TextStyle( |
|||
fontSize: 16, |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.grey.shade800, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 12), |
|||
_buildInfoRow(Icons.account_circle, 'Demandeur', _userController.name), |
|||
if (_userController.pointDeVenteId > 0) |
|||
_buildInfoRow(Icons.store, 'Point de vente', _userController.pointDeVenteDesignation), |
|||
_buildInfoRow(Icons.calendar_today, 'Date', DateTime.now().toLocal().toString().split(' ')[0]), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildInfoRow(IconData icon, String label, String value) { |
|||
return Padding( |
|||
padding: const EdgeInsets.symmetric(vertical: 4), |
|||
child: Row( |
|||
children: [ |
|||
Icon(icon, size: 16, color: Colors.grey.shade600), |
|||
const SizedBox(width: 8), |
|||
Text( |
|||
'$label: ', |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.w500, |
|||
color: Colors.grey.shade700, |
|||
), |
|||
), |
|||
Expanded( |
|||
child: Text( |
|||
value, |
|||
style: TextStyle(color: Colors.grey.shade800), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildSubmitButton() { |
|||
return Container( |
|||
width: double.infinity, |
|||
height: 56, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(16), |
|||
gradient: LinearGradient( |
|||
colors: [Colors.orange.shade700, Colors.orange.shade500], |
|||
begin: Alignment.topLeft, |
|||
end: Alignment.bottomRight, |
|||
), |
|||
boxShadow: [ |
|||
BoxShadow( |
|||
color: Colors.orange.shade300, |
|||
blurRadius: 12, |
|||
offset: const Offset(0, 4), |
|||
), |
|||
], |
|||
), |
|||
child: ElevatedButton( |
|||
onPressed: _isLoading ? null : _soumettreDemandePersonnelle, |
|||
style: ElevatedButton.styleFrom( |
|||
backgroundColor: Colors.transparent, |
|||
shadowColor: Colors.transparent, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(16), |
|||
), |
|||
), |
|||
child: _isLoading |
|||
? const Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
SizedBox( |
|||
width: 24, |
|||
height: 24, |
|||
child: CircularProgressIndicator( |
|||
strokeWidth: 2, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
SizedBox(width: 12), |
|||
Text( |
|||
'Traitement...', |
|||
style: TextStyle( |
|||
fontSize: 16, |
|||
fontWeight: FontWeight.w600, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
], |
|||
) |
|||
: const Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Icon(Icons.send, color: Colors.white), |
|||
SizedBox(width: 8), |
|||
Text( |
|||
'Soumettre la demande', |
|||
style: TextStyle( |
|||
fontSize: 16, |
|||
fontWeight: FontWeight.w600, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: CustomAppBar(title: 'Demande sortie personnelle'), |
|||
drawer: CustomDrawer(), |
|||
body: _isLoading && _products.isEmpty |
|||
? const Center(child: CircularProgressIndicator()) |
|||
: FadeTransition( |
|||
opacity: _fadeAnimation, |
|||
child: SlideTransition( |
|||
position: _slideAnimation, |
|||
child: SingleChildScrollView( |
|||
padding: const EdgeInsets.all(16), |
|||
child: Form( |
|||
key: _formKey, |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
_buildHeaderCard(), |
|||
const SizedBox(height: 24), |
|||
_buildProductSelector(), |
|||
const SizedBox(height: 24), |
|||
_buildFormSection(), |
|||
const SizedBox(height: 24), |
|||
_buildUserInfoCard(), |
|||
const SizedBox(height: 32), |
|||
_buildSubmitButton(), |
|||
const SizedBox(height: 16), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
_animationController.dispose(); |
|||
_quantiteController.dispose(); |
|||
_motifController.dispose(); |
|||
_notesController.dispose(); |
|||
_searchController.dispose(); |
|||
super.dispose(); |
|||
} |
|||
} |
|||
@ -0,0 +1,354 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:get/get.dart'; |
|||
import 'package:intl/intl.dart'; |
|||
import 'package:youmazgestion/Components/app_bar.dart'; |
|||
import 'package:youmazgestion/Components/appDrawer.dart'; |
|||
import 'package:youmazgestion/Services/stock_managementDatabase.dart'; |
|||
import 'package:youmazgestion/controller/userController.dart'; |
|||
|
|||
class HistoriqueSortiesPersonnellesPage extends StatefulWidget { |
|||
const HistoriqueSortiesPersonnellesPage({super.key}); |
|||
|
|||
@override |
|||
_HistoriqueSortiesPersonnellesPageState createState() => _HistoriqueSortiesPersonnellesPageState(); |
|||
} |
|||
|
|||
class _HistoriqueSortiesPersonnellesPageState extends State<HistoriqueSortiesPersonnellesPage> { |
|||
final AppDatabase _database = AppDatabase.instance; |
|||
final UserController _userController = Get.find<UserController>(); |
|||
|
|||
List<Map<String, dynamic>> _historique = []; |
|||
String? _filtreStatut; |
|||
bool _isLoading = false; |
|||
bool _afficherSeulementMesDemandes = false; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_loadHistorique(); |
|||
} |
|||
|
|||
Future<void> _loadHistorique() async { |
|||
setState(() => _isLoading = true); |
|||
try { |
|||
final historique = await _database.getHistoriqueSortiesPersonnelles( |
|||
adminId: _afficherSeulementMesDemandes ? _userController.userId : null, |
|||
statut: _filtreStatut, |
|||
limit: 100, |
|||
); |
|||
setState(() { |
|||
_historique = historique; |
|||
_isLoading = false; |
|||
}); |
|||
} catch (e) { |
|||
setState(() => _isLoading = false); |
|||
Get.snackbar('Erreur', 'Impossible de charger l\'historique: $e'); |
|||
} |
|||
} |
|||
|
|||
Color _getStatutColor(String statut) { |
|||
switch (statut) { |
|||
case 'en_attente': |
|||
return Colors.orange; |
|||
case 'approuvee': |
|||
return Colors.green; |
|||
case 'refusee': |
|||
return Colors.red; |
|||
default: |
|||
return Colors.grey; |
|||
} |
|||
} |
|||
|
|||
String _getStatutText(String statut) { |
|||
switch (statut) { |
|||
case 'en_attente': |
|||
return 'En attente'; |
|||
case 'approuvee': |
|||
return 'Approuvée'; |
|||
case 'refusee': |
|||
return 'Refusée'; |
|||
default: |
|||
return statut; |
|||
} |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: CustomAppBar(title: 'Historique sorties personnelles'), |
|||
drawer: CustomDrawer(), |
|||
body: Column( |
|||
children: [ |
|||
// Filtres |
|||
Container( |
|||
padding: const EdgeInsets.all(16), |
|||
color: Colors.grey.shade50, |
|||
child: Column( |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Expanded( |
|||
child: DropdownButtonFormField<String>( |
|||
value: _filtreStatut, |
|||
decoration: const InputDecoration( |
|||
labelText: 'Filtrer par statut', |
|||
border: OutlineInputBorder(), |
|||
isDense: true, |
|||
), |
|||
items: const [ |
|||
DropdownMenuItem(value: null, child: Text('Tous les statuts')), |
|||
DropdownMenuItem(value: 'en_attente', child: Text('En attente')), |
|||
DropdownMenuItem(value: 'approuvee', child: Text('Approuvées')), |
|||
DropdownMenuItem(value: 'refusee', child: Text('Refusées')), |
|||
], |
|||
onChanged: (value) { |
|||
setState(() { |
|||
_filtreStatut = value; |
|||
}); |
|||
_loadHistorique(); |
|||
}, |
|||
), |
|||
), |
|||
const SizedBox(width: 12), |
|||
ElevatedButton.icon( |
|||
onPressed: _loadHistorique, |
|||
icon: const Icon(Icons.refresh, size: 18), |
|||
label: const Text('Actualiser'), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 12), |
|||
Row( |
|||
children: [ |
|||
Checkbox( |
|||
value: _afficherSeulementMesDemandes, |
|||
onChanged: (value) { |
|||
setState(() { |
|||
_afficherSeulementMesDemandes = value ?? false; |
|||
}); |
|||
_loadHistorique(); |
|||
}, |
|||
), |
|||
const Text('Afficher seulement mes demandes'), |
|||
], |
|||
), |
|||
], |
|||
), |
|||
), |
|||
|
|||
// Liste |
|||
Expanded( |
|||
child: _isLoading |
|||
? const Center(child: CircularProgressIndicator()) |
|||
: RefreshIndicator( |
|||
onRefresh: _loadHistorique, |
|||
child: _historique.isEmpty |
|||
? const Center( |
|||
child: Column( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Icon(Icons.history, size: 64, color: Colors.grey), |
|||
SizedBox(height: 16), |
|||
Text( |
|||
'Aucun historique trouvé', |
|||
style: TextStyle(fontSize: 18, color: Colors.grey), |
|||
), |
|||
], |
|||
), |
|||
) |
|||
: ListView.builder( |
|||
padding: const EdgeInsets.all(16), |
|||
itemCount: _historique.length, |
|||
itemBuilder: (context, index) { |
|||
final sortie = _historique[index]; |
|||
return _buildHistoriqueCard(sortie); |
|||
}, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildHistoriqueCard(Map<String, dynamic> sortie) { |
|||
final dateSortie = DateTime.parse(sortie['date_sortie'].toString()); |
|||
final statut = sortie['statut'].toString(); |
|||
final statutColor = _getStatutColor(statut); |
|||
|
|||
return Card( |
|||
margin: const EdgeInsets.only(bottom: 12), |
|||
elevation: 2, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(12), |
|||
side: BorderSide(color: statutColor.withOpacity(0.3), width: 1), |
|||
), |
|||
child: Padding( |
|||
padding: const EdgeInsets.all(16), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
// En-tête avec statut et date |
|||
Row( |
|||
children: [ |
|||
Container( |
|||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), |
|||
decoration: BoxDecoration( |
|||
color: statutColor.withOpacity(0.1), |
|||
borderRadius: BorderRadius.circular(8), |
|||
border: Border.all(color: statutColor.withOpacity(0.5)), |
|||
), |
|||
child: Text( |
|||
_getStatutText(statut), |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
fontWeight: FontWeight.bold, |
|||
color: statutColor, |
|||
), |
|||
), |
|||
), |
|||
const Spacer(), |
|||
Text( |
|||
DateFormat('dd/MM/yyyy HH:mm').format(dateSortie), |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
color: Colors.grey.shade600, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 12), |
|||
|
|||
// Informations principales |
|||
Row( |
|||
children: [ |
|||
Expanded( |
|||
flex: 2, |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
sortie['produit_nom'].toString(), |
|||
style: const TextStyle( |
|||
fontSize: 16, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
Text('Réf: ${sortie['produit_reference'] ?? 'N/A'}'), |
|||
Text('Quantité: ${sortie['quantite']}'), |
|||
], |
|||
), |
|||
), |
|||
Expanded( |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
'Demandeur:', |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
color: Colors.grey.shade600, |
|||
), |
|||
), |
|||
Text( |
|||
'${sortie['admin_nom']} ${sortie['admin_nom_famille'] ?? ''}', |
|||
style: const TextStyle(fontWeight: FontWeight.w500), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 12), |
|||
|
|||
// Motif |
|||
Container( |
|||
padding: const EdgeInsets.all(8), |
|||
decoration: BoxDecoration( |
|||
color: Colors.grey.shade50, |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
'Motif:', |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
fontWeight: FontWeight.w600, |
|||
color: Colors.grey.shade700, |
|||
), |
|||
), |
|||
Text(sortie['motif'].toString()), |
|||
], |
|||
), |
|||
), |
|||
|
|||
// Informations d'approbation/refus |
|||
if (statut != 'en_attente' && sortie['approbateur_nom'] != null) ...[ |
|||
const SizedBox(height: 12), |
|||
Container( |
|||
padding: const EdgeInsets.all(8), |
|||
decoration: BoxDecoration( |
|||
color: statutColor.withOpacity(0.1), |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
statut == 'approuvee' ? 'Approuvé par:' : 'Refusé par:', |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
fontWeight: FontWeight.w600, |
|||
color: Colors.grey.shade700, |
|||
), |
|||
), |
|||
Text('${sortie['approbateur_nom']} ${sortie['approbateur_nom_famille'] ?? ''}'), |
|||
if (sortie['date_approbation'] != null) |
|||
Text( |
|||
'Le ${DateFormat('dd/MM/yyyy HH:mm').format(DateTime.parse(sortie['date_approbation'].toString()))}', |
|||
style: TextStyle( |
|||
fontSize: 11, |
|||
color: Colors.grey.shade600, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
|
|||
// Notes supplémentaires |
|||
if (sortie['notes'] != null && sortie['notes'].toString().isNotEmpty) ...[ |
|||
const SizedBox(height: 8), |
|||
Container( |
|||
padding: const EdgeInsets.all(8), |
|||
decoration: BoxDecoration( |
|||
color: Colors.blue.shade50, |
|||
borderRadius: BorderRadius.circular(8), |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
'Notes:', |
|||
style: TextStyle( |
|||
fontSize: 12, |
|||
fontWeight: FontWeight.w600, |
|||
color: Colors.blue.shade700, |
|||
), |
|||
), |
|||
Text( |
|||
sortie['notes'].toString(), |
|||
style: const TextStyle(fontSize: 12), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
File diff suppressed because it is too large
Loading…
Reference in new issue