import 'dart:math';

import 'package:cue/cue.dart';
import 'package:flutter/material.dart';
import 'package:iconsax/iconsax.dart';

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

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    return CueModalTransition(
      alignment: Alignment.bottomRight,
      barrierColor: Colors.transparent,
      hideTriggerOnTransition: true,
      motion: Spring.wobbly(dampingRatio: .7),
      triggerBuilder: (context, open) => FloatingActionButton(
        onPressed: open,
        backgroundColor: theme.colorScheme.surfaceContainer,
        foregroundColor: theme.colorScheme.error,
        elevation: .5,
        shape: CircleBorder(),
        child: Icon(Iconsax.trash),
      ),
      builder: (context, rect) {
        return Actor(
          acts: [.translate(to: Offset(-28, -28))],
          child: Material(
            clipBehavior: .hardEdge,
            borderRadius: BorderRadius.circular(32),
            color: theme.colorScheme.surfaceContainer,
            elevation: 2,
            shadowColor: Colors.black.withValues(alpha: .3),
            child: Actor(
              acts: [
                .sizedClip(
                  from: .size(rect.size),
                  to: .width(220),
                  alignment: .bottomRight,
                ),
                .slideY(from: 0.4),
              ],
              child: Column(
                mainAxisSize: .min,
                crossAxisAlignment: .end,
                children: [
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.center,
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Actor(
                        acts: [
                          .fadeIn(),
                          .scale(from: .5),
                          .blur(from: 10),
                        ],
                        child: Padding(
                          padding: const EdgeInsets.fromLTRB(16, 16, 16, 16),
                          child: Column(
                            children: [
                              Text(
                                'Are you sure you want to delete this item?',
                                textAlign: .center,
                                style: theme.textTheme.bodyMedium,
                              ),
                              SizedBox(height: 4),
                              Text(
                                'This action cannot be undone.',
                                textAlign: .center,
                                style: theme.textTheme.bodyMedium?.copyWith(
                                  color: theme.colorScheme.onSurface.withValues(alpha: .5),
                                ),
                              ),
                            ],
                          ),
                        ),
                      ),
                      TextButton.icon(
                        onPressed: () {},
                        style: ElevatedButton.styleFrom(
                          backgroundColor: theme.colorScheme.error.withValues(alpha: .05),
                          foregroundColor: theme.colorScheme.error,
                          padding: .symmetric(horizontal: 20.0, vertical: 12.0),
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(24),
                          ),
                        ),
                        label: Text('Delete Item'),
                        iconAlignment: .end,
                        icon: Actor(
                          acts: [
                            .translateFromGlobalRect(rect),
                            .iconTheme(
                              from: IconThemeData(size: 24),
                              to: IconThemeData(size: 20),
                            ),
                          ],
                          child: Icon(
                            Iconsax.trash,
                            color: theme.colorScheme.error,
                          ),
                        ),
                      ),
                      SizedBox(height: 8),
                    ],
                  ),
                ],
              ),
            ),
          ),
        );
      },
    );
  }
}