import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';

// import 'package:qr_code_scanner/qr_code_scanner.dart';

class PersonelNfcWidget extends StatelessWidget {
  PersonelNfcWidget({super.key});

  final RxString cardId = RxString("");

  @override
  Widget build(BuildContext context) {
    FikoYTCoreService.socket.on(
      "FikoYT.uyar.devices.card.update",
      (data) {
        cardId.value = data["cardUuid"];
        print(data);
      },
    );

    return Card(
      elevation: 5,
      child: Container(
          constraints: const BoxConstraints(maxWidth: double.infinity, maxHeight: double.infinity),
          width: 350,
          // height: height ?? double.infinity,
          // height: 450,
          // margin: const EdgeInsets.all(2.0),
          // padding: const EdgeInsets.all(5.0),
          clipBehavior: Clip.hardEdge,
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(10.0),
            border: Border.all(
              color: Colors.grey.shade300,
              width: 1,
              style: BorderStyle.solid,
            ),
          ),
          child: Column(
            children: [
              SizedBox(
                height: 175,
                child: InkWell(
                  onTap: () async {},
                  child: Image.asset(
                    "assets/hmi/nfc.png",
                    width: 128,
                    height: 128,
                  ),
                ),
              ),
              Obx(
                () => Text(
                  "Lütfen Kartınızı Okuyucuya Yerleştirin $cardId",
                  textAlign: TextAlign.center,
                  style: TextStyle(
                    fontWeight: FontWeight.bold,
                    fontSize: 18,
                    color: Theme.of(context).extension<FikoTheme>()?.textColor,
                  ),
                ),
              ),
            ],
          )),
    );
  }
}