// 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: [
                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: Center(
                                  child: Image.network("https://fikoyt.com:8000/fikoyt.com.FikoYT.sistem.aktifKullanici.hareketler.65235a890b9648bbf96bb8e1.resim?boyut=240x?"),
                                ),
                              ),
                            ],
                          ),
                        ),
                      ),
                    ],
                  ), //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();
  }
}