import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:introduction_screen/introduction_screen.dart';
import 'package:paperless_mobile/core/global/asset_images.dart';
import 'package:paperless_mobile/di_initializer.dart';
import 'package:paperless_mobile/features/settings/bloc/application_settings_cubit.dart';
import 'package:paperless_mobile/features/settings/view/widgets/biometric_authentication_setting.dart';
import 'package:paperless_mobile/features/settings/view/widgets/language_selection_setting.dart';
import 'package:paperless_mobile/features/settings/view/widgets/theme_mode_setting.dart';
import 'package:paperless_mobile/generated/l10n.dart';

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

  @override
  State<ApplicationIntroSlideshow> createState() =>
      _ApplicationIntroSlideshowState();
}

class _ApplicationIntroSlideshowState extends State<ApplicationIntroSlideshow> {
  AssetImage secureImage = AssetImages.secureDocuments.image;
  AssetImage successImage = AssetImages.success.image;

  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async => false,
      child: BlocProvider.value(
        value: getIt<ApplicationSettingsCubit>(),
        child: IntroductionScreen(
          globalBackgroundColor: Theme.of(context).canvasColor,
          showDoneButton: true,
          next: Text(S.of(context).onboardingNextButtonLabel),
          done: Text(S.of(context).onboardingDoneButtonLabel),
          onDone: () => Navigator.pop(context),
          dotsDecorator: DotsDecorator(
            color: Theme.of(context).colorScheme.onBackground,
            activeColor: Theme.of(context).colorScheme.primary,
            activeSize: const Size(16.0, 8.0),
            activeShape: const RoundedRectangleBorder(
              borderRadius: BorderRadius.all(Radius.circular(25.0)),
            ),
          ),
          pages: [
            PageViewModel(
              titleWidget: Text(
                "Always right at your fingertip",
                style: Theme.of(context).textTheme.titleLarge,
              ),
              image: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Image(
                  image: AssetImages.organizeDocuments.image,
                ),
              ),
              bodyWidget: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: [
                  Text(
                    "Organizing documents was never this easy",
                    textAlign: TextAlign.center,
                  ),
                ],
              ),
            ),
            PageViewModel(
              titleWidget: Text(
                "Accessible only by you",
                style: Theme.of(context).textTheme.titleLarge,
              ),
              image: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Image(image: AssetImages.secureDocuments.image),
              ),
              bodyWidget: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: [
                  Text(
                    "Secure your documents with biometric authentication and client certificates",
                    textAlign: TextAlign.center,
                  ),
                ],
              ),
            ),
            PageViewModel(
              titleWidget: Text(
                "You're almost done",
                style: Theme.of(context).textTheme.titleLarge,
              ),
              image: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Image(image: AssetImages.success.image),
              ),
              bodyWidget: Column(
                children: const [
                  BiometricAuthenticationSetting(),
                  LanguageSelectionSetting(),
                  ThemeModeSetting(),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}