<?php
require __DIR__ . '/../../_layout.php';
?>

<div class="container">
    <h1>E-commerce</h1>
    
    <div class="stats-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 2rem 0;">
        <div class="card">
            <h3><?= htmlspecialchars($stats['produtos_visiveis'] ?? 0) ?></h3>
            <p>Produtos Visíveis</p>
        </div>
        <div class="card">
            <h3><?= htmlspecialchars($stats['total_pedidos'] ?? 0) ?></h3>
            <p>Total de Pedidos</p>
        </div>
        <div class="card">
            <h3><?= htmlspecialchars($stats['pedidos_pendentes'] ?? 0) ?></h3>
            <p>Pedidos Pendentes</p>
        </div>
    </div>

    <div class="card">
        <h2>Configurações Rápidas</h2>
        <div style="display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem;">
            <a href="/vendas/ecommerce/config" class="btn">Configurações Gerais</a>
            <a href="/vendas/ecommerce/templates" class="btn">Templates</a>
            <a href="/vendas/ecommerce/dominios" class="btn">Domínios</a>
            <a href="/vendas/ecommerce/pagamentos" class="btn">Pagamentos</a>
            <a href="/vendas/ecommerce/pedidos" class="btn">Pedidos</a>
        </div>
    </div>

    <div class="card">
        <h2>Links do E-commerce</h2>
        <div id="loja-links" style="margin-top: 1rem;">
            <p>Carregando...</p>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', async () => {
    try {
        const token = localStorage.getItem('auth_token') || getCookie('auth_token');
        const tenantId = getCookie('tenant_id') || 'default';
        
        const configRes = await fetch('/api/ecommerce/config', {
            headers: {
                'Authorization': `Bearer ${token}`,
                'X-Tenant-Id': tenantId
            }
        });
        
        if (configRes.ok) {
            const { data } = await configRes.json();
            const linksDiv = document.getElementById('loja-links');
            
            if (data.enabled) {
                linksDiv.innerHTML = `
                    <p><strong>URL da Loja:</strong> <a href="/loja" target="_blank">/loja</a></p>
                    ${data.dominio ? `<p><strong>Domínio Personalizado:</strong> <a href="https://${data.dominio}" target="_blank">${data.dominio}</a></p>` : ''}
                `;
            } else {
                linksDiv.innerHTML = '<p style="color: #dc3545;">E-commerce desabilitado. Ative nas configurações.</p>';
            }
        }
    } catch (error) {
        console.error('Erro ao carregar links:', error);
    }
});

function getCookie(name) {
    const value = `; ${document.cookie}`;
    const parts = value.split(`; ${name}=`);
    if (parts.length === 2) return parts.pop().split(';').shift();
}
</script>

