# 🚀 CONFIGURAÇÃO COMPLETA DO SUPABASE - LIBERI KIDS

## 📋 Passos para Configurar o Banco de Dados

### 1. **Acessar o Painel do Supabase**
- Acesse: https://ydhzylfnpqlxnzfcclla.supabase.co
- Faça login na sua conta

### 2. **Executar Script Principal das Tabelas**
1. No painel do Supabase, vá em **SQL Editor**
2. Clique em **New Query**
3. Copie todo o conteúdo do arquivo `sql/supabase-setup.sql`
4. Cole no editor e clique em **Run**
5. ✅ Aguarde a execução completar (pode demorar alguns segundos)

### 3. **Configurar Storage (Buckets)**
1. Ainda no **SQL Editor**, crie uma nova query
2. Copie todo o conteúdo do arquivo `sql/supabase-storage.sql`
3. Cole no editor e clique em **Run**
4. ✅ Buckets serão criados automaticamente

### 4. **Verificar Configuração**
Após executar os scripts, verifique se foram criadas:

#### **📊 Tabelas:**
- ✅ `clientes` - Cadastro de clientes
- ✅ `fornecedores` - Dados dos fornecedores
- ✅ `produtos` - Catálogo de produtos
- ✅ `produto_variacoes` - Variações (tamanho, cor, estoque)
- ✅ `vendas` - Registro de vendas
- ✅ `venda_itens` - Itens das vendas
- ✅ `parcelas` - Controle de parcelas
- ✅ `devolucoes` - Trocas e devoluções
- ✅ `despesas` - Controle de despesas
- ✅ `tipos_despesa` - Categorias de despesas
- ✅ `pedidos_catalogo` - Pedidos do catálogo online
- ✅ `pedido_catalogo_itens` - Itens dos pedidos
- ✅ `configuracoes` - Configurações do sistema

#### **🗂️ Buckets de Storage:**
- ✅ `produtos` - Imagens dos produtos (5MB máx)
- ✅ `catalogo` - Imagens otimizadas para catálogo (3MB máx)

### 5. **Configurar Autenticação**
1. No painel do Supabase, vá em **Authentication**
2. Vá em **Settings** → **Auth Settings**
3. Configure:
   - **Site URL**: `http://localhost:3000` (ou sua URL de produção)
   - **Redirect URLs**: Adicione as URLs do seu catálogo
   - **Email Auth**: Pode desabilitar (usaremos login por telefone)

### 6. **Configurar Políticas de Segurança (RLS)**
As políticas já foram criadas automaticamente pelo script, mas verifique em:
- **Authentication** → **Policies**
- Devem existir políticas para `clientes`, `produtos`, `produto_variacoes`, etc.

## 🔧 **Configurações do Projeto**

### **Credenciais já Configuradas:**
- **URL**: `https://ydhzylfnpqlxnzfcclla.supabase.co`
- **Anon Key**: `eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...`

### **Arquivos Atualizados:**
- ✅ `server.js` - Configurações do Supabase
- ✅ `client/src/config/supabase.js` - Cliente Supabase
- ✅ `site/supabase-integration.js` - Integração do catálogo
- ✅ `site/index.html` - Interface de login/cadastro
- ✅ `site/styles.css` - Estilos dos modais e autenticação

## 🛍️ **Funcionalidades Implementadas**

### **📱 Catálogo Online:**
- ✅ **Login por WhatsApp** - Clientes fazem login com número de telefone
- ✅ **Cadastro Completo** - Mesmos campos do app de estoque
- ✅ **Produtos em Tempo Real** - Sincronizados com estoque
- ✅ **Carrinho de Compras** - Funcional com controle de estoque
- ✅ **Finalização via WhatsApp** - Pedidos enviados automaticamente

### **🔄 Integração App ↔ Catálogo:**
- ✅ **Clientes Unificados** - Mesmo cadastro para ambos
- ✅ **Estoque Sincronizado** - Produtos mostram disponibilidade real
- ✅ **Pedidos Centralizados** - Pedidos do catálogo aparecem no app
- ✅ **Imagens Compartilhadas** - Fotos dos produtos em ambos

### **🔐 Sistema de Autenticação:**
- ✅ **Login Seguro** - Baseado no WhatsApp cadastrado
- ✅ **Cadastro Automático** - Dados vão direto para o app
- ✅ **Sessão Persistente** - Cliente permanece logado
- ✅ **Logout Funcional** - Limpa carrinho e sessão

## 🚀 **Como Testar**

### **1. Testar o Catálogo:**
1. Abra `site/index.html` em um navegador
2. Clique em "Entrar" para testar login
3. Ou "Cadastre-se" para criar novo cliente
4. Produtos devem carregar automaticamente do Supabase

### **2. Testar Integração:**
1. Cadastre um cliente pelo catálogo
2. Verifique se aparece no app de estoque
3. Adicione produtos no app
4. Verifique se aparecem no catálogo

### **3. Testar Pedidos:**
1. Faça login no catálogo
2. Adicione produtos ao carrinho
3. Finalize pedido
4. Verifique se pedido aparece no app (tabela `pedidos_catalogo`)

## ⚠️ **Observações Importantes**

### **🔧 Para Produção:**
- Altere as URLs de desenvolvimento para produção
- Configure domínio personalizado no Supabase
- Ative HTTPS em todos os endpoints
- Configure backup automático do banco

### **📞 WhatsApp:**
- Atualize o número do WhatsApp no arquivo `supabase-integration.js`
- Linha 462: `const whatsappUrl = \`https://wa.me/5511999999999?text=\${encodeURIComponent(mensagem)}\``

### **🖼️ Imagens:**
- Copie o logo para `site/assets/LogoLiberiKids.png`
- Configure URLs corretas para as imagens dos produtos
- Teste upload de imagens no Supabase Storage

## 🎯 **Próximos Passos**

1. ✅ **Banco configurado** - Scripts executados
2. 🔄 **Testar funcionalidades** - Login, cadastro, produtos
3. 📱 **Configurar WhatsApp** - Número correto
4. 🖼️ **Upload de imagens** - Testar storage
5. 🚀 **Deploy em produção** - Quando tudo estiver funcionando

---

## 🆘 **Suporte**

Se encontrar algum erro:
1. Verifique se todos os scripts SQL foram executados
2. Confirme se os buckets foram criados
3. Teste as credenciais do Supabase
4. Verifique o console do navegador para erros JavaScript

**🎉 Parabéns! Seu sistema está integrado com Supabase e pronto para uso!**