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

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

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

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Theme.of(context).extension<FikoTheme>()?.backgroundColor,
      body: Center(
        child: Stack(
          alignment: Alignment.topCenter,
          // mainAxisSize: MainAxisSize.min,
          // crossAxisAlignment: CrossAxisAlignment.start,
          // mainAxisAlignment: MainAxisAlignment.start,
          children: [
            // Center(
            //   child: Image.asset(
            //     "assets/core/icons/fikoyt-4.png",
            //   ),
            // ),
            Center(
              child: Container(
                width: double.infinity,
                height: double.infinity,
                constraints: BoxConstraints(
                  maxWidth: 1200,
                  maxHeight: 500,
                ),
                child: Container(
                  width: 1200,
                  height: 500,
                  clipBehavior: Clip.antiAlias,
                  decoration: BoxDecoration(
                    shape: BoxShape.rectangle,
                    image: DecorationImage(image: AssetImage("assets/hmi/cnc.png"), fit: BoxFit.contain, opacity: 0.1),
                    // backgroundBlendMode: BlendMode.multiply,
                    // borderRadius: BorderRadius.circular(185),
                    boxShadow: [
                      // BoxShadow(
                      //   color: Colors.grey.withOpacity(0.2),
                      //   spreadRadius: 5,
                      //   blurRadius: 7,
                      //   offset: const Offset(0, 3), // changes position of shadow
                      // ),
                    ],
                  ),
                  // child: Column(
                  //   crossAxisAlignment: CrossAxisAlignment.end,
                  //   mainAxisAlignment: MainAxisAlignment.end,
                  //   children: [
                  //     FikoYTButton(
                  //       text: "Uyar Döküm",
                  //       tema: FikoYTButtonTheme(fontSize: 56, textColor: Colors.white, textStrokeColor: Colors.black, textStrokeWidth: 5),
                  //     ),
                  //     FikoYTButton(
                  //       text: "FikoYT İle Gelecek Bugünde",
                  //       tema: FikoYTButtonTheme(fontSize: 14, textColor: Colors.yellow, textStrokeColor: Colors.black, textStrokeWidth: 3),
                  //     ),
                  //   ],
                  // ),

                  //     FikoYTVideoPlayer(
                  //   videoFilePath: "assets/hmi/uyar-intro.mp4",
                  //   autoPlay: true,
                  //   loop: true,
                  //   showControls: false,
                  //   showOptions: false,
                  //   showControlsOnInitialize: false,
                  // ),
                ),
              ),
            ).animate(
              effects: [
                ScaleEffect(
                  delay: 10000.ms,
                  duration: 4000.ms,
                  begin: Offset(0.9, .9),
                  end: Offset(1, 1),
                ),
                // ShakeEffect(
                //   delay: 20000.ms,
                //   duration: 4000.ms,
                //   hz: 0.4,
                // ),
              ],
              onPlay: (controller) {
                controller.repeat(reverse: true, period: 5000.ms);
              },
            ),
            SingleChildScrollView(
              physics: BouncingScrollPhysics(),
              child: Column(
                children: [
                  FikoYTButton(
                    text: "Pano Ekranı",
                    tema: FikoYTButtonTheme(
                      fontSize: 36,
                      textColor: Colors.black,
                      textStrokeColor: Colors.transparent,
                      textStrokeWidth: 0,
                      textShadow: [
                        Shadow(
                          color: Colors.black38,
                          blurRadius: 14,
                        )
                      ],
                    ),
                  ),
                  Divider(),
                  Center(
                    child: SizedBox(
                      width: 300,
                      child: FikoYTButton(
                        text: "Dünün Şampiyonu",
                        tema: FikoYTButtonTheme(
                          fontSize: 24,
                          textColor: Colors.white,
                          textStrokeColor: Colors.black,
                          textStrokeWidth: 2,
                          backgroundColor: Colors.black.withAlpha(150),
                          radius: 45,
                          textShadow: [
                            Shadow(
                              color: Colors.white,
                              blurRadius: 15,
                            ),
                          ],
                        ),
                      ),
                    ),
                  ),
                  Center(
                    child: Container(
                      width: double.infinity,
                      height: double.infinity,
                      constraints: const BoxConstraints(
                        maxHeight: 300, // Maksimum yükseklik
                      ),
                      child: LayoutBuilder(
                        builder: (context, constraints) {
                          final maxDimension = constraints.maxHeight; // En fazla izin verilen boyut
                          FikoYTEvent<String?>('FikoYT.uyar.resim.cache.value').$value;
                          return Center(
                            child: Container(
                              width: maxDimension, // Genişlik ve yükseklik eşit olacak
                              height: maxDimension,
                              decoration: BoxDecoration(
                                shape: BoxShape.circle,
                                image: DecorationImage(
                                  image: NetworkImage(
                                    "https://fikoyt.com:3000/fikoyt.com.FikoYT.sistem.kullanici.6766beb34ae4043565481482.profilResmi?boyut=1024x?&t=${FikoYTEvent<String?>('FikoYT.uyar.resim.cache.value').$value}",
                                  ),
                                  fit: BoxFit.contain, // Oran korunarak sığdırma
                                ),
                                boxShadow: [
                                  BoxShadow(
                                    color: Colors.grey.withOpacity(0.8),
                                    spreadRadius: 5,
                                    blurRadius: 7,
                                    offset: const Offset(0, 3), // Gölge pozisyonu
                                  ),
                                ],
                              ),
                            ),
                          );
                        },
                      ),
                    ),
                  ),
                  Center(
                    child: SizedBox(
                      width: 350,
                      child: FikoYTButton(
                        text: "Burcu TOPALOĞLU",
                        tema: FikoYTButtonTheme(
                          fontSize: 24,
                          textColor: Colors.yellow,
                          textStrokeColor: Colors.black,
                          textStrokeWidth: 3,
                          backgroundColor: Colors.black.withAlpha(150),
                          textShadow: [
                            Shadow(
                              color: Colors.white,
                              blurRadius: 15,
                            ),
                          ],
                        ),
                      ),
                    ),
                  ),
                  Wrap(
                    children: [
                      istatistikKart(
                        context,
                        adet: 70,
                      ),
                      istatistikKart(context, baslik: "Haftalık Adet", adet: 700),
                      istatistikKart(context, baslik: "Aylık Adet", adet: 5400),
                      istatistikKart(context, baslik: "Adetler Tümü"),
                    ],
                  ),
                ],
              ),
            )
          ],
        ),
      ),
    );
  }

  Card istatistikKart(BuildContext context, {String? baslik = "Günlük Adet", int? adet = 0}) {
    return Card(
      elevation: 5,
      clipBehavior: Clip.none,
      child: Container(
        constraints: const BoxConstraints(maxWidth: double.infinity, maxHeight: double.infinity),
        width: 150,
        // height: 150,
        // height: height ?? double.infinity,
        // height: 450,
        // margin: const EdgeInsets.all(2.0),
        padding: const EdgeInsets.all(5.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: [
            Row(
              children: [
                // FikoYTButton(
                //   text: "👑",
                //   onPressed: () {},
                // ),
                Expanded(
                  child: FikoYTButton(
                    text: baslik,
                    tema: FikoYTButtonTheme(
                      textColor: Theme.of(context).extension<FikoTheme>()?.textColor,
                    ),
                  ),
                ),
                // FikoYTButton(
                //   text: "⚙️",
                //   onPressed: () {},
                // ),
              ],
            ),
            Divider(
              height: 5,
            ),
            AnimatedNumberFikoYTButton1(
              text: adet?.toDouble(),
              textBuilder: (tweenValue) => "${tweenValue?.toInt()}",
              tema: FikoYTButtonTheme(
                textColor: Theme.of(context).extension<FikoTheme>()?.successTextColor,
                fontSize: 32,
                edgePadding: EdgeInsets.zero,
              ),
            ),
            Row(
              children: [
                Spacer(),
                FikoYTButton(
                  text: "Adet",
                  tema: FikoYTButtonTheme(
                    textColor: Theme.of(context).extension<FikoTheme>()?.textColor,
                    fontSize: 15,
                  ),
                ),
              ],
            ),
            FikoYTButton(
              text: "Ortalama Üretilen Parça Sayısı",
              tema: FikoYTButtonTheme(
                textColor: Theme.of(context).extension<FikoTheme>()?.successTextColor,
                fontSize: 12,
                textAlign: TextAlign.center,
              ),
            ),
          ],
        ),
      ),
    );
  }
}