import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:travel_mate/components/widgets/user_state_widget.dart';
import 'package:travel_mate/services/error_service.dart';
import '../../../blocs/user/user_bloc.dart';
import '../../../blocs/user/user_state.dart' as user_state;
import '../../../blocs/user/user_event.dart' as user_event;
import '../../../services/auth_service.dart';

class ProfileContent extends StatelessWidget {
  ProfileContent({super.key});

  final _errorService = ErrorService();

  @override
  Widget build(BuildContext context) {
    return UserStateWrapper(
      builder: (context, user) {
        final isEmailAuth = user.authMethod == 'email' || user.authMethod == null;

        return SingleChildScrollView(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              // En-tête avec photo de profil
              Container(
                padding: EdgeInsets.symmetric(vertical: 24, horizontal: 16),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    // Photo de profil
                    Container(
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        boxShadow: [
                          BoxShadow(
                            color: Colors.black.withValues(alpha: 0.1),
                            blurRadius: 8,
                            offset: Offset(0, 2),
                          )
                        ],
                      ),
                      child: CircleAvatar(
                        radius: 50,
                        backgroundColor: Theme.of(context).colorScheme.primary,
                        child: Text(
                          user.prenom.isNotEmpty
                              ? user.prenom[0].toUpperCase()
                              : 'U',
                          style: TextStyle(
                            fontSize: 32,
                            fontWeight: FontWeight.bold,
                            color: Colors.white,
                          ),
                        ),
                      ),
                    ),

                    SizedBox(height: 16),

                    // Nom complet
                    Text(
                      '${user.prenom} ${user.nom ?? ''}',
                      style: TextStyle(
                        fontSize: 22,
                        fontWeight: FontWeight.bold,
                      ),
                      textAlign: TextAlign.center,
                    ),

                    SizedBox(height: 4),

                    // Email
                    Text(
                      user.email,
                      style: TextStyle(
                        fontSize: 14,
                        color: Colors.grey[600],
                      ),
                      textAlign: TextAlign.center,
                    ),

                    SizedBox(height: 12),

                    // Badge de méthode de connexion
                    Container(
                      padding: EdgeInsets.symmetric(horizontal: 12, vertical: 6),
                      decoration: BoxDecoration(
                        color: _getAuthMethodColor(user.authMethod, context),
                        borderRadius: BorderRadius.circular(12),
                      ),
                      child: Row(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          if (_getAuthMethodIcon(user.authMethod).isNotEmpty)
                            Image.asset(
                              _getAuthMethodIcon(user.authMethod),
                              height: 16,
                              width: 16,
                            ),
                          if (_getAuthMethodIcon(user.authMethod).isNotEmpty)
                            SizedBox(width: 8),
                          Text(
                            _getAuthMethodLabel(user.authMethod),
                            style: TextStyle(
                              fontSize: 12,
                              fontWeight: FontWeight.w600,
                              color: _getAuthMethodTextColor(user.authMethod, context),
                            ),
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),

              // Section Informations personnelles
              Padding(
                padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
                child: Row(
                  children: [
                    Text(
                      'Informations personnelles',
                      style: TextStyle(
                        fontSize: 16,
                        fontWeight: FontWeight.bold,
                        color: Colors.black87,
                      ),
                    ),
                  ],
                ),
              ),

              // Tuiles d'information
              _buildInfoTile(
                icon: Icons.person_outline,
                label: 'Nom complet',
                value: '${user.prenom} ${user.nom ?? ''}',
                context: context,
              ),

              _buildInfoTile(
                icon: Icons.email_outlined,
                label: 'Adresse e-mail',
                value: user.email,
                context: context,
              ),

              _buildInfoTile(
                icon: Icons.phone_outlined,
                label: 'Téléphone',
                value: user.phoneNumber ?? 'Non défini',
                context: context,
              ),

              // Option de changement de mot de passe seulement pour email
              if (isEmailAuth)
                _buildActionTile(
                  icon: Icons.lock_outlined,
                  label: 'Changer de mot de passe',
                  context: context,
                  onTap: () {
                    _showChangePasswordDialog(context, user);
                  },
                ),

              SizedBox(height: 8),

              // Option pour modifier le profil
              _buildActionTile(
                icon: Icons.edit_outlined,
                label: 'Modifier le profil',
                context: context,
                onTap: () {
                  _showEditProfileDialog(context, user);
                },
              ),

              SizedBox(height: 8),

              // Option pour supprimer le compte
              _buildActionTile(
                icon: Icons.delete_outline,
                label: 'Supprimer le compte',
                context: context,
                isDestructive: true,
                onTap: () {
                  _showDeleteAccountDialog(context, user);
                },
              ),

              SizedBox(height: 24),
            ],
          ),
        );
      },
    );
  }

  Widget _buildInfoTile({
    required IconData icon,
    required String label,
    required String value,
    required BuildContext context,
  }) {
    final isDarkMode = Theme.of(context).brightness == Brightness.dark;

    return Container(
      margin: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
      padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
      decoration: BoxDecoration(
        color: isDarkMode ? Colors.grey[850] : Colors.grey[100],
        borderRadius: BorderRadius.circular(8),
      ),
      child: Row(
        children: [
          Container(
            padding: EdgeInsets.all(8),
            decoration: BoxDecoration(
              color: isDarkMode ? Colors.grey[800] : Colors.grey[200],
              borderRadius: BorderRadius.circular(6),
            ),
            child: Icon(
              icon,
              size: 20,
              color: Theme.of(context).colorScheme.primary,
            ),
          ),
          SizedBox(width: 16),
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  label,
                  style: TextStyle(
                    fontSize: 12,
                    color: Colors.grey[600],
                    fontWeight: FontWeight.w500,
                  ),
                ),
                SizedBox(height: 2),
                Text(
                  value,
                  style: TextStyle(
                    fontSize: 14,
                    fontWeight: FontWeight.w600,
                    color: isDarkMode ? Colors.white : Colors.black87,
                  ),
                  overflow: TextOverflow.ellipsis,
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  Widget _buildActionTile({
    required IconData icon,
    required String label,
    required BuildContext context,
    required VoidCallback onTap,
    bool isDestructive = false,
  }) {
    final isDarkMode = Theme.of(context).brightness == Brightness.dark;

    return GestureDetector(
      onTap: onTap,
      child: Container(
        margin: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
        padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
        decoration: BoxDecoration(
          color: isDarkMode ? Colors.grey[850] : Colors.grey[100],
          borderRadius: BorderRadius.circular(8),
        ),
        child: Row(
          children: [
            Container(
              padding: EdgeInsets.all(8),
              decoration: BoxDecoration(
                color: isDarkMode ? Colors.grey[800] : Colors.grey[200],
                borderRadius: BorderRadius.circular(6),
              ),
              child: Icon(
                icon,
                size: 20,
                color: isDestructive
                    ? Colors.red
                    : Theme.of(context).colorScheme.primary,
              ),
            ),
            SizedBox(width: 16),
            Expanded(
              child: Text(
                label,
                style: TextStyle(
                  fontSize: 14,
                  fontWeight: FontWeight.w600,
                  color: isDestructive 
                      ? Colors.red 
                      : (isDarkMode ? Colors.white : Colors.black87),
                ),
              ),
            ),
            Icon(
              Icons.arrow_forward_ios,
              size: 16,
              color: Colors.grey[400],
            ),
          ],
        ),
      ),
    );
  }

  String _getAuthMethodLabel(String? authMethod) {
    switch (authMethod) {
      case 'apple':
        return 'Connecté avec Apple';
      case 'google':
        return 'Connecté avec Google';
      default:
        return 'Connecté avec Email';
    }
  }

  String _getAuthMethodIcon(String? authMethod) {
    switch (authMethod) {
      case 'apple':
        return 'assets/icons/apple_white.png';
      case 'google':
        return 'assets/icons/google.png';
      default:
        return '';
    }
  }

  Color _getAuthMethodColor(String? authMethod, BuildContext context) {
    final isDarkMode = Theme.of(context).brightness == Brightness.dark;
    
    switch (authMethod) {
      case 'apple':
        return isDarkMode ? Colors.white : Colors.black87;
      case 'google':
        return isDarkMode ? Colors.white : Colors.black87;
      default:
        return isDarkMode ? Colors.white : Colors.blue;
    }
  }

  Color _getAuthMethodTextColor(String? authMethod, BuildContext context) {
    final isDarkMode = Theme.of(context).brightness == Brightness.dark;
    
    switch (authMethod) {
      case 'apple':
        return isDarkMode ? Colors.black87 : Colors.white;
      case 'google':
        return isDarkMode ? Colors.black87 : Colors.white;
      default:
        return isDarkMode ? Colors.black87 : Colors.white;
    }
  }

  void _showEditProfileDialog(BuildContext context, user_state.UserModel user) {
    final nomController = TextEditingController(text: user.nom);
    final prenomController = TextEditingController(text: user.prenom);

    showDialog(
      context: context,
      builder: (BuildContext dialogContext) {
        return AlertDialog(
          title: Text('Modifier le profil'),
          content: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              TextField(
                controller: prenomController,
                decoration: InputDecoration(labelText: 'Prénom'),
              ),
              SizedBox(height: 16),
              TextField(
                controller: nomController,
                decoration: InputDecoration(labelText: 'Nom'),
              ),
            ],
          ),
          actions: [
            TextButton(
              onPressed: () => Navigator.of(dialogContext).pop(),
              child: Text('Annuler'),
            ),
            TextButton(
              onPressed: () {
                if (prenomController.text.trim().isNotEmpty) {
                  context.read<UserBloc>().add(
                    user_event.UserUpdated({
                      'prenom': prenomController.text.trim(),
                      'nom': nomController.text.trim(),
                    }),
                  );

                  Navigator.of(dialogContext).pop();
                  ScaffoldMessenger.of(context).showSnackBar(
                    SnackBar(
                      content: Text('Profil mis à jour !'),
                      backgroundColor: Colors.green,
                    ),
                  );
                }
              },
              child: Text('Sauvegarder'),
            ),
          ],
        );
      },
    );
  }

  void _showChangePasswordDialog(
    BuildContext context,
    user_state.UserModel user,
  ) {
    final currentPasswordController = TextEditingController();
    final newPasswordController = TextEditingController();
    final confirmPasswordController = TextEditingController();
    final authService = AuthService();

    showDialog(
      context: context,
      builder: (BuildContext dialogContext) {
        return AlertDialog(
          title: Text('Changer le mot de passe'),
          content: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              TextField(
                controller: currentPasswordController,
                obscureText: true,
                decoration: InputDecoration(labelText: 'Mot de passe actuel'),
              ),
              SizedBox(height: 16),
              TextField(
                controller: newPasswordController,
                obscureText: true,
                decoration: InputDecoration(labelText: 'Nouveau mot de passe'),
              ),
              SizedBox(height: 16),
              TextField(
                controller: confirmPasswordController,
                obscureText: true,
                decoration: InputDecoration(
                  labelText: 'Confirmer le mot de passe',
                ),
              ),
            ],
          ),
          actions: [
            TextButton(
              onPressed: () => Navigator.of(dialogContext).pop(),
              child: Text('Annuler'),
            ),
            TextButton(
              onPressed: () async {
                if (currentPasswordController.text.isEmpty ||
                    newPasswordController.text.isEmpty ||
                    confirmPasswordController.text.isEmpty) {
                  ScaffoldMessenger.of(context).showSnackBar(
                    SnackBar(
                      content: Text('Tous les champs sont requis'),
                      backgroundColor: Colors.red,
                    ),
                  );
                  return;
                }

                if (newPasswordController.text !=
                    confirmPasswordController.text) {
                  ScaffoldMessenger.of(context).showSnackBar(
                    SnackBar(
                      content: Text('Les mots de passe ne correspondent pas'),
                      backgroundColor: Colors.red,
                    ),
                  );
                  return;
                }

                try {
                  await authService.resetPasswordFromCurrentPassword(
                    currentPassword: currentPasswordController.text,
                    newPassword: newPasswordController.text,
                    email: user.email,
                  );

                  Navigator.of(dialogContext).pop();
                  ScaffoldMessenger.of(context).showSnackBar(
                    SnackBar(
                      content: Text('Mot de passe changé !'),
                      backgroundColor: Colors.green,
                    ),
                  );
                } catch (e) {
                  _errorService.showError(
                    message: 'Erreur: Mot de passe actuel incorrect',
                  );
                }
              },
              child: Text('Changer'),
            ),
          ],
        );
      },
    );
  }

  void _showDeleteAccountDialog(
    BuildContext context,
    user_state.UserModel user,
  ) {
    final passwordController = TextEditingController();
    final authService = AuthService();

    showDialog(
      context: context,
      builder: (BuildContext dialogContext) {
        return AlertDialog(
          title: Text('Supprimer le compte'),
          content: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text(
                'Êtes-vous sûr de vouloir supprimer votre compte ? Cette action est irréversible.',
              ),
              SizedBox(height: 16),
              TextField(
                controller: passwordController,
                obscureText: true,
                decoration: InputDecoration(
                  labelText: 'Confirmez votre mot de passe',
                  border: OutlineInputBorder(),
                ),
              ),
            ],
          ),
          actions: [
            TextButton(
              onPressed: () => Navigator.of(dialogContext).pop(),
              child: Text('Annuler'),
            ),
            TextButton(
              onPressed: () async {
                try {
                  await authService.deleteAccount(
                    password: passwordController.text,
                    email: user.email,
                  );

                  Navigator.of(dialogContext).pop();
                  context.read<UserBloc>().add(user_event.UserLoggedOut());
                  Navigator.pushNamedAndRemoveUntil(
                    context,
                    '/login',
                    (route) => false,
                  );
                } catch (e) {
                  _errorService.showError(
                    message: 'Erreur: Mot de passe incorrect',
                  );
                }
              },
              style: TextButton.styleFrom(foregroundColor: Colors.red),
              child: Text('Supprimer'),
            ),
          ],
        );
      },
    );
  }
}