// ignore_for_file: non_constant_identifier_names, library_private_types_in_public_api

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

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

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

class _UnknownDashWidgetState extends State<UnknownDashWidget> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Theme.of(context).extension<FikoTheme>()?.backgroundColor,
      body: SingleChildScrollView(
        child:
            //  StaggeredAnimationWrapper(
            //   duration: Duration(seconds: 2),
            //   effect: AnimationEffect.scale,
            //   child:
            Column(
          children: [
            SizedBox(
              height: 11,
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Expanded(
                  child: Divider(
                    indent: 20.0,
                    endIndent: 10.0,
                    thickness: 1,
                  ),
                ),
                FikoYTButton(
                  text: "Bilinmeyen Kart",
                  tema: FikoYTButtonTheme(
                    fontSize: 24,
                    textColor: Theme.of(context).extension<FikoTheme>()?.textColor?.withAlpha(200),
                    textShadow: [
                      Shadow(
                        blurRadius: 5,
                        color: Theme.of(context).extension<FikoTheme>()?.shadowColor?.withAlpha(200) ?? Colors.white,
                      ),
                    ],
                    textStrokeWidth: 0,
                  ),
                ),
                Expanded(
                  child: Divider(
                    indent: 10.0,
                    endIndent: 0.0,
                    thickness: 1,
                  ),
                ),
              ],
            ),
            /** */
            Column(
              children: [
                Center(
                  child: Stack(
                    alignment: Alignment.center,
                    children: [
                      CircleAvatar(
                        backgroundColor: Colors.red.shade700,
                        radius: (54) + 10.0, //CircleAvatar
                      ),
                      CircleAvatar(
                        backgroundColor: Theme.of(context).extension<FikoTheme>()?.backgroundColor,
                        radius: 54,
                        child: ClipOval(
                          child: Stack(
                            alignment: Alignment.center,
                            children: [
                              Positioned(
                                top: -3,
                                left: -3,
                                right: -3,
                                bottom: -3,
                                child: Center(
                                  child: Obx(
                                    () => Image.network(
                                      "https://fikoyt.com:3000/fikoyt.com.FikoYT.sistem.dosyalar.${FikoYTEvent('FikoYT.uyar.nfc.kullanici').value?["profilResmi"]}.resim?boyut=480x?",
                                      fit: BoxFit.cover,
                                    ), // İşte burada XFile'dan resim gösteriliyor
                                  ),
                                ),
                              ),
                            ],
                          ),
                        ),
                      ),
                    ],
                  ), //CircleAvatar
                ),
                SizedBox(
                  height: 10,
                ),
                FikoYTButton(
                  text: "Fikri TOPALOĞLU",
                  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,
                  ),
                ),
                // Container(
                //   alignment: Alignment.centerLeft,
                //   padding: const EdgeInsets.all(1),
                //   constraints: BoxConstraints(maxWidth: 400),
                //   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: () {},
                //             ),
                //             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: () {},
                //             ),
                //           ],
                //         ),
                //       ),
                //     ),
                //   ),
                // )
              ],
            ),

            /** */
            // Wrap(
            //   children: [
            //     FikoYTImageTextButton(
            //       onPressed: () {},
            //       image: AssetImage('assets/hmi/cnc.png'),
            //       text: FikoYTButton(
            //         text: 'Devamsızlık Puantaj',
            //         tema: FikoYTButtonTheme(
            //           textColor: Theme.of(context).extension<FikoTheme>()?.infoTextColor,
            //           textShadow: [
            //             Shadow(
            //               blurRadius: 1,
            //               color: Theme.of(context).extension<FikoTheme>()?.infoTextColor ?? Colors.black38,
            //             )
            //           ],
            //         ),
            //       ),
            //     ),
            //     FikoYTEmojicTextButton(
            //       onPressed: () {},
            //       emoji: "🤖",
            //       text: FikoYTButton(
            //         text: 'Devamsızlık Puantaj',
            //         tema: FikoYTButtonTheme(
            //           textColor: Theme.of(context).extension<FikoTheme>()?.infoTextColor,
            //           textShadow: [
            //             Shadow(
            //               blurRadius: 1,
            //               color: Theme.of(context).extension<FikoTheme>()?.infoTextColor ?? Colors.black38,
            //             )
            //           ],
            //         ),
            //       ),
            //     ),
            //   ],
            // ),
          ],
        ),
      ),
      // ),
    );
  }

  @override
  void dispose() {
    super.dispose();
  }
}