// 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 PersonDashWidget extends StatefulWidget {
  const PersonDashWidget({super.key});

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

class _PersonDashWidgetState extends State<PersonDashWidget> {
  @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: "Personel Paneli",
                  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: [
                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}",
                  tema: FikoYTOvalResimTheme(
                    borderColor: Colors.blue,
                    spacing: 10,
                    radius: 96,
                  ),
                ),
                // Center(
                //   child: Stack(
                //     alignment: Alignment.center,
                //     children: [
                //       CircleAvatar(
                //         backgroundColor: Colors.blue.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: Image.network(
                //                   "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}",
                //                   fit: BoxFit.cover,
                //                   loadingBuilder: (context, child, loadingProgress) {
                //                     if (loadingProgress == null) return child;
                //                     return Center(
                //                       child: CircularProgressIndicator(
                //                         value: loadingProgress.expectedTotalBytes != null ? loadingProgress.cumulativeBytesLoaded / (loadingProgress.expectedTotalBytes ?? 0).toDouble() : null,
                //                       ),
                //                     );
                //                   },
                //                 ), // İş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();
  }
}