import 'package:awesome_dialog/awesome_dialog.dart';
import 'package:flutter/material.dart';
import 'package:mobile_scanner/mobile_scanner.dart';
import 'package:provider/provider.dart';
import 'package:smoke_cess_app/models/settings.dart';
import 'package:smoke_cess_app/services/json_service.dart';
import 'package:smoke_cess_app/services/settings_service.dart';
import '../providers/settings_provider.dart';
import '../services/notification_service.dart';
import '../widgets/missing_config_popup.dart';

class MyScanner extends StatefulWidget {
  const MyScanner({super.key});

  @override
  State<StatefulWidget> createState() => MyScannerState();
}

class MyScannerState extends State<MyScanner> {
  bool scanning = false;

  void handleError() {
    setState(() {
      scanning = false;
      AwesomeDialog(
        context: context,
        dialogType: DialogType.error,
        title: 'Upss',
        desc: 'Da muss etwas schiefgelaufen sein!',
      ).show();
    });
  }

  void handleSucces(String? rawValue) {
    String qrText = rawValue!;
    Map<String, dynamic> json = stringToJSON(qrText);
    Settings settings = Settings.fromJson(json);
    saveSettings(settings);
    var settingsModel = context.read<SettingsProvider>();
    settingsModel.initSettings();
    NotificationService().setAllNotifications();
    setState(() {
      scanning = false;
      AwesomeDialog(
        context: context,
        dialogType: DialogType.success,
        title: 'Geschafft',
        desc: 'Der Code wurde erfolgreich gescannt!',
      ).show();
    });
  }

  void onDetect(capture) {
    try {
      final List<Barcode> barcodes = capture.barcodes;
      for (final barcode in barcodes) {
        if (barcode.rawValue != null) {
          handleSucces(barcode.rawValue);
        }
      }
    } finally {
      handleError();
    }
  }

  @override
  Widget build(BuildContext context) {
    return scanning
        ? Expanded(
            child: MobileScanner(
                fit: BoxFit.contain,
                controller: MobileScannerController(
                  detectionTimeoutMs: 2000,
                ),
                onDetect: onDetect))
        : ElevatedButton(
            style: ElevatedButton.styleFrom(
                textStyle: const TextStyle(fontSize: 20)),
            onPressed: () {
              setState(() => scanning = true);
            },
            child: const Text('Scan QR Code'),
          );
  }
}