<?php
require_once '../includes/auth.php';
require_once '../includes/language_manager.php';
require_once '../includes/multilang_template.php';

$auth = new Auth();
$auth->requireLogin();

// Get dashboard statistics
require_once '../config/database.php';
$database = new Database();
$db = $database->getConnection();

// Get counts
$stats = [];

// Total brands
$query = "SELECT COUNT(*) as count FROM brands";
$stmt = $db->prepare($query);
$stmt->execute();
$stats['brands'] = $stmt->fetch(PDO::FETCH_ASSOC)['count'];

// Total reports
$query = "SELECT COUNT(*) as count FROM seo_reports";
$stmt = $db->prepare($query);
$stmt->execute();
$stats['reports'] = $stmt->fetch(PDO::FETCH_ASSOC)['count'];

// Total content plans
$query = "SELECT COUNT(*) as count FROM content_plans";
$stmt = $db->prepare($query);
$stmt->execute();
$stats['content_plans'] = $stmt->fetch(PDO::FETCH_ASSOC)['count'];

// Recent activities
$query = "SELECT 'brand' as type, name as title, created_at FROM brands 
          UNION ALL 
          SELECT 'report' as type, title, created_at FROM seo_reports 
          UNION ALL 
          SELECT 'content' as type, title, created_at FROM content_plans 
          ORDER BY created_at DESC LIMIT 10";
$stmt = $db->prepare($query);
$stmt->execute();
$recent_activities = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>
<!DOCTYPE html>
<html lang="<?php echo getCurrentLanguage(); ?>">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo getPageTitle('dashboard'); ?></title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <link href="../assets/css/admin.css" rel="stylesheet">
</head>
<body>
    <?php include '../includes/language_switcher.php'; ?>
    
    <div class="admin-layout">
        <!-- Sidebar -->
        <aside class="sidebar">
            <div class="sidebar-header">
                <div class="logo">
                    <i class="fas fa-robot"></i>
                    <span>SEO AI</span>
                </div>
            </div>
            
            <?php renderSidebar('dashboard'); ?>
            
            <?php renderLogoutButton(); ?>
        </aside>
        
        <!-- Main Content -->
        <main class="main-content">
            <header class="header">
                <div class="header-left">
                    <h1><?php echo t('nav_dashboard'); ?></h1>
                    <p><?php echo t('dashboard_subtitle'); ?></p>
                </div>
            </header>
            
            <div class="dashboard-content">
                <!-- Statistics Cards -->
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-building"></i>
                        </div>
                        <div class="stat-info">
                            <h3><?php echo $stats['brands']; ?></h3>
                            <p><?php echo t('total_brands'); ?></p>
                        </div>
                    </div>
                    
                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-chart-bar"></i>
                        </div>
                        <div class="stat-info">
                            <h3><?php echo $stats['reports']; ?></h3>
                            <p><?php echo t('total_reports'); ?></p>
                        </div>
                    </div>
                    
                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-edit"></i>
                        </div>
                        <div class="stat-info">
                            <h3><?php echo $stats['content_plans']; ?></h3>
                            <p><?php echo t('total_content_plans'); ?></p>
                        </div>
                    </div>
                </div>
                
                <!-- Recent Activities -->
                <div class="recent-activities">
                    <h2><?php echo t('recent_activities'); ?></h2>
                    <div class="activities-list">
                        <?php if (empty($recent_activities)): ?>
                            <div class="empty-state">
                                <i class="fas fa-clock"></i>
                                <p><?php echo t('no_recent_activities'); ?></p>
                            </div>
                        <?php else: ?>
                            <?php foreach ($recent_activities as $activity): ?>
                                <div class="activity-item">
                                    <div class="activity-icon">
                                        <i class="fas fa-<?php echo $activity['type'] === 'brand' ? 'building' : ($activity['type'] === 'report' ? 'chart-bar' : 'edit'); ?>"></i>
                                    </div>
                                    <div class="activity-info">
                                        <h4><?php echo htmlspecialchars($activity['title']); ?></h4>
                                        <p><?php echo t('activity_' . $activity['type']); ?> - <?php echo date('Y-m-d H:i', strtotime($activity['created_at'])); ?></p>
                                    </div>
                                </div>
                            <?php endforeach; ?>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </main>
    </div>
    
    <style>
        .dashboard-content {
            padding: 30px;
        }
        
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 25px;
            margin-bottom: 40px;
        }
        
        .stat-card {
            background: white;
            border-radius: 15px;
            padding: 25px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            display: flex;
            align-items: center;
            gap: 20px;
            transition: transform 0.3s ease;
        }
        
        .stat-card:hover {
            transform: translateY(-5px);
        }
        
        .stat-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: linear-gradient(135deg, #667eea, #764ba2);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.5rem;
        }
        
        .stat-info h3 {
            font-size: 2rem;
            font-weight: bold;
            color: #333;
            margin: 0 0 5px 0;
        }
        
        .stat-info p {
            color: #666;
            margin: 0;
            font-size: 0.9rem;
        }
        
        .recent-activities {
            background: white;
            border-radius: 15px;
            padding: 25px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        }
        
        .recent-activities h2 {
            color: #333;
            margin: 0 0 20px 0;
            font-size: 1.5rem;
        }
        
        .activities-list {
            max-height: 400px;
            overflow-y: auto;
        }
        
        .activity-item {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 15px 0;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .activity-item:last-child {
            border-bottom: none;
        }
        
        .activity-icon {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #f8f9fa;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #667eea;
        }
        
        .activity-info h4 {
            margin: 0 0 5px 0;
            color: #333;
            font-size: 1rem;
        }
        
        .activity-info p {
            margin: 0;
            color: #666;
            font-size: 0.9rem;
        }
        
        .empty-state {
            text-align: center;
            padding: 40px;
            color: #666;
        }
        
        .empty-state i {
            font-size: 3rem;
            margin-bottom: 15px;
            color: #ccc;
        }
    </style>
</body>
</html>
