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

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

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

class _UserWidgetState extends State<UserWidget> {
  late final Screen1Controller screenLogic;

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

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        FikoYTRippleWave(
          color: Colors.green.shade400,
          repeat: true,
          waveCount: 4,
          rectRadius: 16,
          // delay: 2500.ms,
          shape: RippleShape.circle,
          child: Obx(
            () => FikoytOvalResim(
              resimUrl: "https://fikoyt.com:3000/fapiv1/fikoyt.com.FikoYT.sistem.kullanici.${FikoYTEvent('FikoYT.uyar.nfc.kullanici').$value.value?["_id"]}.profilResmi?boyut=480x?&t=${FikoYTEvent<String?>('FikoYT.uyar.resim.cache.value').$value.value}",
              onPressed: () async {
                screenLogic.profilResmiDegistir();
              },
            ),
          ),
        ),
        SizedBox(
          height: 10,
        ),
        Obx(
          () => FikoYTButton(
            text: "${FikoYTEvent('FikoYT.uyar.nfc.kullanici').$value.value?["isim"] ?? ''} ${FikoYTEvent('FikoYT.uyar.nfc.kullanici').$value.value?["soyIsim"] ?? ''}",
            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,
            ),
          ),
        ),
        FikoYTButton(
          text: "Cnc Operatörü",
          tema: FikoYTButtonTheme(
            textAlign: TextAlign.center,
            fontSize: 14,
            fontWeight: FontWeight.bold,
            textColor: Theme.of(context).extension<FikoTheme>()?.textColor,
            // textStrokeColor: Theme.of(context).extension<FikoTheme>()?.textColor,
            textStrokeWidth: 0,
          ),
        ),
        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();
            // },
          ),
        ),
        // Spacer(),
        Container(
          alignment: Alignment.centerLeft,
          padding: const EdgeInsets.all(1),
          margin: const EdgeInsets.symmetric(vertical: 5, horizontal: 10),
          decoration: BoxDecoration(
            border: Border.all(color: Colors.grey.shade300),
            borderRadius: BorderRadius.circular(15),
            color: Colors.white.withAlpha(100),
            // boxShadow: [
            //   BoxShadow(
            //       color: Theme.of(context).extension<FikoTheme>()?.shadowColor?.withAlpha(100) ?? Colors.black.withAlpha(100), //New
            //       blurRadius: 4.0,
            //       offset: Offset(4, 4))
            // ],
          ),
          child: SizedBox(
            height: 18.0,
            child: ShaderMask(
              shaderCallback: (Rect rect) {
                return const LinearGradient(
                  begin: Alignment.centerLeft,
                  end: Alignment.centerRight,
                  colors: [Colors.purple, Colors.transparent, Colors.transparent, Colors.purple],
                  stops: [0.0, 0.1, 0.9, 1.0], // 10% purple, 80% transparent, 10% purple
                ).createShader(rect);
              },
              blendMode: BlendMode.dstOut,
              child: SingleChildScrollView(
                scrollDirection: Axis.horizontal,
                physics: const BouncingScrollPhysics(),
                child: Row(
                  children: [
                    FikoYTButton(
                      text: "🏠 Ana Sayfa",
                      tema: Theme.of(context).extension<FikoYTButtonTheme>()?.copyWith(
                            fontSize: 10,
                            textAlign: TextAlign.start,
                            edgePadding: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 5),
                            textStrokeWidth: 0,
                            textColor: Colors.black87,
                            textStrokeColor: Colors.transparent,
                          ),
                      onPressed: () {
                        context.vRouter.to("/screen-1/person-dash");
                      },
                    ),
                    FikoYTButton(
                      text: "❓ Bilgilerim",
                      tema: Theme.of(context).extension<FikoYTButtonTheme>()?.copyWith(
                            fontSize: 10,
                            textAlign: TextAlign.start,
                            edgePadding: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 5),
                            textStrokeWidth: 0,
                            textColor: Colors.black87,
                            textStrokeColor: Colors.transparent,
                          ),
                      onPressed: () async {},
                    ),
                    FikoYTButton(
                      text: "📈 İstatistiklerim",
                      tema: Theme.of(context).extension<FikoYTButtonTheme>()?.copyWith(
                            fontSize: 10,
                            textAlign: TextAlign.start,
                            edgePadding: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 5),
                            textStrokeWidth: 0,
                            textColor: Colors.black87,
                            textStrokeColor: Colors.transparent,
                          ),
                      onPressed: () async {},
                    ),
                    FikoYTButton(
                      text: "📂 Dosyalarım",
                      tema: Theme.of(context).extension<FikoYTButtonTheme>()?.copyWith(
                            fontSize: 10,
                            textAlign: TextAlign.start,
                            edgePadding: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 5),
                            textStrokeWidth: 0,
                            textColor: Colors.black87,
                            textStrokeColor: Colors.transparent,
                          ),
                      onPressed: () async {},
                    ),
                    FikoYTButton(
                      text: "🛡️ Güvenlik",
                      tema: Theme.of(context).extension<FikoYTButtonTheme>()?.copyWith(
                            fontSize: 10,
                            textAlign: TextAlign.start,
                            edgePadding: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 5),
                            textStrokeWidth: 0,
                            textColor: Colors.black87,
                            textStrokeColor: Colors.transparent,
                          ),
                      onPressed: () async {},
                      onLongPress: () {},
                    ),
                  ],
                ),
              ),
            ),
          ),
        )
      ],
    );
  }
}