// ===== lib/pages/splash_screen.dart MODIFIÉ AVEC API =====
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../main.dart'; // Pour AuthController
import '../widgets/wortis_logo.dart'; // NOUVEAU: Import du widget logo
import 'login.dart';
import 'main_navigation.dart';

class SplashScreen extends StatefulWidget {
  const SplashScreen({super.key});

  @override
  _SplashScreenState createState() => _SplashScreenState();
}

class _SplashScreenState extends State<SplashScreen>
    with TickerProviderStateMixin {
  late AnimationController _logoController;
  late AnimationController _textController;
  late AnimationController _loadingController;

  late Animation<double> _logoFadeAnimation;
  late Animation<double> _logoScaleAnimation;
  late Animation<Offset> _logoSlideAnimation;

  late Animation<double> _textFadeAnimation;
  late Animation<Offset> _textSlideAnimation;

  late Animation<double> _loadingFadeAnimation;

  String _statusMessage = 'Initialisation...';
  bool _hasApiConnection = false;

  // Couleurs Wortis
  static const Color primaryColor = Color(0xFF006699);
  static const Color secondaryColor = Color(0xFF0088CC);
  static const Color accentColor = Color(0xFFFF6B35);

  @override
  void initState() {
    super.initState();
    _setupAnimations();
    _startAnimationSequence();
    _checkAuthStatus();
  }

  void _setupAnimations() {
    _logoController = AnimationController(
      duration: Duration(milliseconds: 2000),
      vsync: this,
    );

    _textController = AnimationController(
      duration: Duration(milliseconds: 1500),
      vsync: this,
    );

    _loadingController = AnimationController(
      duration: Duration(milliseconds: 1200),
      vsync: this,
    );

    _logoFadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
      CurvedAnimation(
        parent: _logoController,
        curve: Interval(0.0, 0.6, curve: Curves.easeOut),
      ),
    );

    _logoScaleAnimation = Tween<double>(begin: 0.3, end: 1.0).animate(
      CurvedAnimation(
        parent: _logoController,
        curve: Interval(0.0, 0.8, curve: Curves.elasticOut),
      ),
    );

    _logoSlideAnimation = Tween<Offset>(
      begin: Offset(0, -0.5),
      end: Offset.zero,
    ).animate(
      CurvedAnimation(
        parent: _logoController,
        curve: Interval(0.2, 1.0, curve: Curves.easeOutCubic),
      ),
    );

    _textFadeAnimation = Tween<double>(
      begin: 0.0,
      end: 1.0,
    ).animate(CurvedAnimation(parent: _textController, curve: Curves.easeOut));

    _textSlideAnimation = Tween<Offset>(
      begin: Offset(0, 0.3),
      end: Offset.zero,
    ).animate(CurvedAnimation(parent: _textController, curve: Curves.easeOut));

    _loadingFadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
      CurvedAnimation(parent: _loadingController, curve: Curves.easeIn),
    );
  }

  void _startAnimationSequence() async {
    _logoController.forward();

    await Future.delayed(Duration(milliseconds: 800));
    if (mounted) _textController.forward();

    await Future.delayed(Duration(milliseconds: 400));
    if (mounted) _loadingController.repeat();
  }

  void _updateStatus(String message) {
    if (mounted) {
      setState(() {
        _statusMessage = message;
      });
    }
  }

  void _checkAuthStatus() async {
    try {
      // Étape 1: Test de connexion API
      _updateStatus('Test de connexion API...');
      await Future.delayed(Duration(milliseconds: 800));

      if (!mounted) return;

      final authController = Provider.of<AuthController>(
        context,
        listen: false,
      );

      // Tester la connexion à l'API
      _hasApiConnection = await authController.testApiConnection();

      if (_hasApiConnection) {
        _updateStatus('API connectée ✓');
        await Future.delayed(Duration(milliseconds: 600));
      } else {
        _updateStatus('Mode hors ligne');
        await Future.delayed(Duration(milliseconds: 600));
      }

      // Étape 2: Vérification de l'authentification
      _updateStatus('Vérification de session...');
      await Future.delayed(Duration(milliseconds: 800));

      if (!mounted) return;

      bool isLoggedIn = await authController.checkLoginStatus(context);
      print('L\'utilisateur est : $isLoggedIn');

      _updateStatus('Finalisation...');
      await Future.delayed(Duration(milliseconds: 500));

      if (!mounted) return;

      // Animation de sortie
      await _logoController.reverse();

      if (!mounted) return;

      // Navigation
      Navigator.of(context).pushReplacement(
        PageRouteBuilder(
          pageBuilder: (context, animation, secondaryAnimation) {
            return isLoggedIn
                ? MainNavigationPage(initialIndex: 0)
                : LoginPage();
          },
          transitionsBuilder: (context, animation, secondaryAnimation, child) {
            return FadeTransition(
              opacity: animation,
              child: SlideTransition(
                position: Tween<Offset>(
                  begin: Offset(0.0, 0.1),
                  end: Offset.zero,
                ).animate(
                  CurvedAnimation(parent: animation, curve: Curves.easeOut),
                ),
                child: child,
              ),
            );
          },
          transitionDuration: Duration(milliseconds: 600),
        ),
      );
    } catch (e) {
      print('Erreur lors de la vérification d\'authentification: $e');
      _updateStatus('Erreur de connexion');
      await Future.delayed(Duration(seconds: 2));

      if (mounted) {
        Navigator.of(
          context,
        ).pushReplacement(MaterialPageRoute(builder: (context) => LoginPage()));
      }
    }
  }

  void _showConnectionError() {
    if (mounted) {
      showDialog(
        context: context,
        barrierDismissible: false,
        builder:
            (context) => AlertDialog(
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(16),
              ),
              title: Row(
                children: [
                  Icon(Icons.warning, color: Colors.orange),
                  SizedBox(width: 8),
                  Text('Connexion API'),
                ],
              ),
              content: Column(
                mainAxisSize: MainAxisSize.min,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    'Impossible de se connecter au serveur Flask.\n',
                    style: TextStyle(fontWeight: FontWeight.w500),
                  ),
                  Text('Vérifiez que :'),
                  SizedBox(height: 8),
                  Text('• Le serveur Flask est démarré'),
                  Text('• MongoDB fonctionne'),
                  Text('• L\'URL API est correcte'),
                  Text('• Votre connexion réseau'),
                  SizedBox(height: 12),
                  Container(
                    padding: EdgeInsets.all(12),
                    decoration: BoxDecoration(
                      color: Colors.grey.shade100,
                      borderRadius: BorderRadius.circular(8),
                    ),
                    child: Text(
                      'Vous pouvez continuer en mode hors ligne avec des données de démonstration.',
                      style: TextStyle(
                        fontSize: 13,
                        color: Colors.grey.shade700,
                      ),
                    ),
                  ),
                ],
              ),
              actions: [
                TextButton(
                  onPressed: () {
                    Navigator.of(context).pop();
                    _checkAuthStatus(); // Réessayer
                  },
                  child: Text('Réessayer'),
                ),
                ElevatedButton(
                  onPressed: () {
                    Navigator.of(context).pop();
                    Navigator.of(context).pushReplacement(
                      MaterialPageRoute(builder: (context) => LoginPage()),
                    );
                  },
                  style: ElevatedButton.styleFrom(
                    backgroundColor: primaryColor,
                  ),
                  child: Text(
                    'Continuer',
                    style: TextStyle(color: Colors.white),
                  ),
                ),
              ],
            ),
      );
    }
  }

  @override
  void dispose() {
    _logoController.dispose();
    _textController.dispose();
    _loadingController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
          gradient: LinearGradient(
            begin: Alignment.topLeft,
            end: Alignment.bottomRight,
            colors: [
              primaryColor,
              primaryColor.withOpacity(0.8),
              secondaryColor,
            ],
            stops: [0.0, 0.6, 1.0],
          ),
        ),
        child: SafeArea(
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Spacer(flex: 2),

                // Logo principal animé
                _buildAnimatedLogo(),

                SizedBox(height: 40),

                // Texte principal animé
                _buildAnimatedText(),

                Spacer(flex: 2),

                // Section loading avec statut API
                _buildLoadingSection(),

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

  Widget _buildAnimatedLogo() {
    return AnimatedBuilder(
      animation: _logoController,
      builder: (context, child) {
        return SlideTransition(
          position: _logoSlideAnimation,
          child: FadeTransition(
            opacity: _logoFadeAnimation,
            child: Transform.scale(
              scale: _logoScaleAnimation.value,
              child: WortisLogoWidget(
                size: 130,
                isWhite: true, // Logo blanc pour le fond bleu
                withShadow: true,
              ),
            ),
          ),
        );
      },
    );
  }

  Widget _buildAnimatedText() {
    return AnimatedBuilder(
      animation: _textController,
      builder: (context, child) {
        return SlideTransition(
          position: _textSlideAnimation,
          child: FadeTransition(
            opacity: _textFadeAnimation,
            child: Column(
              children: [
                Text(
                  'WORTIS',
                  style: TextStyle(
                    fontSize: 42,
                    fontWeight: FontWeight.bold,
                    color: Colors.white,
                    letterSpacing: 8,
                    shadows: [
                      Shadow(
                        offset: Offset(0, 3),
                        blurRadius: 6,
                        color: Colors.black.withOpacity(0.4),
                      ),
                    ],
                  ),
                ),

                SizedBox(height: 12),

                Text(
                  'Réseau Commercial',
                  style: TextStyle(
                    fontSize: 18,
                    color: Colors.white.withOpacity(0.9),
                    letterSpacing: 3,
                    fontWeight: FontWeight.w300,
                    shadows: [
                      Shadow(
                        offset: Offset(0, 1),
                        blurRadius: 3,
                        color: Colors.black.withOpacity(0.3),
                      ),
                    ],
                  ),
                ),

                SizedBox(height: 8),

                Container(
                  padding: EdgeInsets.symmetric(horizontal: 16, vertical: 6),
                  decoration: BoxDecoration(
                    color: Colors.white.withOpacity(0.2),
                    borderRadius: BorderRadius.circular(20),
                    border: Border.all(
                      color: Colors.white.withOpacity(0.3),
                      width: 1,
                    ),
                  ),
                  child: Row(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Icon(
                        _hasApiConnection ? Icons.cloud_done : Icons.cloud_off,
                        color: Colors.white.withOpacity(0.8),
                        size: 14,
                      ),
                      SizedBox(width: 6),
                      Text(
                        'Agent Mobile App v1.0',
                        style: TextStyle(
                          fontSize: 13,
                          color: Colors.white.withOpacity(0.8),
                          letterSpacing: 1,
                          fontWeight: FontWeight.w400,
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        );
      },
    );
  }

  Widget _buildLoadingSection() {
    return AnimatedBuilder(
      animation: _loadingController,
      builder: (context, child) {
        return FadeTransition(
          opacity: _loadingFadeAnimation,
          child: Column(
            children: [
              Stack(
                alignment: Alignment.center,
                children: [
                  SizedBox(
                    width: 50,
                    height: 50,
                    child: CircularProgressIndicator(
                      strokeWidth: 3,
                      valueColor: AlwaysStoppedAnimation<Color>(
                        Colors.white.withOpacity(0.8),
                      ),
                      backgroundColor: Colors.white.withOpacity(0.2),
                    ),
                  ),
                  Container(
                    width: 8,
                    height: 8,
                    decoration: BoxDecoration(
                      color: _hasApiConnection ? Colors.green : Colors.orange,
                      shape: BoxShape.circle,
                    ),
                  ),
                ],
              ),

              SizedBox(height: 20),

              // Message de statut dynamique
              Text(
                _statusMessage,
                style: TextStyle(
                  fontSize: 16,
                  color: Colors.white.withOpacity(0.9),
                  fontWeight: FontWeight.w300,
                  letterSpacing: 1,
                ),
              ),

              SizedBox(height: 8),

              Text(
                'Initialisation de votre espace agent',
                style: TextStyle(
                  fontSize: 12,
                  color: Colors.white.withOpacity(0.7),
                  fontWeight: FontWeight.w300,
                ),
              ),

              if (!_hasApiConnection &&
                  _statusMessage.contains('hors ligne')) ...[
                SizedBox(height: 12),
                Container(
                  padding: EdgeInsets.symmetric(horizontal: 12, vertical: 6),
                  decoration: BoxDecoration(
                    color: Colors.orange.withOpacity(0.2),
                    borderRadius: BorderRadius.circular(16),
                    border: Border.all(color: Colors.orange.withOpacity(0.3)),
                  ),
                  child: Row(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Icon(
                        Icons.wifi_off,
                        color: Colors.white.withOpacity(0.8),
                        size: 14,
                      ),
                      SizedBox(width: 6),
                      Text(
                        'Mode démo',
                        style: TextStyle(
                          fontSize: 12,
                          color: Colors.white.withOpacity(0.8),
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ],
          ),
        );
      },
    );
  }
}