import 'package:fikoyt_hmi_pano/apps/widgets/screen_1/controller/screen.controller.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';

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

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

class _StandByWidgetState extends State<StandByWidget> with AutomaticKeepAliveClientMixin {
  late final Screen1Controller screenLogic;

  @override
  void initState() {
    super.initState();
    screenLogic = Get.put(Screen1Controller());
  }

  @override
  bool get wantKeepAlive => true;

  @override
  Widget build(BuildContext context) {
    super.build(context); // AutomaticKeepAliveClientMixin gerektirir.

    return Container(
      constraints: const BoxConstraints(maxWidth: double.infinity, maxHeight: double.infinity),
      width: 350,
      padding: const EdgeInsets.only(top: 35.0),
      clipBehavior: Clip.none,
      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: [
          RepaintBoundary(
            child: FikoYTRippleWave(
              color: Colors.blue.shade400,
              repeat: true,
              waveCount: 4,
              child: SizedBox(
                height: 175,
                child: InkWell(
                  onTap: () async {
                    // Kart okutma işlemi
                  },
                  child: Image.asset(
                    "assets/hmi/nfc.png",
                    width: 128,
                    height: 128,
                  ),
                ),
              ),
            ),
          ),
          Obx(
            () => AnimatedFikoYTButton1(
              text: (screenLogic.cardId.value?.isEmpty ?? false) ? "Kart Bekleniyor..." : screenLogic.cardId.value,
              tema: FikoYTButtonTheme(
                textAlign: TextAlign.center,
                fontSize: 18,
                fontWeight: FontWeight.bold,
                textColor: Theme.of(context).extension<FikoTheme>()?.textColor ?? Colors.black,
              ),
            ),
          ),
          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 ?? Colors.black,
            ),
          ),
        ],
      ),
    );
  }
}