import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:shuffle/core/l10n/l10n.dart';
import 'package:shuffle/core/routing/app_routes.dart';
import 'package:shuffle/core/theme/app_spacing.dart';
import 'package:shuffle/core/widgets/app_primary_button.dart';

/// Hint card for signed-out users with the way to sign in and to register
/// (Spec #49 E1, QUE-09 Kriterium 13). Contains no logic: the host decides
/// whether to show it (see `showSignInPromptProvider`).
///
/// At most [AppBreakpoints.authCardMaxWidth] wide. Heading, text and both
/// buttons are separate semantics nodes in reading and tab order.
class SignInPrompt extends StatelessWidget {
  const SignInPrompt({super.key});

  @override
  Widget build(BuildContext context) {
    final l10n = context.l10n;
    final textTheme = Theme.of(context).textTheme;
    return ConstrainedBox(
      constraints: const BoxConstraints(
        maxWidth: AppBreakpoints.authCardMaxWidth,
      ),
      child: Card(
        key: const Key('sign_in_prompt'),
        // Card is a semantics container; keep the children separate.
        child: Semantics(
          explicitChildNodes: true,
          child: Padding(
            padding: const EdgeInsets.all(AppSpacing.xl),
            child: FocusTraversalGroup(
              policy: ReadingOrderTraversalPolicy(),
              child: Column(
                mainAxisSize: MainAxisSize.min,
                crossAxisAlignment: CrossAxisAlignment.stretch,
                children: [
                  Semantics(
                    header: true,
                    child: Text(
                      l10n.signInPromptTitle,
                      key: const Key('sign_in_prompt_title'),
                      style: textTheme.titleLarge,
                    ),
                  ),
                  const SizedBox(height: AppSpacing.sm),
                  Text(
                    l10n.signInPromptBody,
                    key: const Key('sign_in_prompt_body'),
                    style: textTheme.bodyMedium,
                  ),
                  const SizedBox(height: AppSpacing.xl),
                  AppPrimaryButton(
                    key: const Key('sign_in_prompt_sign_in'),
                    label: l10n.signInPromptSignIn,
                    onPressed: () => context.go(AppRoutes.login),
                  ),
                  const SizedBox(height: AppSpacing.md),
                  OutlinedButton(
                    key: const Key('sign_in_prompt_register'),
                    onPressed: () => context.go(AppRoutes.register),
                    child: Text(
                      l10n.signInPromptRegister,
                      textAlign: TextAlign.center,
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}