import 'package:flutter/material.dart';
import 'package:flutter_box_transform/flutter_box_transform.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../../../domain/models/model.dart';
import '../../signature/widgets/rotated_signature_image.dart';
import '../../signature/view_model/signature_view_model.dart';
import '../view_model/pdf_view_model.dart';
import 'package:pdf_signature/l10n/app_localizations.dart';

/// Minimal overlay widget for rendering a placed signature.
class SignatureOverlay extends ConsumerWidget {
  const SignatureOverlay({
    super.key,
    required this.pageSize,
    required this.rect,
    required this.placement,
    required this.placedIndex,
    required this.pageNumber,
  });

  final Size pageSize; // not used directly, kept for API symmetry
  final Rect rect; // normalized 0..1 values (left, top, width, height)
  final SignaturePlacement placement;
  final int placedIndex;
  final int pageNumber;

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final processedImage = ref
        .watch(signatureViewModelProvider)
        .getProcessedImage(placement.asset, placement.graphicAdjust);
    return LayoutBuilder(
      builder: (context, constraints) {
        final pageW = constraints.maxWidth;
        final pageH = constraints.maxHeight;
        final rectPx = Rect.fromLTWH(
          rect.left * pageW,
          rect.top * pageH,
          rect.width * pageW,
          rect.height * pageH,
        );

        Future<void> _showContextMenu(Offset position) async {
          final pdfViewModel = ref.read(pdfViewModelProvider.notifier);
          final isLocked = ref
              .watch(pdfViewModelProvider)
              .isPlacementLocked(page: pageNumber, index: placedIndex);
          final selected = await showMenu<String>(
            context: context,
            position: RelativeRect.fromLTRB(
              position.dx,
              position.dy,
              position.dx,
              position.dy,
            ),
            items: [
              PopupMenuItem(
                key: const Key('mi_placement_lock'),
                value: isLocked ? 'unlock' : 'lock',
                child: Text(
                  isLocked
                      ? AppLocalizations.of(context).unlock
                      : AppLocalizations.of(context).lock,
                ),
              ),
              PopupMenuItem(
                key: const Key('mi_placement_delete'),
                value: 'delete',
                child: Text(AppLocalizations.of(context).delete),
              ),
            ],
          );
          if (selected == 'lock') {
            pdfViewModel.lockPlacement(page: pageNumber, index: placedIndex);
          } else if (selected == 'unlock') {
            pdfViewModel.unlockPlacement(page: pageNumber, index: placedIndex);
          } else if (selected == 'delete') {
            pdfViewModel.removePlacement(page: pageNumber, index: placedIndex);
          }
        }

        return Stack(
          children: [
            TransformableBox(
              key: Key('placed_signature_$placedIndex'),
              rect: rectPx,
              flip: Flip.none,
              // Keep the box within page bounds
              clampingRect: Rect.fromLTWH(0, 0, pageW, pageH),
              // Disable flips for signatures to avoid mirrored signatures
              allowFlippingWhileResizing: false,
              allowContentFlipping: false,
              onChanged:
                  ref
                          .watch(pdfViewModelProvider)
                          .isPlacementLocked(
                            page: pageNumber,
                            index: placedIndex,
                          )
                      ? null
                      : (result, details) {
                        final r = result.rect;
                        // Persist as normalized rect (0..1)
                        final newRect = Rect.fromLTWH(
                          (r.left / pageW).clamp(0.0, 1.0),
                          (r.top / pageH).clamp(0.0, 1.0),
                          (r.width / pageW).clamp(0.0, 1.0),
                          (r.height / pageH).clamp(0.0, 1.0),
                        );
                        ref
                            .read(pdfViewModelProvider.notifier)
                            .updatePlacementRect(
                              page: pageNumber,
                              index: placedIndex,
                              rect: newRect,
                            );
                      },
              // Keep default handles; you can customize later if needed
              contentBuilder: (context, boxRect, flip) {
                final isLocked = ref
                    .watch(pdfViewModelProvider)
                    .isPlacementLocked(page: pageNumber, index: placedIndex);
                return DecoratedBox(
                  decoration: BoxDecoration(
                    border: Border.all(
                      color: isLocked ? Colors.green : Colors.red,
                      width: 2,
                    ),
                  ),
                  child: SizedBox(
                    width: boxRect.width,
                    height: boxRect.height,
                    child: FittedBox(
                      fit: BoxFit.contain,
                      child: RotatedSignatureImage(
                        image: processedImage,
                        rotationDeg: placement.rotationDeg,
                      ),
                    ),
                  ),
                );
              },
            ),
            // Invisible overlay for right-click context menu
            Positioned(
              left: rectPx.left,
              top: rectPx.top,
              width: rectPx.width,
              height: rectPx.height,
              child: GestureDetector(
                behavior: HitTestBehavior.translucent,
                onSecondaryTapDown:
                    (details) => _showContextMenu(details.globalPosition),
                onLongPressStart:
                    (details) => _showContextMenu(details.globalPosition),
              ),
            ),
          ],
        );
      },
    );
  }
}