374 lines
10 KiB
Dart
374 lines
10 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:intl/intl.dart';
|
|
import '../../../../core/models/membre_model.dart';
|
|
import '../../../../shared/theme/app_theme.dart';
|
|
|
|
/// Section d'informations détaillées d'un membre
|
|
class MembreInfoSection extends StatelessWidget {
|
|
const MembreInfoSection({
|
|
super.key,
|
|
required this.membre,
|
|
this.showActions = false,
|
|
this.onEdit,
|
|
this.onCall,
|
|
this.onMessage,
|
|
});
|
|
|
|
final MembreModel membre;
|
|
final bool showActions;
|
|
final VoidCallback? onEdit;
|
|
final VoidCallback? onCall;
|
|
final VoidCallback? onMessage;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Card(
|
|
elevation: 2,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(20),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
_buildHeader(),
|
|
const SizedBox(height: 20),
|
|
_buildPersonalInfo(),
|
|
const SizedBox(height: 16),
|
|
_buildContactInfo(),
|
|
const SizedBox(height: 16),
|
|
_buildMembershipInfo(),
|
|
if (showActions) ...[
|
|
const SizedBox(height: 20),
|
|
_buildActionButtons(),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildHeader() {
|
|
return Row(
|
|
children: [
|
|
_buildAvatar(),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
membre.nomComplet,
|
|
style: const TextStyle(
|
|
fontSize: 24,
|
|
fontWeight: FontWeight.bold,
|
|
color: AppTheme.textPrimary,
|
|
),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
membre.numeroMembre,
|
|
style: const TextStyle(
|
|
fontSize: 14,
|
|
color: AppTheme.textSecondary,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
_buildStatusBadge(),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildAvatar() {
|
|
return Container(
|
|
width: 80,
|
|
height: 80,
|
|
decoration: BoxDecoration(
|
|
color: AppTheme.primaryColor.withOpacity(0.1),
|
|
borderRadius: BorderRadius.circular(40),
|
|
border: Border.all(
|
|
color: AppTheme.primaryColor.withOpacity(0.3),
|
|
width: 2,
|
|
),
|
|
),
|
|
child: Icon(
|
|
Icons.person,
|
|
size: 40,
|
|
color: AppTheme.primaryColor,
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildStatusBadge() {
|
|
final isActive = membre.actif;
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|
decoration: BoxDecoration(
|
|
color: isActive ? AppTheme.successColor : AppTheme.errorColor,
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
child: Text(
|
|
isActive ? 'Actif' : 'Inactif',
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildPersonalInfo() {
|
|
return _buildSection(
|
|
title: 'Informations personnelles',
|
|
icon: Icons.person_outline,
|
|
children: [
|
|
_buildInfoRow(
|
|
icon: Icons.cake_outlined,
|
|
label: 'Date de naissance',
|
|
value: membre.dateNaissance != null
|
|
? DateFormat('dd/MM/yyyy').format(membre.dateNaissance!)
|
|
: 'Non renseignée',
|
|
),
|
|
_buildInfoRow(
|
|
icon: Icons.work_outline,
|
|
label: 'Profession',
|
|
value: membre.profession ?? 'Non renseignée',
|
|
),
|
|
_buildInfoRow(
|
|
icon: Icons.location_on_outlined,
|
|
label: 'Adresse',
|
|
value: _buildFullAddress(),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildContactInfo() {
|
|
return _buildSection(
|
|
title: 'Contact',
|
|
icon: Icons.contact_phone_outlined,
|
|
children: [
|
|
_buildInfoRow(
|
|
icon: Icons.email_outlined,
|
|
label: 'Email',
|
|
value: membre.email,
|
|
isSelectable: true,
|
|
),
|
|
_buildInfoRow(
|
|
icon: Icons.phone_outlined,
|
|
label: 'Téléphone',
|
|
value: membre.telephone,
|
|
isSelectable: true,
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildMembershipInfo() {
|
|
return _buildSection(
|
|
title: 'Adhésion',
|
|
icon: Icons.card_membership_outlined,
|
|
children: [
|
|
_buildInfoRow(
|
|
icon: Icons.calendar_today_outlined,
|
|
label: 'Date d\'adhésion',
|
|
value: DateFormat('dd/MM/yyyy').format(membre.dateAdhesion),
|
|
),
|
|
_buildInfoRow(
|
|
icon: Icons.access_time_outlined,
|
|
label: 'Membre depuis',
|
|
value: _calculateMembershipDuration(),
|
|
),
|
|
_buildInfoRow(
|
|
icon: Icons.update_outlined,
|
|
label: 'Dernière modification',
|
|
value: membre.dateModification != null
|
|
? DateFormat('dd/MM/yyyy à HH:mm').format(membre.dateModification!)
|
|
: 'Jamais modifié',
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildSection({
|
|
required String title,
|
|
required IconData icon,
|
|
required List<Widget> children,
|
|
}) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
icon,
|
|
size: 20,
|
|
color: AppTheme.primaryColor,
|
|
),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
title,
|
|
style: const TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w600,
|
|
color: AppTheme.textPrimary,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 12),
|
|
...children,
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildInfoRow({
|
|
required IconData icon,
|
|
required String label,
|
|
required String value,
|
|
bool isSelectable = false,
|
|
}) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(bottom: 12),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Icon(
|
|
icon,
|
|
size: 16,
|
|
color: AppTheme.textSecondary,
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
label,
|
|
style: const TextStyle(
|
|
fontSize: 12,
|
|
color: AppTheme.textSecondary,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
const SizedBox(height: 2),
|
|
isSelectable
|
|
? SelectableText(
|
|
value,
|
|
style: const TextStyle(
|
|
fontSize: 14,
|
|
color: AppTheme.textPrimary,
|
|
),
|
|
)
|
|
: Text(
|
|
value,
|
|
style: const TextStyle(
|
|
fontSize: 14,
|
|
color: AppTheme.textPrimary,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildActionButtons() {
|
|
return Row(
|
|
children: [
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
onPressed: onEdit,
|
|
icon: const Icon(Icons.edit, size: 18),
|
|
label: const Text('Modifier'),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: AppTheme.primaryColor,
|
|
foregroundColor: Colors.white,
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: OutlinedButton.icon(
|
|
onPressed: onCall,
|
|
icon: const Icon(Icons.phone, size: 18),
|
|
label: const Text('Appeler'),
|
|
style: OutlinedButton.styleFrom(
|
|
foregroundColor: AppTheme.primaryColor,
|
|
side: const BorderSide(color: AppTheme.primaryColor),
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
OutlinedButton(
|
|
onPressed: onMessage,
|
|
style: OutlinedButton.styleFrom(
|
|
foregroundColor: AppTheme.infoColor,
|
|
side: const BorderSide(color: AppTheme.infoColor),
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
),
|
|
child: const Icon(Icons.message, size: 18),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
String _buildFullAddress() {
|
|
final parts = <String>[];
|
|
|
|
if (membre.adresse != null && membre.adresse!.isNotEmpty) {
|
|
parts.add(membre.adresse!);
|
|
}
|
|
|
|
if (membre.ville != null && membre.ville!.isNotEmpty) {
|
|
parts.add(membre.ville!);
|
|
}
|
|
|
|
if (membre.codePostal != null && membre.codePostal!.isNotEmpty) {
|
|
parts.add(membre.codePostal!);
|
|
}
|
|
|
|
if (membre.pays != null && membre.pays!.isNotEmpty) {
|
|
parts.add(membre.pays!);
|
|
}
|
|
|
|
return parts.isNotEmpty ? parts.join(', ') : 'Non renseignée';
|
|
}
|
|
|
|
String _calculateMembershipDuration() {
|
|
final now = DateTime.now();
|
|
final adhesion = membre.dateAdhesion;
|
|
|
|
final difference = now.difference(adhesion);
|
|
final years = (difference.inDays / 365).floor();
|
|
final months = ((difference.inDays % 365) / 30).floor();
|
|
|
|
if (years > 0) {
|
|
return months > 0 ? '$years an${years > 1 ? 's' : ''} et $months mois' : '$years an${years > 1 ? 's' : ''}';
|
|
} else if (months > 0) {
|
|
return '$months mois';
|
|
} else {
|
|
return '${difference.inDays} jour${difference.inDays > 1 ? 's' : ''}';
|
|
}
|
|
}
|
|
}
|