import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

import 'package:linkdy/screens/onboarding/provider/onboarding.provider.dart';
import 'package:linkdy/screens/onboarding/ui/connect.dart';
import 'package:linkdy/screens/onboarding/ui/server_required.dart';
import 'package:linkdy/screens/onboarding/ui/welcome.dart';
import 'package:linkdy/widgets/system_overlay_style.dart';

import 'package:linkdy/config/sizes.dart';
import 'package:linkdy/constants/global_keys.dart';

class Onboarding extends ConsumerWidget {
  const Onboarding({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return OverlayStyle(
      child: ScaffoldMessenger(
        key: ScaffoldMessengerKeys.onboarding,
        child: Scaffold(
          body: SafeArea(
            child: LayoutBuilder(
              builder: (context, constraints) {
                return Center(
                  child: ConstrainedBox(
                    constraints: constraints.maxWidth > Sizes.tabletBreakpoint
                        ? BoxConstraints(
                            maxWidth: 500,
                            maxHeight: constraints.maxHeight > 800 ? 800 : constraints.maxHeight - 100,
                          )
                        : const BoxConstraints.expand(),
                    child: Container(
                      decoration: constraints.maxWidth > Sizes.tabletBreakpoint
                          ? BoxDecoration(
                              color: Theme.of(context).colorScheme.surface,
                              borderRadius: BorderRadius.circular(28),
                              boxShadow: [
                                BoxShadow(
                                  color: Colors.grey.withOpacity(0.5),
                                  spreadRadius: 5,
                                  blurRadius: 7,
                                  offset: const Offset(0, 3), // changes position of shadow
                                ),
                              ],
                            )
                          : null,
                      child: PageView(
                        controller: ref.watch(onboardingProvider).pageController,
                        physics: const NeverScrollableScrollPhysics(),
                        children: const [
                          OnboardingWelcome(),
                          OnboardingServerRequired(),
                          OnboardingConnect(),
                        ],
                      ),
                    ),
                  ),
                );
              },
            ),
          ),
        ),
      ),
    );
  }
}