s

Co-authored-by: Copilot <copilot@github.com>
2026-05-03 12:44:51 +02:00
parent 6bb65e8296
commit eb66a707cc
3 changed files with 165 additions and 2 deletions
--- a/lib/features/operations/ui/widgets/staff_section.dart
+++ b/lib/features/operations/ui/widgets/staff_section.dart
@@ -0,0 +1,136 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flux/features/operations/blocs/operations_cubit.dart';
+import 'package:flux/features/operations/models/operation_model.dart';
+// IMPORTA IL TUO CUBIT DELLO STAFF
+// import 'package:flux/features/staff/blocs/staff_cubit.dart';
+
+class StaffSection extends StatelessWidget {
+  final OperationModel? currentOp;
+
+  const StaffSection({super.key, required this.currentOp});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final selectedStaffId = currentOp?.staffId;
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Padding(
+          padding: const EdgeInsets.only(bottom: 12.0),
+          child: Text(
+            'Operatore',
+            style: theme.textTheme.titleLarge?.copyWith(
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+
+        // Ascoltiamo il Cubit che contiene la lista dei membri dello staff del negozio
+        // BlocBuilder<StaffCubit, StaffState>(
+        //   builder: (context, state) {
+        //     final staffMembers = state.storeStaff;
+
+        // Sostituisci questo blocco 'simulato' con i dati veri del tuo BlocBuilder
+        Builder(
+          builder: (context) {
+            // Dati finti per farti vedere la UI, piallali quando attacchi il BlocBuilder!
+            final staffMembers = [
+              {'id': '1', 'name': 'Tu (Admin)'},
+              {'id': '2', 'name': 'Marco'},
+              {'id': '3', 'name': 'Giulia'},
+            ];
+
+            return SingleChildScrollView(
+              scrollDirection: Axis.horizontal,
+              child: Row(
+                children: staffMembers.map((staff) {
+                  final staffId = staff['id'] as String;
+                  final staffName = staff['name'] as String;
+
+                  final isSelected = staffId == selectedStaffId;
+
+                  return GestureDetector(
+                    onTap: () {
+                      // Aggiorniamo la form con un solo tap!
+                      context.read<OperationsCubit>().updateOperationFields(
+                        staffId: staffId,
+                        staffDisplayName: staffName,
+                      );
+                    },
+                    child: AnimatedContainer(
+                      duration: const Duration(milliseconds: 200),
+                      margin: const EdgeInsets.only(right: 12.0),
+                      padding: const EdgeInsets.symmetric(
+                        horizontal: 16.0,
+                        vertical: 10.0,
+                      ),
+                      decoration: BoxDecoration(
+                        color: isSelected
+                            ? theme.colorScheme.primary
+                            : theme.colorScheme.surface,
+                        borderRadius: BorderRadius.circular(30),
+                        border: Border.all(
+                          color: isSelected
+                              ? theme.colorScheme.primary
+                              : theme.dividerColor,
+                          width: 1.5,
+                        ),
+                        boxShadow: isSelected
+                            ? [
+                                BoxShadow(
+                                  color: theme.colorScheme.primary.withValues(
+                                    alpha: 0.3,
+                                  ),
+                                  blurRadius: 8,
+                                  offset: const Offset(0, 2),
+                                ),
+                              ]
+                            : null,
+                      ),
+                      child: Row(
+                        mainAxisSize: MainAxisSize.min,
+                        children: [
+                          CircleAvatar(
+                            radius: 12,
+                            backgroundColor: isSelected
+                                ? Colors.white
+                                : theme.colorScheme.primaryContainer,
+                            child: Text(
+                              staffName.substring(0, 1).toUpperCase(),
+                              style: TextStyle(
+                                fontSize: 12,
+                                fontWeight: FontWeight.bold,
+                                color: isSelected
+                                    ? theme.colorScheme.primary
+                                    : theme.colorScheme.onPrimaryContainer,
+                              ),
+                            ),
+                          ),
+                          const SizedBox(width: 8),
+                          Text(
+                            staffName,
+                            style: TextStyle(
+                              fontWeight: isSelected
+                                  ? FontWeight.bold
+                                  : FontWeight.w500,
+                              color: isSelected
+                                  ? Colors.white
+                                  : theme.colorScheme.onSurface,
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  );
+                }).toList(),
+              ),
+            );
+          },
+        ),
+      ],
+    );
+  }
+}