flux/lib/features/settings/document_sequence/ui/document_sequence_section.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flux/features/settings/document_sequence/blocs/document_sequence_cubit.dart';
import 'package:flux/features/settings/document_sequence/models/document_sequence_model.dart';

class DocumentSequenceSection extends StatelessWidget {
  const DocumentSequenceSection({super.key});

  // La nostra lista "Ninja" di tutti i documenti gestiti dall'app
  // Se domani aggiungo le fatture, basta aggiungere una riga qui!
  // e all'enum DocumentType nel model
  static final supportedDocumentTypes = [
    {
      'type': DocumentType.ticket.name,
      'label': 'TICKET',
      'defaultPrefix': 'TCK',
    },
    {
      'type': DocumentType.shipment.name,
      'label': 'DDT (Documento di Trasporto)',
      'defaultPrefix': 'DDT',
    },
  ];

  @override
  Widget build(BuildContext context) {
    final year = DateTime.now().year;

    return BlocBuilder<DocumentSequenceCubit, DocumentSequenceState>(
      builder: (context, state) {
        if (state.status == DocumentSequenceStatus.loading) {
          return const Center(child: CircularProgressIndicator());
        }

        return Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Padding(
              padding: const EdgeInsets.symmetric(vertical: 16.0),
              child: Text(
                "Protocolli e Numerazione",
                style: Theme.of(
                  context,
                ).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.bold),
              ),
            ),

            // Invece di mappare state.sequences, mappiamo i documenti supportati
            ...supportedDocumentTypes.map((docDef) {
              final docType = docDef['type']!;

              // Cerchiamo se c'è già una configurazione nello stato per questo documento
              final existingList = state.sequences
                  .where((s) => s.docType == docType)
                  .toList();
              final existingSeq = existingList.isNotEmpty
                  ? existingList.first
                  : null;

              // Se esiste usiamo i suoi valori, altrimenti i default
              final prefix = existingSeq?.prefix ?? docDef['defaultPrefix']!;
              final nextValue = existingSeq?.nextValue ?? 1;

              // Anteprima dinamica (aggiornata a 4 zeri come nel DB!)
              final preview =
                  "${prefix.isNotEmpty ? '$prefix-' : ''}$year-${nextValue.toString().padLeft(4, '0')}";

              return Card(
                margin: const EdgeInsets.only(bottom: 12),
                child: Padding(
                  padding: const EdgeInsets.all(16.0),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        docDef['label']!,
                        style: const TextStyle(
                          fontWeight: FontWeight.bold,
                          color: Colors.blue,
                        ),
                      ),
                      const SizedBox(height: 12),
                      Row(
                        children: [
                          Expanded(
                            flex: 2,
                            child: TextFormField(
                              initialValue: prefix,
                              decoration: const InputDecoration(
                                labelText: 'Prefisso',
                                hintText: 'es. TCK',
                              ),
                              onChanged: (val) => context
                                  .read<DocumentSequenceCubit>()
                                  .updateLocalSequence(docType, prefix: val),
                            ),
                          ),
                          const SizedBox(width: 16),
                          Expanded(
                            flex: 3,
                            child: TextFormField(
                              initialValue: nextValue.toString(),
                              keyboardType: TextInputType.number,
                              decoration: const InputDecoration(
                                labelText: 'Prossimo Numero',
                              ),
                              onChanged: (val) => context
                                  .read<DocumentSequenceCubit>()
                                  .updateLocalSequence(
                                    docType,
                                    nextValue: int.tryParse(val) ?? 1,
                                  ),
                            ),
                          ),
                        ],
                      ),
                      const SizedBox(height: 12),
                      Container(
                        padding: const EdgeInsets.all(8),
                        decoration: BoxDecoration(
                          color: Colors
                              .grey
                              .shade100, // Se hai un tema scuro potresti voler usare Theme.of(context).colorScheme.surfaceContainer
                          borderRadius: BorderRadius.circular(8),
                        ),
                        child: Row(
                          children: [
                            const Icon(
                              Icons.visibility,
                              size: 16,
                              color: Colors.grey,
                            ),
                            const SizedBox(width: 8),
                            Text(
                              "Anteprima prossimo: ",
                              style: TextStyle(
                                color: Colors
                                    .grey
                                    .shade700, // Idem per la dark mode
                                fontSize: 12,
                              ),
                            ),
                            Text(
                              preview,
                              style: const TextStyle(
                                fontWeight: FontWeight.bold,
                                fontFamily: 'monospace',
                              ),
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
              );
            }),
            const SizedBox(height: 16),
            SizedBox(
              width: double.infinity,
              child: ElevatedButton.icon(
                onPressed: () =>
                    context.read<DocumentSequenceCubit>().saveSequences(),
                icon: const Icon(Icons.save),
                label: const Text("SALVA PROTOCOLLI"),
              ),
            ),
          ],
        );
      },
    );
  }
}