import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import '../../../core/constants/error_whitelist.dart';
import '../../../core/services/auth_proxy_service.dart';
import 'package:userfront/i18n.dart';

class ErrorScreen extends StatelessWidget {
  final String? errorId;
  final String? errorCode;
  final String? description;
  final bool? isProdOverride;

  const ErrorScreen({
    super.key,
    this.errorId,
    this.errorCode,
    this.description,
    this.isProdOverride,
  });

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    final isProd = isProdOverride ?? AuthProxyService.isProdEnv;
    final normalizedCode = (errorCode ?? '').trim();
    final hasCode = normalizedCode.isNotEmpty;
    final whitelistFallback = errorWhitelistMessages[normalizedCode];
    final isWhitelisted = whitelistFallback != null;
    final errorType = isProd
        ? (isWhitelisted && hasCode ? normalizedCode : 'unknown_error')
        : (hasCode ? normalizedCode : 'unknown_error');
    final title = isProd
        ? tr('msg.userfront.error.title', fallback: '인증 과정에서 오류가 발생했습니다')
        : (hasCode
            ? tr(
                'msg.userfront.error.title_with_code',
                fallback: '오류: {{code}}',
                params: {'code': normalizedCode},
              )
            : tr('msg.userfront.error.title_generic', fallback: '오류가 발생했습니다'));
    final detail = isProd
        ? (isWhitelisted
            ? tr(
                'msg.userfront.error.whitelist.$normalizedCode',
                fallback: whitelistFallback,
              )
            : tr(
                'msg.userfront.error.detail_contact',
                fallback: '에러가 계속되면 관리자에게 문의해주세요',
              ))
        : ((description?.isNotEmpty == true)
            ? description!
            : (hasCode
                ? tr('msg.userfront.error.detail_generic', fallback: '오류가 발생했습니다.')
                : tr(
                    'msg.userfront.error.detail_request',
                    fallback: '요청을 처리하는 중 문제가 발생했습니다.',
                  )));

    return Scaffold(
      backgroundColor: const Color(0xFFF7F8FA),
      body: Center(
        child: ConstrainedBox(
          constraints: const BoxConstraints(maxWidth: 560),
          child: Card(
            margin: const EdgeInsets.symmetric(horizontal: 24),
            elevation: 0,
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(16),
              side: const BorderSide(color: Color(0xFFE5E7EB)),
            ),
            child: Padding(
              padding: const EdgeInsets.fromLTRB(28, 28, 28, 24),
              child: Column(
                mainAxisSize: MainAxisSize.min,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    title,
                    style: theme.textTheme.titleLarge?.copyWith(
                      fontWeight: FontWeight.w700,
                      color: const Color(0xFF111827),
                    ),
                  ),
                  const SizedBox(height: 12),
                  Text(
                    detail,
                    style: theme.textTheme.bodyMedium?.copyWith(
                      color: const Color(0xFF4B5563),
                      height: 1.5,
                    ),
                  ),
                  const SizedBox(height: 12),
                  Text(
                    tr(
                      'msg.userfront.error.type',
                      fallback: '오류 종류: {{type}}',
                      params: {'type': errorType},
                    ),
                    style: theme.textTheme.bodySmall?.copyWith(
                      color: const Color(0xFF6B7280),
                    ),
                  ),
                  if (errorId != null && errorId!.isNotEmpty) ...[
                    const SizedBox(height: 12),
                    Text(
                      tr(
                        'msg.userfront.error.id',
                        fallback: '오류 ID: {{id}}',
                        params: {'id': errorId!},
                      ),
                      style: theme.textTheme.bodySmall?.copyWith(
                        color: const Color(0xFF6B7280),
                      ),
                    ),
                  ],
                  const SizedBox(height: 20),
                  Wrap(
                    spacing: 12,
                    runSpacing: 12,
                    children: [
                      ElevatedButton(
                        onPressed: () => context.go('/login'),
                        style: ElevatedButton.styleFrom(
                          backgroundColor: const Color(0xFF111827),
                          foregroundColor: Colors.white,
                          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(10),
                          ),
                        ),
                        child: Text(
                          tr('ui.userfront.error.go_login', fallback: '로그인으로 이동'),
                        ),
                      ),
                      OutlinedButton(
                        onPressed: () => context.go('/'),
                        style: OutlinedButton.styleFrom(
                          foregroundColor: const Color(0xFF111827),
                          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
                          side: const BorderSide(color: Color(0xFFCBD5F5)),
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(10),
                          ),
                        ),
                        child: Text(
                          tr('ui.userfront.error.go_home', fallback: '홈으로 이동'),
                        ),
                      ),
                    ],
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}