import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:get_it/get_it.dart';

import '../../domain/entities/server_config.dart';
import 'package:messenger_app/features/settings/presentation/bloc/settings_bloc.dart';
import 'package:messenger_app/features/settings/presentation/bloc/settings_event.dart';
import 'package:messenger_app/features/settings/presentation/bloc/settings_state.dart';
import 'package:messenger_app/features/auth/presentation/bloc/auth_bloc.dart';
import 'package:messenger_app/features/auth/presentation/bloc/auth_state.dart';
import 'package:messenger_app/features/auth/presentation/bloc/auth_event.dart';
import 'package:messenger_app/l10n/app_localizations.dart';

final sl = GetIt.instance;

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

  @override
  Widget build(BuildContext context) {
    // BlocProvider is now at the top level in app.dart
    return const _SettingsContent();
  }
}

class _SettingsContent extends StatelessWidget {
  const _SettingsContent();

  @override
  Widget build(BuildContext context) {
    final l10n = AppLocalizations.of(context)!;
    return Scaffold(
      appBar: AppBar(
        title: Text(l10n.settings),
      ),
      body: BlocBuilder<SettingsBloc, SettingsState>(
        builder: (context, state) {
          return state.when(
            initial: () => _SettingsContentImpl(
              apiUrl: '',
              serverConfig: null,
              languageCode: 'ru',
              connectionStatus: ConnectionStatus.unknown,
            ),
            loading: () => const Center(child: CircularProgressIndicator()),
            loaded: (apiUrl, serverConfig, languageCode, error, connectionStatus) => _SettingsContentImpl(
              apiUrl: apiUrl,
              serverConfig: serverConfig,
              languageCode: languageCode,
              connectionStatus: connectionStatus,
              connectionError: error,
            ),
            error: (message) => Center(child: Text('${l10n.error}: $message')),
          );
        },
      ),
    );
  }
}

class _SettingsContentImpl extends StatelessWidget {
  final String apiUrl;
  final ServerConfig? serverConfig;
  final String languageCode;
  final ConnectionStatus connectionStatus;
  final String? connectionError;

  const _SettingsContentImpl({
    required this.apiUrl,
    required this.serverConfig,
    required this.languageCode,
    this.connectionStatus = ConnectionStatus.unknown,
    this.connectionError,
  });

  @override
  Widget build(BuildContext context) {
    final l10n = AppLocalizations.of(context)!;
    return ListView(
      children: [
        _SectionHeader(title: l10n.serverSettings),
        _ApiUrlTile(
          apiUrl: apiUrl,
          connectionStatus: connectionStatus,
          connectionError: connectionError,
          onSave: (url) {
            context.read<SettingsBloc>().add(SettingsApiUrlSaved(url));
          },
        ),
        const Divider(),

        _SectionHeader(title: l10n.language),
        _LanguageTile(
          currentCode: languageCode,
          onChanged: (code) {
            context.read<SettingsBloc>().add(SettingsLanguageChanged(code));
          },
        ),
        const Divider(),

        if (serverConfig != null) ...[
          _SectionHeader(title: l10n.serverConfig),
          _ConfigModuleCard(
            title: l10n.system,
            icon: Icons.computer,
            children: [
              _ConfigItem(
                label: l10n.domainUrl, 
                value: serverConfig!.system.domainUrl.contains('example.com') ? apiUrl : serverConfig!.system.domainUrl,
              ),
              _ConfigItem(label: l10n.registrationStatus, value: serverConfig!.system.enableRegistration ? l10n.enabled : l10n.disabled),
            ],
          ),
          _ConfigModuleCard(
            title: l10n.messages,
            icon: Icons.message,
            children: [
              _ConfigItem(
                label: l10n.dailyLimit, 
                value: serverConfig!.messages.dailyMessageLimitPerUser == 0 ? l10n.noLimit : '${serverConfig!.messages.dailyMessageLimitPerUser}',
              ),
              _ConfigItem(
                label: l10n.historyLimit, 
                value: serverConfig!.messages.chatMessageLimit == 0 ? l10n.noLimit : '${serverConfig!.messages.chatMessageLimit}',
              ),
              _ConfigItem(
                label: l10n.maxFileSize, 
                value: '${(serverConfig!.messages.maxFileSize / 1024 / 1024).toStringAsFixed(0)} MB',
              ),
              _ConfigItem(label: l10n.allowMedia, value: serverConfig!.messages.allowMedia ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.voice, value: serverConfig!.messages.allowVoiceMessages ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.allowForwarding, value: serverConfig!.messages.allowForwarding ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.allowReactions, value: serverConfig!.messages.allowReactions ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.allowReplies, value: serverConfig!.messages.allowReplies ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.allowQuoting, value: serverConfig!.messages.allowQuoting ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.allowMessageDeletion, value: serverConfig!.messages.allowMessageDeletion ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.forbidCopying, value: serverConfig!.messages.forbidCopying ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.allowLinks, value: serverConfig!.messages.allowLinks ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.allowPolls, value: serverConfig!.messages.allowPolls ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.allowPinning, value: serverConfig!.messages.allowPinning ? l10n.enabled : l10n.disabled),
            ],
          ),
          _ConfigModuleCard(
            title: l10n.calls,
            icon: Icons.call,
            children: [
              _ConfigItem(label: l10n.enabled, value: serverConfig!.webRtc.enabled ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.voice, value: serverConfig!.webRtc.enableVoiceCalls ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.video, value: serverConfig!.webRtc.enableVideoCalls ? l10n.enabled : l10n.disabled),
            ],
          ),
          _ConfigModuleCard(
            title: l10n.stories,
            icon: Icons.auto_stories,
            children: [
              _ConfigItem(label: l10n.enabled, value: serverConfig!.stories.enabled ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.lifetime, value: '${serverConfig!.stories.storyLifetimeHours}${l10n.hours}'),
            ],
          ),
          _ConfigModuleCard(
            title: l10n.chatsModule,
            icon: Icons.chat_bubble,
            children: [
              _ConfigItem(label: l10n.groups, value: serverConfig!.chats.supportGroups ? l10n.enabled : l10n.disabled),
              _ConfigItem(label: l10n.maxParticipants, value: '${serverConfig!.chats.maxGroupParticipants}'),
            ],
          ),
          if (serverConfig!.federation.enabled)
            _ConfigModuleCard(
              title: l10n.federation,
              icon: Icons.public,
              children: [
                _ConfigItem(label: l10n.description, value: serverConfig!.federation.serverDescription),
              ],
            ),
          const Divider(),
        ],

        if (serverConfig == null)
          ListTile(
            leading: const Icon(Icons.refresh),
            title: Text(l10n.retry),
            onTap: () {
              context.read<SettingsBloc>().add(const SettingsRefreshConfig());
            },
          ),

        _SectionHeader(title: l10n.settings),
        _SettingsTile(
          icon: Icons.notifications_outlined,
          title: l10n.notifications,
          onTap: () {},
        ),
        _SettingsTile(
          icon: Icons.security,
          title: l10n.privacy,
          onTap: () {},
        ),
        _SettingsTile(
          icon: Icons.volume_up,
          title: l10n.soundsAndVibration,
          onTap: () {},
        ),
        _SettingsTile(
          icon: Icons.storage,
          title: l10n.dataAndStorage,
          onTap: () {},
        ),
        const Divider(),

        _SettingsTile(
          icon: Icons.info_outline,
          title: l10n.aboutApp,
          subtitle: '${l10n.version} 1.0.0',
          onTap: () {},
        ),
        _SettingsTile(
          icon: Icons.help_outline,
          title: l10n.help,
          onTap: () {},
        ),
        const Divider(),

        BlocBuilder<AuthBloc, AuthState>(
          builder: (context, authState) {
            final isAuthenticated = authState.when(
              initial: () => false,
              loading: () => false,
              authenticated: (_) => true,
              unauthenticated: () => false,
              error: (_) => false,
            );

            if (!isAuthenticated) return const SizedBox.shrink();

            return Padding(
              padding: const EdgeInsets.all(16),
              child: OutlinedButton(
                onPressed: () {
                  context.read<AuthBloc>().add(const AuthEvent.logoutRequested());
                },
                style: OutlinedButton.styleFrom(
                  foregroundColor: Colors.red,
                  side: const BorderSide(color: Colors.red),
                ),
                child: Padding(
                  padding: const EdgeInsets.symmetric(vertical: 12),
                  child: Text(l10n.logout),
                ),
              ),
            );
          },
        ),
      ],
    );
  }
}

class _SectionHeader extends StatelessWidget {
  final String title;

  const _SectionHeader({required this.title});

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(16, 16, 16, 8),
      child: Text(
        title.toUpperCase(),
        style: TextStyle(
          fontSize: 13,
          fontWeight: FontWeight.w600,
          color: Theme.of(context).colorScheme.primary,
          letterSpacing: 0.5,
        ),
      ),
    );
  }
}

class _ApiUrlTile extends StatefulWidget {
  final String apiUrl;
  final ConnectionStatus connectionStatus;
  final String? connectionError;
  final ValueChanged<String> onSave;

  const _ApiUrlTile({
    required this.apiUrl,
    required this.connectionStatus,
    this.connectionError,
    required this.onSave,
  });

  @override
  State<_ApiUrlTile> createState() => _ApiUrlTileState();
}

class _ApiUrlTileState extends State<_ApiUrlTile> {
  late final TextEditingController _controller;
  bool _isEditing = false;

  @override
  void initState() {
    super.initState();
    _controller = TextEditingController(text: widget.apiUrl);
  }

  @override
  void didUpdateWidget(covariant _ApiUrlTile oldWidget) {
    super.didUpdateWidget(oldWidget);
    if (oldWidget.apiUrl != widget.apiUrl) {
      _controller.text = widget.apiUrl;
    }
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  Widget _buildStatusIndicator(BuildContext context) {
    final l10n = AppLocalizations.of(context)!;
    switch (widget.connectionStatus) {
      case ConnectionStatus.checking:
        return const SizedBox(
          width: 16,
          height: 16,
          child: CircularProgressIndicator(strokeWidth: 2),
        );
      case ConnectionStatus.connected:
        return Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            Icon(Icons.check_circle, color: Colors.green[600], size: 18),
            const SizedBox(width: 4),
            Text(
              l10n.connected,
              style: TextStyle(color: Colors.green[700], fontSize: 12),
            ),
          ],
        );
      case ConnectionStatus.error:
        return Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            Icon(Icons.error_outline, color: Colors.red[600], size: 18),
            const SizedBox(width: 4),
            Flexible(
              child: Text(
                _getLocalError(context, widget.connectionError),
                style: TextStyle(color: Colors.red[700], fontSize: 12),
                overflow: TextOverflow.ellipsis,
              ),
            ),
          ],
        );
      case ConnectionStatus.unknown:
        return const SizedBox.shrink();
    }
  }

  String _getLocalError(BuildContext context, String? errorKey) {
    final l10n = AppLocalizations.of(context)!;
    if (errorKey == null) return l10n.serverConnectionError;
    
    switch (errorKey) {
      case 'unknownError': return l10n.unknownError;
      case 'networkError': return l10n.networkError;
      case 'serverError': return l10n.serverError;
      case 'parsingError': return l10n.parsingError;
      default: return errorKey;
    }
  }

  @override
  Widget build(BuildContext context) {
    final l10n = AppLocalizations.of(context)!;
    if (_isEditing) {
      return Padding(
        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
        child: Row(
          children: [
            Expanded(
              child: TextField(
                controller: _controller,
                decoration: InputDecoration(
                  labelText: l10n.apiUrl,
                  hintText: l10n.apiUrlHint,
                  border: const OutlineInputBorder(),
                  contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
                ),
                keyboardType: TextInputType.url,
              ),
            ),
            const SizedBox(width: 8),
            IconButton(
              icon: const Icon(Icons.check, color: Colors.green),
              onPressed: () {
                widget.onSave(_controller.text.trim());
                setState(() => _isEditing = false);
              },
            ),
            IconButton(
              icon: const Icon(Icons.close, color: Colors.red),
              onPressed: () {
                _controller.text = widget.apiUrl;
                setState(() => _isEditing = false);
              },
            ),
          ],
        ),
      );
    }

    return ListTile(
      leading: const Icon(Icons.link),
      title: Text(l10n.apiUrl),
      subtitle: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            widget.apiUrl.isEmpty ? l10n.apiUrlHint : widget.apiUrl,
            style: TextStyle(
              color: widget.apiUrl.isEmpty ? Colors.grey : null,
            ),
          ),
          const SizedBox(height: 2),
          _buildStatusIndicator(context),
        ],
      ),
      trailing: const Icon(Icons.edit),
      onTap: () => setState(() => _isEditing = true),
    );
  }
}

class _LanguageTile extends StatelessWidget {
  final String currentCode;
  final ValueChanged<String> onChanged;

  const _LanguageTile({
    required this.currentCode,
    required this.onChanged,
  });

  @override
  Widget build(BuildContext context) {
    final l10n = AppLocalizations.of(context)!;
    return ListTile(
      leading: const Icon(Icons.language),
      title: Text(l10n.language),
      subtitle: Text(currentCode == 'ru' ? l10n.russian : l10n.english),
      trailing: DropdownButton<String>(
        value: currentCode,
        underline: const SizedBox(),
        items: [
          DropdownMenuItem(value: 'ru', child: Text(l10n.russian)),
          DropdownMenuItem(value: 'en', child: Text(l10n.english)),
        ],
        onChanged: (value) {
          if (value != null) onChanged(value);
        },
      ),
    );
  }
}

class _ConfigModuleCard extends StatelessWidget {
  final String title;
  final IconData icon;
  final List<Widget> children;

  const _ConfigModuleCard({
    required this.title,
    required this.icon,
    required this.children,
  });

  @override
  Widget build(BuildContext context) {
    return Card(
      margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
      child: ExpansionTile(
        leading: Icon(icon, color: Theme.of(context).colorScheme.primary),
        title: Text(title),
        children: [
          Padding(
            padding: const EdgeInsets.fromLTRB(16, 0, 16, 12),
            child: Column(
              children: children,
            ),
          ),
        ],
      ),
    );
  }
}

class _ConfigItem extends StatelessWidget {
  final String label;
  final String value;

  const _ConfigItem({
    required this.label,
    required this.value,
  });

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 4),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Text(
            label,
            style: TextStyle(
              color: Colors.grey[600],
              fontSize: 13,
            ),
          ),
          Text(
            value,
            style: const TextStyle(
              fontWeight: FontWeight.w500,
              fontSize: 13,
            ),
          ),
        ],
      ),
    );
  }
}

class _SettingsTile extends StatelessWidget {
  final IconData icon;
  final String title;
  final String? subtitle;
  final VoidCallback onTap;

  const _SettingsTile({
    required this.icon,
    required this.title,
    this.subtitle,
    required this.onTap,
  });

  @override
  Widget build(BuildContext context) {
    return ListTile(
      leading: Icon(icon),
      title: Text(title),
      subtitle: subtitle != null ? Text(subtitle!) : null,
      trailing: const Icon(Icons.chevron_right),
      onTap: onTap,
    );
  }
}