import 'dart:io';
import 'dart:typed_data';

import 'package:extended_image/extended_image.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:image_editor/image_editor.dart';
import 'package:path/path.dart' as path;
import 'package:path_provider/path_provider.dart';

class ImageCropPage extends StatefulWidget {
  const ImageCropPage({super.key, required this.imagePath});

  final String imagePath;

  @override
  State<ImageCropPage> createState() => _ImageCropPageState();
}

final GlobalKey<ExtendedImageEditorState> editorKey =
    GlobalKey<ExtendedImageEditorState>();

class _ImageCropPageState extends State<ImageCropPage> {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: NavigationBarView(
        title: t.utility.cropImage,
        trailing: PureButton(
          padding: EdgeInsets.only(right: 15.w),
          onPressed: _cropImage,
          child: Assets.setting.cropConfirm.image(width: 36.w, height: 36.w),
        ),
      ),
      child: ExtendedImage.file(
        File(widget.imagePath),
        fit: BoxFit.contain,
        mode: ExtendedImageMode.editor,
        enableLoadState: true,
        cacheRawData: true,
        extendedImageEditorKey: editorKey,
        initEditorConfigHandler: (state) {
          return EditorConfig(
            maxScale: 6.0,
            cropRectPadding: const EdgeInsets.all(20.0),
            hitTestSize: 20.0,
            cropAspectRatio: CropAspectRatios.ratio1_1,
            cropLayerPainter: const CircleEditorCropLayerPainter(),
          );
        },
      ),
    );
  }
}

class CircleEditorCropLayerPainter extends EditorCropLayerPainter {
  const CircleEditorCropLayerPainter();

  @override
  void paint(
    Canvas canvas,
    Size size,
    ExtendedImageCropLayerPainter painter,
    Rect rect,
  ) {
    final Rect cropRect = painter.cropRect;
    final Paint paint = Paint()..color = painter.maskColor;

    final Path mask = Path()
      ..addOval(cropRect)
      ..addRect(Rect.fromLTWH(0, 0, size.width, size.height))
      ..fillType = PathFillType.evenOdd;

    canvas.saveLayer(Rect.fromLTWH(0, 0, size.width, size.height), Paint());
    canvas.drawPath(mask, paint);
    canvas.restore();

    final Paint borderPaint = Paint()
      ..color = Colors.white
      ..style = PaintingStyle.stroke
      ..strokeWidth = 2.0;

    canvas.drawOval(cropRect, borderPaint);
  }
}