<?php
/**
 * Página Inicial - Área do Usuário
 * 
 * Dashboard inicial para usuários comuns
 */

require_once __DIR__ . '/../../config/config_db.php';
require_once __DIR__ . '/../../backend/auth_helper.php';

$usuario_id = get_usuario_id();
$usuario_nome = get_usuario_nome();

// Buscar estatísticas do usuário
try {
    // Total de produtos
    $stmt = $pdo->prepare("SELECT COUNT(*) as total FROM produtos WHERE usuario_id = ?");
    $stmt->execute([$usuario_id]);
    $total_produtos = $stmt->fetch(PDO::FETCH_ASSOC)['total'] ?? 0;
    
    // Total de vendas como produtor
    $stmt = $pdo->prepare("SELECT COUNT(*) as total FROM transacoes WHERE produtor_id = ? AND status = 'Aprovado'");
    $stmt->execute([$usuario_id]);
    $total_vendas_produtor = $stmt->fetch(PDO::FETCH_ASSOC)['total'] ?? 0;
    
    // Total de vendas como afiliado
    $stmt = $pdo->prepare("SELECT COUNT(*) as total FROM transacoes WHERE afiliado_id = ? AND status = 'Aprovado'");
    $stmt->execute([$usuario_id]);
    $total_vendas_afiliado = $stmt->fetch(PDO::FETCH_ASSOC)['total'] ?? 0;
    
    // Saldo disponível
    $stmt = $pdo->prepare("SELECT saldo_disponivel FROM saldos_usuarios WHERE usuario_id = ? LIMIT 1");
    $stmt->execute([$usuario_id]);
    $saldo = $stmt->fetch(PDO::FETCH_ASSOC);
    $saldo_disponivel = $saldo ? floatval($saldo['saldo_disponivel']) : 0.00;
    
} catch (PDOException $e) {
    error_log("Erro ao buscar estatísticas: " . $e->getMessage());
    $total_produtos = 0;
    $total_vendas_produtor = 0;
    $total_vendas_afiliado = 0;
    $saldo_disponivel = 0.00;
}
?>

<div style="max-width: 1400px; margin: 0 auto;">
    <div style="margin-bottom: 30px;">
        <h2 style="font-size: 28px; font-weight: 700; color: var(--text-main); margin-bottom: 10px;">
            Bem-vindo, <?= htmlspecialchars($usuario_nome) ?>!
        </h2>
        <p style="color: var(--text-muted); font-size: 16px;">
            Gerencie seus produtos, acompanhe suas vendas e visualize seu financeiro.
        </p>
    </div>

    <!-- Cards de Estatísticas -->
    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 30px;">
        <div class="card" style="padding: 25px;">
            <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;">
                <div>
                    <p style="color: var(--text-muted); font-size: 14px; margin-bottom: 5px;">Meus Produtos</p>
                    <h3 style="font-size: 32px; font-weight: 700; color: var(--text-main);"><?= $total_produtos ?></h3>
                </div>
                <div style="width: 60px; height: 60px; border-radius: 12px; background: linear-gradient(135deg, #667eea, #764ba2); display: flex; align-items: center; justify-content: center;">
                    <i class="fas fa-box-open" style="font-size: 24px; color: white;"></i>
                </div>
            </div>
            <a href="?page=meus_produtos" style="color: #667eea; text-decoration: none; font-size: 14px; font-weight: 600;">
                Ver todos <i class="fas fa-arrow-right" style="margin-left: 5px;"></i>
            </a>
        </div>

        <div class="card" style="padding: 25px;">
            <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;">
                <div>
                    <p style="color: var(--text-muted); font-size: 14px; margin-bottom: 5px;">Vendas como Produtor</p>
                    <h3 style="font-size: 32px; font-weight: 700; color: var(--text-main);"><?= $total_vendas_produtor ?></h3>
                </div>
                <div style="width: 60px; height: 60px; border-radius: 12px; background: linear-gradient(135deg, #10b981, #059669); display: flex; align-items: center; justify-content: center;">
                    <i class="fas fa-chart-line" style="font-size: 24px; color: white;"></i>
                </div>
            </div>
            <a href="?page=minhas_vendas_produtor" style="color: #10b981; text-decoration: none; font-size: 14px; font-weight: 600;">
                Ver detalhes <i class="fas fa-arrow-right" style="margin-left: 5px;"></i>
            </a>
        </div>

        <div class="card" style="padding: 25px;">
            <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;">
                <div>
                    <p style="color: var(--text-muted); font-size: 14px; margin-bottom: 5px;">Vendas como Afiliado</p>
                    <h3 style="font-size: 32px; font-weight: 700; color: var(--text-main);"><?= $total_vendas_afiliado ?></h3>
                </div>
                <div style="width: 60px; height: 60px; border-radius: 12px; background: linear-gradient(135deg, #f59e0b, #d97706); display: flex; align-items: center; justify-content: center;">
                    <i class="fas fa-handshake" style="font-size: 24px; color: white;"></i>
                </div>
            </div>
            <a href="?page=minhas_vendas_afiliado" style="color: #f59e0b; text-decoration: none; font-size: 14px; font-weight: 600;">
                Ver detalhes <i class="fas fa-arrow-right" style="margin-left: 5px;"></i>
            </a>
        </div>

        <div class="card" style="padding: 25px;">
            <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;">
                <div>
                    <p style="color: var(--text-muted); font-size: 14px; margin-bottom: 5px;">Saldo Disponível</p>
                    <h3 style="font-size: 32px; font-weight: 700; color: var(--text-main);">
                        R$ <?= number_format($saldo_disponivel, 2, ',', '.') ?>
                    </h3>
                </div>
                <div style="width: 60px; height: 60px; border-radius: 12px; background: linear-gradient(135deg, #06b6d4, #0891b2); display: flex; align-items: center; justify-content: center;">
                    <i class="fas fa-wallet" style="font-size: 24px; color: white;"></i>
                </div>
            </div>
            <a href="?page=financeiro" style="color: #06b6d4; text-decoration: none; font-size: 14px; font-weight: 600;">
                Ver financeiro <i class="fas fa-arrow-right" style="margin-left: 5px;"></i>
            </a>
        </div>
    </div>

    <!-- Ações Rápidas -->
    <div class="card" style="padding: 30px; margin-bottom: 30px;">
        <h3 style="font-size: 20px; font-weight: 700; color: var(--text-main); margin-bottom: 20px;">
            <i class="fas fa-bolt" style="color: #f59e0b; margin-right: 10px;"></i>
            Ações Rápidas
        </h3>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;">
            <a href="?page=meus_produtos" class="card" style="padding: 20px; text-decoration: none; display: block; transition: transform 0.2s;">
                <i class="fas fa-plus-circle" style="font-size: 24px; color: #667eea; margin-bottom: 10px; display: block;"></i>
                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-main); margin-bottom: 5px;">Criar Produto</h4>
                <p style="color: var(--text-muted); font-size: 14px;">Adicione um novo produto ao seu catálogo</p>
            </a>
            
            <a href="?page=afiliacao_marketplace" class="card" style="padding: 20px; text-decoration: none; display: block; transition: transform 0.2s;">
                <i class="fas fa-handshake" style="font-size: 24px; color: #10b981; margin-bottom: 10px; display: block;"></i>
                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-main); margin-bottom: 5px;">Afiliação</h4>
                <p style="color: var(--text-muted); font-size: 14px;">Torne-se afiliado de produtos</p>
            </a>
            
            <a href="?page=solicitar_saque" class="card" style="padding: 20px; text-decoration: none; display: block; transition: transform 0.2s;">
                <i class="fas fa-money-bill-wave" style="font-size: 24px; color: #f59e0b; margin-bottom: 10px; display: block;"></i>
                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-main); margin-bottom: 5px;">Solicitar Saque</h4>
                <p style="color: var(--text-muted); font-size: 14px;">Solicite o saque do seu saldo</p>
            </a>
            
            <a href="/views/marketplace.php" target="_blank" class="card" style="padding: 20px; text-decoration: none; display: block; transition: transform 0.2s;">
                <i class="fas fa-store" style="font-size: 24px; color: #6366f1; margin-bottom: 10px; display: block;"></i>
                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-main); margin-bottom: 5px;">Marketplace</h4>
                <p style="color: var(--text-muted); font-size: 14px;">Visite o marketplace público</p>
            </a>
        </div>
    </div>

    <!-- Informações -->
    <div class="card" style="padding: 30px;">
        <h3 style="font-size: 20px; font-weight: 700; color: var(--text-main); margin-bottom: 20px;">
            <i class="fas fa-info-circle" style="color: #06b6d4; margin-right: 10px;"></i>
            Informações
        </h3>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px;">
            <div>
                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-main); margin-bottom: 10px;">
                    <i class="fas fa-box-open" style="color: #667eea; margin-right: 8px;"></i>
                    Meus Produtos
                </h4>
                <p style="color: var(--text-muted); font-size: 14px; line-height: 1.6;">
                    Gerencie seus produtos, configure preços, imagens e personalizações do checkout. 
                    Crie e edite order bumps para aumentar suas vendas.
                </p>
            </div>
            
            <div>
                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-main); margin-bottom: 10px;">
                    <i class="fas fa-handshake" style="color: #10b981; margin-right: 8px;"></i>
                    Sistema de Afiliação
                </h4>
                <p style="color: var(--text-muted); font-size: 14px; line-height: 1.6;">
                    Torne-se afiliado de produtos e ganhe comissões por cada venda realizada através do seu link único.
                </p>
            </div>
            
            <div>
                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-main); margin-bottom: 10px;">
                    <i class="fas fa-wallet" style="color: #f59e0b; margin-right: 8px;"></i>
                    Financeiro
                </h4>
                <p style="color: var(--text-muted); font-size: 14px; line-height: 1.6;">
                    Acompanhe seus ganhos como produtor e afiliado, visualize seu saldo e solicite saques.
                </p>
            </div>
        </div>
    </div>
</div>

<style>
    .card:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    }
    
    @media (max-width: 768px) {
        div[style*="grid-template-columns"] {
            grid-template-columns: 1fr !important;
        }
    }
</style>


