import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:go_router/go_router.dart';
import 'package:image_picker/image_picker.dart';
import 'package:file_picker/file_picker.dart';
import 'package:flux/features/attachments/blocs/attachments_bloc.dart';

class OldSharedUploadScreen extends StatefulWidget {
  final String title;
  final String companyId;

  const OldSharedUploadScreen({
    super.key,
    required this.title,
    required this.companyId,
  });

  @override
  State<OldSharedUploadScreen> createState() => _OldSharedUploadScreenState();
}

class _OldSharedUploadScreenState extends State<OldSharedUploadScreen> {
  // 1. LA NOSTRA STAGING AREA (Il "Carrello")
  final List<PlatformFile> _stagedFiles = [];

  // 2. STATO DI CARICAMENTO GLOBALE
  bool _isUploading = false;
  bool _isProcessingLocal = false;

  // Funzione magica per capire se è un'immagine o un PDF dall'estensione
  bool _isImage(String path) {
    final ext = path.split('.').last.toLowerCase();
    return ['jpg', 'jpeg', 'png', 'webp'].contains(ext);
  }

  @override
  Widget build(BuildContext context) {
    return BlocListener<AttachmentsBloc, AttachmentsState>(
      listener: (context, state) {
        // Quando il BLoC ci dice che ha finito l'upload (Success), chiudiamo la pagina!
        if (state.status == AttachmentsStatus.success && _isUploading) {
          // CONTROLLO MAGICO: C'è una pagina dietro di noi?
          if (Navigator.of(context).canPop()) {
            // Modalità "App Nativa": siamo entrati dal tasto "Aggiungi"
            ScaffoldMessenger.of(context).showSnackBar(
              const SnackBar(content: Text("File caricati con successo! ✅")),
            );
            Navigator.of(context).pop();
          } else {
            // Modalità "Web/QR Code": Navighiamo alla pagina di successo!
            // Assicurati di aver importato go_router in questo file

            context.go('/upload-success');
          }
        }
        if (state.status == AttachmentsStatus.failure) {
          setState(() => _isUploading = false);
          ScaffoldMessenger.of(
            context,
          ).showSnackBar(SnackBar(content: Text("Errore: ${state.error}")));
        }
      },
      child: Scaffold(
        appBar: AppBar(
          title: Text("Upload: ${widget.title}"),
          // Togliamo la freccia indietro se stiamo caricando per evitare macelli
          automaticallyImplyLeading: !_isUploading,
        ),
        body: Stack(
          children: [
            Column(
              children: [
                // --- SEZIONE PULSANTI (Fotocamera / Galleria) ---
                Padding(
                  padding: const EdgeInsets.all(16.0),
                  child: Row(
                    children: [
                      Expanded(
                        child: ElevatedButton.icon(
                          onPressed: _isUploading ? null : _handleCamera,
                          icon: const Icon(Icons.camera_alt),
                          label: const Text("SCATTA"),
                          style: ElevatedButton.styleFrom(
                            padding: const EdgeInsets.symmetric(vertical: 16),
                          ),
                        ),
                      ),
                      const SizedBox(width: 12),
                      Expanded(
                        child: OutlinedButton.icon(
                          onPressed: _isUploading ? null : _handleFilePicker,
                          icon: const Icon(Icons.folder),
                          label: const Text("GALLERIA"),
                          style: OutlinedButton.styleFrom(
                            padding: const EdgeInsets.symmetric(vertical: 16),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),

                const Divider(),

                // --- SEZIONE ANTEPRIME (La GridView Magica) ---
                Expanded(
                  child: _stagedFiles.isEmpty
                      ? const Center(
                          child: Text(
                            "Nessun file selezionato.\nScatta una foto o scegli dalla galleria.",
                            textAlign: TextAlign.center,
                            style: TextStyle(color: Colors.grey),
                          ),
                        )
                      : GridView.builder(
                          padding: const EdgeInsets.all(16),
                          gridDelegate:
                              const SliverGridDelegateWithFixedCrossAxisCount(
                                crossAxisCount: 3, // 3 colonne stile galleria
                                crossAxisSpacing: 12,
                                mainAxisSpacing: 12,
                              ),
                          itemCount: _stagedFiles.length,
                          itemBuilder: (context, index) {
                            final file = _stagedFiles[index];
                            final isImg = _isImage(file.name);

                            return Stack(
                              clipBehavior: Clip.none,
                              children: [
                                // L'ANTEPRIMA
                                Container(
                                  width: double.infinity,
                                  height: double.infinity,
                                  decoration: BoxDecoration(
                                    color: Colors.grey.shade200,
                                    borderRadius: BorderRadius.circular(12),
                                    border: Border.all(
                                      color: Colors.grey.shade300,
                                    ),
                                  ),
                                  child: ClipRRect(
                                    borderRadius: BorderRadius.circular(12),
                                    child: isImg
                                        ? (file.bytes != null
                                              // Se abbiamo i bytes (es. scatto da fotocamera) usiamo quelli (a prova di Web!)
                                              ? Image.memory(
                                                  file.bytes!,
                                                  fit: BoxFit.cover,
                                                )
                                              // Altrimenti andiamo di file fisico
                                              : Image.file(
                                                  File(file.path!),
                                                  fit: BoxFit.cover,
                                                ))
                                        : const Column(
                                            mainAxisAlignment:
                                                MainAxisAlignment.center,
                                            children: [
                                              Icon(
                                                Icons.picture_as_pdf,
                                                color: Colors.red,
                                                size: 36,
                                              ),
                                              SizedBox(height: 4),
                                              Text(
                                                "PDF",
                                                style: TextStyle(
                                                  fontSize: 10,
                                                  fontWeight: FontWeight.bold,
                                                ),
                                              ),
                                            ],
                                          ),
                                  ),
                                ),

                                // IL PULSANTE CESTINO (In alto a destra)
                                Positioned(
                                  top: -8,
                                  right: -8,
                                  child: GestureDetector(
                                    onTap: () {
                                      setState(() {
                                        _stagedFiles.removeAt(index);
                                      });
                                    },
                                    child: Container(
                                      padding: const EdgeInsets.all(4),
                                      decoration: const BoxDecoration(
                                        color: Colors.red,
                                        shape: BoxShape.circle,
                                      ),
                                      child: const Icon(
                                        Icons.close,
                                        color: Colors.white,
                                        size: 16,
                                      ),
                                    ),
                                  ),
                                ),
                              ],
                            );
                          },
                        ),
                ),

                // --- SEZIONE INVIA E CHIUDI ---
                SafeArea(
                  child: Padding(
                    padding: const EdgeInsets.all(16.0),
                    child: SizedBox(
                      width: double.infinity,
                      height: 56,
                      child: ElevatedButton.icon(
                        // Il pulsante si accende SOLO se ci sono file nel carrello
                        onPressed: _stagedFiles.isEmpty || _isUploading
                            ? null
                            : _submitAllFiles,
                        icon: const Icon(Icons.cloud_upload),
                        label: Text(
                          "INVIA ${_stagedFiles.length} FILE E CHIUDI",
                          style: const TextStyle(
                            fontSize: 16,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                        style: ElevatedButton.styleFrom(
                          backgroundColor: Theme.of(
                            context,
                          ).colorScheme.primary,
                          foregroundColor: Theme.of(
                            context,
                          ).colorScheme.onPrimary,
                        ),
                      ),
                    ),
                  ),
                ),
              ],
            ),

            // --- OVERLAY DI CARICAMENTO ---
            if (_isUploading || _isProcessingLocal)
              Container(
                color: Colors.black.withValues(alpha: 0.5),
                child: Center(
                  child: Card(
                    child: Padding(
                      padding: EdgeInsets.all(24.0),
                      child: Column(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          CircularProgressIndicator(),
                          SizedBox(height: 16),
                          Text(
                            _isUploading
                                ? "Invio in corso..."
                                : "Elaborazione foto...",
                            style: TextStyle(fontWeight: FontWeight.bold),
                          ),
                        ],
                      ),
                    ),
                  ),
                ),
              ),
          ],
        ),
      ),
    );
  }

  // --- LOGICA FOTOCAMERA E LIBRERIA ---
  Future<void> _handleCamera() async {
    setState(() => _isProcessingLocal = true);
    await Future.delayed(const Duration(milliseconds: 100));

    try {
      final picker = ImagePicker();
      final photo = await picker.pickImage(source: ImageSource.camera);

      if (photo != null) {
        final photoBytes = await photo.readAsBytes();
        final photoSize = await photo.length();

        final platformFile = PlatformFile(
          name: photo.name,
          size: photoSize,
          path: photo.path,
          bytes: photoBytes,
        );

        setState(() {
          _stagedFiles.add(platformFile);
        });
      }
    } finally {
      setState(() => _isProcessingLocal = false);
    }
  }

  Future<void> _handleFilePicker() async {
    final result = await FilePicker.pickFiles(
      allowMultiple: true,
      withData: true,
    );
    if (result != null) {
      setState(() {
        _stagedFiles.addAll(result.files);
      });
    }
  }

  // --- LOGICA DI INVIO AL BLoC ---
  void _submitAllFiles() {
    setState(() => _isUploading = true);

    // Lanciamo l'evento del nostro nuovo AttachmentsBloc Agnostico!
    context.read<AttachmentsBloc>().add(
      UploadAttachmentsEvent(
        pickedFiles: _stagedFiles,
        companyId: widget.companyId,
      ),
    );
  }
}
