import 'dart:io';

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:qr_code_scanner/qr_code_scanner.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/text_extensions.dart';

import '../../../controllers/providers/api/devices_provider.dart';
import '../../../models/device/asset_search.dart';
import '../../../new_views/common_widgets/app_filled_button.dart';
import '../../../new_views/common_widgets/custom_app_bar.dart';
import '../../pages/device_transfer/search_asset_page.dart';

class AssetScanQr extends StatefulWidget {
  static const String id = "/asset-scan-qr";

  const AssetScanQr({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _AssetScanQrState createState() => _AssetScanQrState();
}

class _AssetScanQrState extends State<AssetScanQr> {
  Barcode result;
  QRViewController _controller;
  bool _scanDone = false;
  final GlobalKey qrKey = GlobalKey(debugLabel: 'QR_scanner');
  AssetProvider _devicesProvider;

  // In order to get hot reload to work we need to pause the camera if the platform
  // is android, or resume the camera if the platform is iOS.
  @override
  void reassemble() {
    super.reassemble();
    if (Platform.isAndroid) {
      _controller?.pauseCamera();
    } else if (Platform.isIOS) {
      _controller?.resumeCamera();
    }
  }

  @override
  void dispose() {
    super.dispose();
    _controller?.dispose();
  }

  _pickManually() async {
    await Navigator.push(context, MaterialPageRoute(builder: (context) => const SearchAssetPage()));
  }

  _getDevice(String result, {bool isQr = false}) async {
    if (result == null) return;
    _devicesProvider.reset();
    await _devicesProvider.getAssets(
      search: AssetSearch(assetNo: result, assetSerialNumber: ""),
      isQr: isQr,
    );
    return _devicesProvider.devices;
  }

  @override
  Widget build(BuildContext context) {
    _devicesProvider = Provider.of<AssetProvider>(context);
    return Scaffold(
        body: SafeArea(
          child: Stack(
            children: [
              QRView(
                key: qrKey,
                onQRViewCreated: (QRViewController controller) {
                  setState(() {
                    _controller = controller;
                  });
                  controller.scannedDataStream.listen((scanData) async {
                    if (!_scanDone) {
                      _scanDone = true;
                      final result = await _getDevice(scanData.code, isQr: true);
                      Navigator.of(context).pop(result[0]);
                    }
                  });
                },
              ),
              Center(
                child: 'scan'.toSvgAsset(
                  height: 283.toScreenHeight.toInt(),
                  width: 283.toScreenWidth.toInt(),
                  fit: BoxFit.fitHeight,
                ),
              ),
              SizedBox(
                  height: 60.toScreenHeight,
                  child: CustomAppBar(
                    title: widget.title,
                  )),
            ],
          ),
        ),
        bottomSheet: Container(
          height: 82.toScreenHeight,
          color: Colors.white,
          width: MediaQuery.of(context).size.width,
          child: Center(
            child: SizedBox(
              height: 50.toScreenHeight,
              width: 358.toScreenWidth,
              child: AppFilledButton(
                label: context.translation.pickManually,
                onPressed: _pickManually,
              ),
            ),
          ),
        ));
  }
}