# Sistema de Gerenciamento de Templates - Páginas de Vendas

Sistema completo para gerenciar templates de páginas de vendas no BarberFlow SaaS, permitindo que o Super Admin configure diferentes layouts e personalizações para cada loja.

## 📁 Estrutura de Arquivos

```
/home/socialar/app.montaloja.com/
├── pages/superadmin/
│   └── templates-manager.php          # Interface de gerenciamento (Super Admin)
├── templates/sales/                    # Diretório de templates
│   ├── modern/
│   │   └── index.php                  # Template Modern (padrão)
│   ├── classic/
│   │   └── index.php                  # Template Classic
│   ├── minimal/
│   │   └── index.php                  # Template Minimal
│   └── elegant/
│       └── index.php                  # Template Elegant
└── sql/
    └── create_sales_templates_table.sql
```

## 🗄️ Banco de Dados

### Tabela: `sales_page_templates`

Armazena configurações de templates por loja:

| Campo | Tipo | Descrição |
|-------|------|-----------|
| `id` | INT | ID único |
| `store_id` | BIGINT | ID da loja (UNIQUE) |
| `template_name` | VARCHAR(50) | Nome do template (modern, classic, minimal, elegant) |
| `custom_css` | TEXT | CSS personalizado |
| `custom_js` | TEXT | JavaScript personalizado |
| `hero_title` | VARCHAR(255) | Título principal |
| `hero_subtitle` | TEXT | Subtítulo |
| `hero_image` | VARCHAR(255) | URL da imagem hero |
| `primary_color` | VARCHAR(7) | Cor primária (hex) |
| `secondary_color` | VARCHAR(7) | Cor secundária (hex) |
| `features` | JSON | Array de funcionalidades |
| `testimonials` | JSON | Array de depoimentos |
| `cta_text` | VARCHAR(100) | Texto do botão CTA |
| `cta_url` | VARCHAR(255) | URL do botão CTA |
| `is_active` | BOOLEAN | Template ativo |
| `created_at` | TIMESTAMP | Data de criação |
| `updated_at` | TIMESTAMP | Última atualização |

### Instalação

```bash
# Executar SQL para criar tabela
mysql -u socialar -p socialar_socialar_commerce < /home/socialar/app.montaloja.com/sql/create_sales_templates_table.sql
```

## 🎨 Templates Disponíveis

### 1. Modern (Padrão)
- Design moderno e minimalista
- Animações suaves
- Gradientes vibrantes
- Responsivo e otimizado

### 2. Classic
- Layout clássico e profissional
- Seções bem definidas
- Ideal para negócios tradicionais

### 3. Minimal
- Ultra minimalista
- Focado em conversão
- Rápido e direto

### 4. Elegant
- Sofisticado e premium
- Para negócios de alto padrão
- Design refinado

## 🔧 Como Usar

### 1. Acesso ao Gerenciador

Acesse: `https://app.montaloja.com/pages/superadmin/templates-manager.php`

O menu do Super Admin agora inclui um link "Templates" com ícone de paleta.

### 2. Configurar Template para uma Loja

1. Na tabela, clique no botão de editar (ícone de caneta)
2. Selecione o template desejado
3. Personalize as cores primária e secundária
4. Clique em "Salvar Template"

### 3. Resetar Template

Para voltar ao template padrão (Modern), clique no botão de reset (ícone de restart).

## 💻 Integração com Páginas de Vendas

Para renderizar a página de vendas de uma loja usando o template configurado:

```php
<?php
// Exemplo de uso na página pública
$storeId = 1; // ID da loja
$pdo = getDB();

// Buscar configuração do template
$stmt = $pdo->prepare("
    SELECT template_name, primary_color, secondary_color, 
           hero_title, hero_subtitle, cta_text, cta_url
    FROM sales_page_templates 
    WHERE store_id = ? AND is_active = TRUE
");
$stmt->execute([$storeId]);
$config = $stmt->fetch(PDO::FETCH_ASSOC);

// Usar template padrão se não houver configuração
$templateName = $config['template_name'] ?? 'modern';
$primaryColor = $config['primary_color'] ?? '#CCA43B';
$secondaryColor = $config['secondary_color'] ?? '#1A1A1A';
$heroTitle = $config['hero_title'] ?? 'Título Padrão';
$heroSubtitle = $config['hero_subtitle'] ?? 'Subtítulo Padrão';
$ctaText = $config['cta_text'] ?? 'Começar Agora';
$ctaUrl = $config['cta_url'] ?? '#contato';

// Incluir o template
include __DIR__ . "/templates/sales/{$templateName}/index.php";
?>
```

## 🎯 Recursos do Sistema

### Interface de Gerenciamento
- ✅ Visualização de todos os templates disponíveis
- ✅ Lista completa de lojas com templates atribuídos
- ✅ Modal de edição com seletor de cores
- ✅ Reset para template padrão
- ✅ Badges visuais de status e tipo de negócio
- ✅ Filtros e busca (planejado)

### Personalização
- ✅ Troca de template por loja
- ✅ Cores personalizadas (primária e secundária)
- 🔄 CSS customizado (campo disponível)
- 🔄 JavaScript customizado (campo disponível)
- 🔄 Conteúdo hero personalizado
- 🔄 Features e testimonials dinâmicos

### Segurança
- ✅ Acesso restrito a Super Admin
- ✅ Validação de dados
- ✅ Proteção contra SQL Injection (prepared statements)
- ✅ Unique constraint por loja

## 📝 Notas de Desenvolvimento

### Próximos Passos
- [ ] Criar templates Classic, Minimal e Elegant
- [ ] Adicionar editor visual de cores
- [ ] Implementar upload de imagens hero
- [ ] Preview ao vivo dos templates
- [ ] Exportar/Importar configurações
- [ ] Histórico de mudanças
- [ ] A/B Testing de templates

### Manutenção
- Os templates ficam em `/templates/sales/{nome}/`
- Cada template deve ter um `index.php`
- Usar variáveis PHP para personalização
- Seguir padrão responsivo mobile-first

## 🔗 Links Úteis

- **Gerenciador**: `/pages/superadmin/templates-manager.php`
- **Templates**: `/templates/sales/`
- **SQL**: `/sql/create_sales_templates_table.sql`

## 👨‍💻 Suporte

Para adicionar novos templates:
1. Crie uma pasta em `/templates/sales/{nome}/`
2. Adicione `index.php` com o HTML/CSS do template
3. Atualize o array `$availableTemplates` em `templates-manager.php`

---

**Versão**: 1.0.0  
**Data**: 09/12/2025  
**Desenvolvido para**: BarberFlow SaaS
