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

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

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

class _UserUnknownWidgetState extends State<UserUnknownWidget> {
  late final Screen1Controller screenLogic;

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

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        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.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: [
              FikoYTRippleWave(
                color: Colors.red.shade400,
                repeat: true,
                waveCount: 4,
                rectRadius: 16,
                shape: RippleShape.circle,
                child: SizedBox(
                  height: 175,
                  child: InkWell(
                    onTap: () async {},
                    child: Image.asset(
                      "assets/hmi/uyar-logo.png",
                      width: 256,
                      height: 256,
                    ),
                  ),
                ),
              ),
              AnimatedFikoYTButton1(
                text: "Bilinmeyen Kart",
                tema: FikoYTButtonTheme(
                  textAlign: TextAlign.center,
                  fontSize: 18,
                  fontWeight: FontWeight.bold,
                  textColor: Theme.of(context).extension<FikoTheme>()?.backgroundColor,
                  textStrokeColor: Theme.of(context).extension<FikoTheme>()?.textColor,
                  textStrokeWidth: 2,
                ),
              ),
              Obx(
                () => AnimatedFikoYTButton1(
                  text: "Kart Id: ${FikoYTEvent('FikoYT.uyar.cardId.value').value ?? ''}",
                  tema: FikoYTButtonTheme(
                    textAlign: TextAlign.center,
                    fontSize: 9,
                    fontWeight: FontWeight.bold,
                    textColor: Theme.of(context).extension<FikoTheme>()?.textColor,
                    // textStrokeColor: Theme.of(context).extension<FikoTheme>()?.textColor,
                    textStrokeWidth: 0,
                  ),
                  // onPressed: () {
                  //   FikoYTEvent("FikoYT.uyar.cardId.value").value = Random.secure().nextInt(1500).toString();
                  // },
                ),
              ),
              FikoYTButton(
                text: "Kullanıcı Sisteme Kayıtlı Değil",
                tema: FikoYTButtonTheme(
                  textAlign: TextAlign.center,
                  fontSize: 18,
                  fontWeight: FontWeight.bold,
                  textColor: Theme.of(context).extension<FikoTheme>()?.errorTextColor,
                  textStrokeColor: Colors.amber,
                  textStrokeWidth: 2,
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
}