import 'dart:io';

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../../../controller/functions/ocr_controller.dart';

class PassportDataExtractorWidget extends StatelessWidget {
  final PassportDataExtractor passportDataExtractor =
      Get.put(PassportDataExtractor());
  final PassportDataController controller = Get.put(PassportDataController());

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Passport Data Extractor'),
      ),
      body: Column(
        children: [
          ElevatedButton(
            onPressed: controller.extractDataAndDrawBoundingBoxes,
            child: const Text('Extract Data'),
          ),
          Expanded(
            child: Center(
              child: Stack(
                children: [
                  GetBuilder<PassportDataController>(
                    builder: (controller) => CustomPaint(
                      painter: BoundingBoxPainter(
                          controller.extractedTextWithCoordinates),
                      child: GetBuilder<PassportDataExtractor>(
                        builder: (controller) =>
                            Image.file(File(passportDataExtractor.image!.path)),
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}