flux/lib/features/operations/ui/widgets/staff_section.dart

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(),
              ),
            );
          },
        ),
      ],
    );
  }
}