buono

lib/features/master_data/providers/ui/provider_form_screen.dart

@@ -66,6 +66,17 @@ class _ProviderFormScreenState extends State<ProviderFormScreen> {
     super.dispose();
   }
 
+  final List<String> _brandColors = [
+    '#E60000', // Vodafone/Iliad (Rosso scuro)
+    '#0047BB', // TIM (Blu)
+    '#F4811F', // WINDTRE (Arancione)
+    '#FFCC00', // Fastweb (Giallo)
+    '#00A859', // Verde generico
+    '#8E44AD', // Viola
+    '#2C3E50', // Blu scuro/Nero
+    '#607D8B', // BlueGrey (Default)
+  ];
+
   void _flushControllers() {
     context.read<ProviderFormCubit>().updateFields(
       name: _nameCtrl.text.trim(),
@@ -132,6 +143,8 @@ class _ProviderFormScreenState extends State<ProviderFormScreen> {
                 children: [
                   _buildGeneralCard(context, state),
                   const SizedBox(height: 24),
+                  _buildColorPicker(),
+                  const SizedBox(height: 24),
                   _buildRolesCard(context, state),
                   const SizedBox(height: 24),
                   _buildFiscalCard(context),
@@ -392,4 +405,70 @@ class _ProviderFormScreenState extends State<ProviderFormScreen> {
       ),
     );
   }
+
+  Widget _buildColorPicker() {
+    return Column(
+      children: [
+        const Text(
+          'Colore Riconoscitivo',
+          style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
+        ),
+        const SizedBox(height: 12),
+        BlocBuilder<ProviderFormCubit, ProviderFormState>(
+          builder: (context, state) {
+            // Se non ha un colore, usiamo il BlueGrey di default
+            final currentColorHex = state.provider?.colorHex ?? '#607D8B';
+
+            return Wrap(
+              spacing: 12,
+              runSpacing: 12,
+              children: _brandColors.map((hexCode) {
+                final isSelected =
+                    currentColorHex.toUpperCase() == hexCode.toUpperCase();
+
+                // Conversione rapida per disegnare il cerchio
+                final colorValue = Color(
+                  int.parse('FF${hexCode.replaceAll('#', '')}', radix: 16),
+                );
+
+                return InkWell(
+                  borderRadius: BorderRadius.circular(24),
+                  onTap: () {
+                    // Aggiorniamo il Cubit con il nuovo colore
+                    context.read<ProviderFormCubit>().updateFields(
+                      colorHex: () => hexCode,
+                    );
+                  },
+                  child: AnimatedContainer(
+                    duration: const Duration(milliseconds: 200),
+                    width: 42,
+                    height: 42,
+                    decoration: BoxDecoration(
+                      color: colorValue,
+                      shape: BoxShape.circle,
+                      border: Border.all(
+                        color: isSelected ? Colors.black : Colors.transparent,
+                        width: isSelected ? 3 : 0,
+                      ),
+                      boxShadow: [
+                        if (isSelected)
+                          BoxShadow(
+                            color: colorValue.withValues(alpha: 0.4),
+                            blurRadius: 8,
+                            spreadRadius: 2,
+                          ),
+                      ],
+                    ),
+                    child: isSelected
+                        ? const Icon(Icons.check, color: Colors.white, size: 24)
+                        : null,
+                  ),
+                );
+              }).toList(),
+            );
+          },
+        ),
+      ],
+    );
+  }
 }