import 'package:flutter/material.dart';
import 'package:flutter_animate/flutter_animate.dart';
import '../../../../core/services/auth_service.dart';

/// Analytics preview section for teacher dashboard
class TeacherAnalyticsPreviewWidget extends StatelessWidget {
  const TeacherAnalyticsPreviewWidget({super.key});

  @override
  Widget build(BuildContext context) {
    final user = AuthService.currentUser;
    final userName = user?.displayName ?? 'Professor';
    final userEmail = user?.email ?? '';

    return Container(
      margin: const EdgeInsets.only(top: 24),
      padding: const EdgeInsets.all(20),
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(16),
        border: Border.all(color: const Color(0xFFE2E8F0)),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withOpacity(0.05),
            blurRadius: 10,
            offset: const Offset(0, 4),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // Profile Header
          Row(
            children: [
              Container(
                width: 48,
                height: 48,
                decoration: BoxDecoration(
                  gradient: const LinearGradient(
                    colors: [Color(0xFF82C9BD), Color(0xFF6BA8A0)],
                  ),
                  borderRadius: BorderRadius.circular(24),
                ),
                child: const Icon(
                  Icons.school,
                  color: Colors.white,
                  size: 24,
                ),
              ),
              const SizedBox(width: 16),
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      userName,
                      style: const TextStyle(
                        color: Color(0xFF2D3748),
                        fontSize: 18,
                        fontWeight: FontWeight.bold,
                      ),
                    ),
                    const SizedBox(height: 2),
                    SingleChildScrollView(
                      scrollDirection: Axis.horizontal,
                      child: Row(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          Text(
                            userEmail,
                            style: const TextStyle(
                              color: Color(0xFF718096),
                              fontSize: 14,
                            ),
                          ),
                          if (userEmail.length > 20) ...[
                            const SizedBox(width: 8),
                            const Icon(
                              Icons.more_horiz,
                              color: Color(0xFF718096),
                              size: 16,
                            ),
                          ],
                        ],
                      ),
                    ),
                  ],
                ),
              ),
              Container(
                padding: const EdgeInsets.all(8),
                decoration: BoxDecoration(
                  color: const Color(0xFFF68D2D).withOpacity(0.1),
                  borderRadius: BorderRadius.circular(8),
                ),
                child: const Icon(
                  Icons.settings,
                  color: Color(0xFFF68D2D),
                  size: 20,
                ),
              ),
            ],
          ),
          const SizedBox(height: 20),

          // Quick Stats Row
          Row(
            children: [
              _buildQuickStat(
                icon: Icons.check_circle,
                label: 'Alunos Ativos',
                value: '18/24',
                color: const Color(0xFF82C9BD),
              ),
              const SizedBox(width: 12),
              _buildQuickStat(
                icon: Icons.warning_amber,
                label: 'Precisam Apoio',
                value: '3',
                color: const Color(0xFFF68D2D),
              ),
              const SizedBox(width: 12),
              _buildQuickStat(
                icon: Icons.emoji_events,
                label: 'Média Turma',
                value: '72%',
                color: const Color(0xFF6BA8A0),
              ),
            ],
          ),
          const SizedBox(height: 20),

          // Top Performing Students Preview
          Row(
            children: [
              const Icon(
                Icons.leaderboard,
                color: Color(0xFFF68D2D),
                size: 20,
              ),
              const SizedBox(width: 8),
              const Text(
                'Melhores Desempenhos',
                style: TextStyle(
                  color: Color(0xFF2D3748),
                  fontSize: 16,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ],
          ),
          const SizedBox(height: 12),

          // Student List Preview
          _buildStudentPerformanceItem('Ana Silva', 95, const Color(0xFF4CAF50)),
          const SizedBox(height: 8),
          _buildStudentPerformanceItem('João Costa', 88, const Color(0xFF82C9BD)),
          const SizedBox(height: 8),
          _buildStudentPerformanceItem('Maria Santos', 82, const Color(0xFF82C9BD)),
          const SizedBox(height: 8),
          _buildStudentPerformanceItem('Pedro Lima', 45, const Color(0xFFF68D2D)),

          const SizedBox(height: 20),

          // Content Quality Alert
          Container(
            padding: const EdgeInsets.all(16),
            decoration: BoxDecoration(
              color: const Color(0xFFF8F9FA),
              borderRadius: BorderRadius.circular(12),
              border: Border.all(color: const Color(0xFFE2E8F0)),
            ),
            child: Row(
              children: [
                const Icon(
                  Icons.info_outline,
                  color: Color(0xFF82C9BD),
                  size: 20,
                ),
                const SizedBox(width: 12),
                Expanded(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      const Text(
                        'Qualidade do Conteúdo',
                        style: TextStyle(
                          color: Color(0xFF2D3748),
                          fontSize: 14,
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                      const SizedBox(height: 2),
                      Text(
                        '12 conteúdos verificados • 2 pendentes de revisão',
                        style: const TextStyle(
                          color: Color(0xFF718096),
                          fontSize: 12,
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    )
    .animate()
    .slideY(
      duration: const Duration(milliseconds: 800),
      curve: Curves.easeOut,
    )
    .then(delay: const Duration(milliseconds: 400));
  }

  Widget _buildQuickStat({
    required IconData icon,
    required String label,
    required String value,
    required Color color,
  }) {
    return Expanded(
      child: Container(
        padding: const EdgeInsets.all(12),
        decoration: BoxDecoration(
          color: color.withOpacity(0.1),
          borderRadius: BorderRadius.circular(12),
          border: Border.all(color: color.withOpacity(0.3), width: 1),
        ),
        child: Column(
          children: [
            Icon(icon, color: color, size: 20),
            const SizedBox(height: 6),
            Text(
              value,
              style: TextStyle(
                color: color,
                fontSize: 16,
                fontWeight: FontWeight.bold,
              ),
            ),
            const SizedBox(height: 2),
            Text(
              label,
              style: TextStyle(
                color: color.withOpacity(0.8),
                fontSize: 10,
              ),
              textAlign: TextAlign.center,
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildStudentPerformanceItem(String name, int score, Color color) {
    return Row(
      children: [
        Container(
          width: 32,
          height: 32,
          decoration: BoxDecoration(
            color: color.withOpacity(0.1),
            borderRadius: BorderRadius.circular(16),
          ),
          child: Center(
            child: Text(
              name.split(' ').map((n) => n[0]).take(2).join(),
              style: TextStyle(
                color: color,
                fontSize: 12,
                fontWeight: FontWeight.bold,
              ),
            ),
          ),
        ),
        const SizedBox(width: 12),
        Expanded(
          child: Text(
            name,
            style: const TextStyle(
              color: Color(0xFF4A5568),
              fontSize: 14,
            ),
          ),
        ),
        Container(
          padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
          decoration: BoxDecoration(
            color: color.withOpacity(0.1),
            borderRadius: BorderRadius.circular(8),
          ),
          child: Text(
            '$score%',
            style: TextStyle(
              color: color,
              fontSize: 12,
              fontWeight: FontWeight.bold,
            ),
          ),
        ),
      ],
    );
  }
}