import 'package:fikoyt_hmi_pano/apps/widgets/screen_1/personel_nfc_widget/_controller.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';

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

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

  @override
  State<PersonelNfcWidget> createState() => _PersonelNfcWidgetState();
}

class _PersonelNfcWidgetState extends State<PersonelNfcWidget> {
  late final NfcController logic;

  @override
  void initState() {
    logic = Get.put(NfcController());
    super.initState();
  }

  @override
  void dispose() {
    Get.delete<NfcController>();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    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(
                () => AnimatedFikoYTButton1(
                  text: logic.cardId.value,
                  tema: FikoYTButtonTheme(
                    textAlign: TextAlign.center,
                    fontSize: 18,
                    fontWeight: FontWeight.bold,
                    textColor: Theme.of(context).extension<FikoTheme>()?.textColor,
                  ),
                ),
              ),
              FikoYTButton(
                text: "Lütfen Kartınızı Okuyucuya Yerleştirin",
                tema: FikoYTButtonTheme(
                  textAlign: TextAlign.center,
                  fontSize: 18,
                  fontWeight: FontWeight.bold,
                  textColor: Theme.of(context).extension<FikoTheme>()?.textColor,
                ),
              ),
            ],
          )),
    );
  }
}