import 'package:flutter/material.dart';
// import 'package:flutter_animator/flutter_animator.dart';
import 'package:get/get.dart';
import 'package:vrouter/vrouter.dart';
import 'package:flutter_animate/flutter_animate.dart';
import '../routes.dart';
import '../theme.dart';
import 'fiko_scroll_behaviour.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

class FikoApp extends StatelessWidget {
  const FikoApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return VRouterScope(
      child: GetMaterialApp.router(
        title: 'FikoYT App',

        routerDelegate: VRouterDelegate(
          buildTransition: (animation, secondaryAnimation, child) {
            // return SlideTransition(
            //   position: Tween<Offset>(
            //     begin: const Offset(0.0, 1.0),
            //     end: Offset.zero,
            //   ).animate(animation),
            //   child: SlideTransition(
            //     position: Tween<Offset>(
            //       begin: Offset.zero,
            //       end: const Offset(0.0, 1.0),
            //     ).animate(secondaryAnimation),
            //     child: child.animate(effects: [
            //       // FadeEffect(duration: 1000.ms, curve: Curves.easeIn),
            //       // ScaleEffect(begin: const Offset(0.2, 0.2),duration: 500.ms, curve: Curves.easeIn),
            //       BlurEffect(
            //         duration: 1000.ms,
            //         begin: Offset(3, 3),
            //         end: Offset(0, 0),
            //       ),
            //       ShimmerEffect(duration: 750.ms, curve: Curves.easeIn),
            //     ]),
            //   ),
            // );

            return child.animate(effects: [
              // FadeEffect(duration: 1000.ms, curve: Curves.easeIn),
              // ScaleEffect(begin: const Offset(0.2, 0.2),duration: 500.ms, curve: Curves.easeIn),
              const FadeEffect(),
              SaturateEffect(
                  delay: 1000.ms, duration: 500.ms, curve: Curves.easeIn),
              BlurEffect(
                duration: 600.ms,
                begin: const Offset(3, 3),
                end: const Offset(0, 0),
              ),
              ShimmerEffect(
                  delay: 1000.ms, duration: 1000.ms, curve: Curves.easeIn),
            ]);
          },
          routes: routes,
          initialUrl: "/",
        ),
        routeInformationParser: VRouteInformationParser(),
        backButtonDispatcher: VBackButtonDispatcher(),

        // translations: Translate(),
        localizationsDelegates: const [
          GlobalMaterialLocalizations.delegate,
          GlobalWidgetsLocalizations.delegate,
          GlobalCupertinoLocalizations.delegate,
        ],
        supportedLocales: const [
          Locale('en'),
          Locale('tr'),
        ],
        locale: const Locale('tr', 'TR'),
        // supportedLocales: const [ Locale('tr', 'TR')],
        fallbackLocale: const Locale('tr', 'TR'),
        scrollBehavior: FikoScrollBehavior(),
        theme: FikoTheme.lightTheme,
        debugShowCheckedModeBanner: false,
        debugShowMaterialGrid: false,
        showSemanticsDebugger: false,
        // localizationsDelegates: const [
        //   GlobalMaterialLocalizations.delegate,
        //   GlobalCupertinoLocalizations.delegate,
        //   GlobalWidgetsLocalizations.delegate,
        // ],
        // supportedLocales: const [Locale('tr', 'TR')],
      ),
    );
  }
}