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

import '../../../../core/router/app_routes.dart';
import '../../../../core/theme/app_colors.dart';
import '../../../../core/widgets/riotz_scaffold.dart';
import '../../../../core/widgets/riotz_button.dart';

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

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    
    return RiotzScaffold(
      body: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 32),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            const Spacer(flex: 2),
            // Brand Title
            Text(
              'RIOTZ',
              style: theme.textTheme.displayLarge?.copyWith(
                color: AppColors.white,
                height: 0.9,
              ),
            ),
            // Aesthetic Subtitle
            Container(
              color: AppColors.neonRed,
              padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
              child: Text(
                'UNDERGROUND // CHAOS // CULTURE',
                style: theme.textTheme.labelLarge?.copyWith(
                  color: AppColors.white,
                  letterSpacing: 1.5,
                  fontSize: 12,
                ),
              ),
            ),
            const SizedBox(height: 24),
            Text(
              'THE PREMIER PLATFORM FOR PUNK RAP, RAGE CULTURE, AND ALT FASHION.',
              style: theme.textTheme.bodyLarge?.copyWith(
                fontWeight: FontWeight.bold,
                letterSpacing: -0.5,
              ),
            ),
            const Spacer(),
            // Actions
            RiotzButton(
              label: 'Enter the Chaos',
              onPressed: () => context.go(AppRoutes.login),
            ),
            const SizedBox(height: 16),
            RiotzButton(
              label: 'Join the RIOT',
              style: RiotzButtonStyle.outline,
              onPressed: () => context.go(AppRoutes.signup),
            ),
            const SizedBox(height: 48),
          ],
        ),
      ),
    );
  }
}