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

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

  @override
  State<BootScreen> createState() => _BootScreenState();
}

class _BootScreenState extends State<BootScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: StaggeredAnimationWrapper(
        duration: Duration(seconds: 5),
        effect: AnimationEffect.slide,
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                const Image(
                  image: AssetImage('assets/core/icons/logo.png'),
                  // width: 256,
                  height: 256,
                  filterQuality: FilterQuality.high,
                ).animate(
                  effects: [RotateEffect(duration: 2000.ms)],
                  onPlay: (controller) {
                    controller.repeat(reverse: false);
                  },
                ),
                const Image(image: AssetImage('assets/core/icons/fikoyt-4.png'), filterQuality: FilterQuality.high).animate(
                  effects: [ShakeEffect(delay: 10000.ms, duration: 4000.ms, hz: 0.4)],
                  onPlay: (controller) {
                    controller.repeat(reverse: true, period: 3000.ms);
                  },
                ),
                FikoYTButton(text: "loading".tr(variables: {"name": "FikoYT"}), tema: FikoYTButtonTheme(fontSize: 16)),
                SizedBox(
                  height: 14,
                  width: 300,
                  child: LinearProgressIndicator(
                    // value: -1,
                    semanticsLabel: 'Linear progress indicator',
                    borderRadius: BorderRadius.all(Radius.circular(15)),
                  ),
                ),
                SizedBox(height: 10),
                Center(
                  child: SizedBox(
                    width: 250,
                    child: FikoYTButton(
                      text: "greeting".tr(variables: {"name": "FikoYT"}),
                      tema: FikoYTButtonTheme(fontSize: 14, edgePadding: EdgeInsets.symmetric(horizontal: 15, vertical: 5), fontWeight: FontWeight.bold, textColor: Colors.blueAccent, borderColor: Colors.lightBlue),
                      onPressed: () {
                        if (FikoYTTranslationManager().languageCode == "tr") {
                          FikoYTTranslationManager().languageCode = "us";
                        } else {
                          FikoYTTranslationManager().languageCode = "tr";
                        }
                        setState(() {});
                        FikoYTCoreService.parlaklik.refresh();
                      },
                    ),
                  ),
                ),
                Center(
                  child: SizedBox(
                    width: 250,
                    child: FikoYTButton(
                      text: FikoYTTranslationManager().languageCode.toFlag,
                      tema: FikoYTButtonTheme(fontSize: 14, edgePadding: EdgeInsets.symmetric(horizontal: 15, vertical: 5), fontWeight: FontWeight.bold, textColor: Colors.blueAccent, borderColor: Colors.lightBlue),
                      onPressed: () async {
                        FikoYTCoreService.socket.emit("message", await FikoYTCoreService.getDeviceID());
                      },
                    ),
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}