Ashley Makeup — Loja Virtual

// ══ Ashley Makeup — JavaScript (Single Page App) ══

// ── Configuração Supabase ──
const SUPABASE_URL = 'https://seu-projeto.supabase.co';
const SUPABASE_ANON_KEY = 'sua-chave-anon';

// ── Estado Global ──
let products = [];
let cart = [];
let currentUser = null;
let currentCategory = 'todos';

// ── Produtos Padrão (12 itens em 4 categorias) ──
const DEFAULT_PRODUCTS = [
    {
        id: '1',
        name: 'Batom Líquido Matte',
        price: 59.90,
        category: 'maquiagem',
        stock: 50,
        image: 'https://images.unsplash.com/photo-1586495777744-4413f21062fa?w=400',
        description: 'Batom líquido matte de alta duração.',
        color: '#dc2626'
    },
    // ... +11 produtos (maquiagem, skincare, perfumes, kits)
];

// ── Inicialização ──
function init() {
    loadProducts();
    loadCart();
    renderProducts();
    renderCart();
    checkAuth();
    setupEventListeners();
}

// ── Renderizar Produtos com Filtro ──
function renderProducts() {
    const grid = document.getElementById('products-grid');
    const filtered = currentCategory === 'todos'
        ? products
        : products.filter(p => p.category === currentCategory);

    grid.innerHTML = filtered.map(p => `
        <div class="product-card">
            <img src="${p.image}" alt="${p.name}">
            <h4>${p.name}</h4>
            <p class="price">R$ ${p.price.toFixed(2)}</p>
            <button onclick="addToCart('${p.id}')">Adicionar</button>
        </div>
    `).join('');
}

// ── Carrinho ──
function addToCart(productId) {
    const product = products.find(p => p.id === productId);
    const existing = cart.find(item => item.id === productId);

    if (existing) {
        existing.quantity++;
    } else {
        cart.push({ ...product, quantity: 1 });
    }

    saveCart();
    renderCart();
    showToast('✨ Produto adicionado à sacola!');
}

function checkout() {
    if (cart.length === 0) return;

    const orderNumber = 'ASH-' + Date.now().toString(36).toUpperCase();
    const subtotal = cart.reduce((acc, item) => acc + item.price * item.quantity, 0);
    const shipping = subtotal >= 199 ? 0 : 14.90;
    const total = subtotal + shipping;

    // Salva pedido
    const order = {
        id: orderNumber,
        items: [...cart],
        subtotal, shipping, total,
        date: new Date().toISOString(),
        status: 'confirmado'
    };

    saveOrder(order);
    cart = [];
    saveCart();
    renderCart();

    // Notificação WhatsApp
    const msg = `Olá! Pedido ${orderNumber} confirmado!\nTotal: R$ ${total.toFixed(2)}`;
    window.open(`https://wa.me/5511940313138?text=${encodeURIComponent(msg)}`, '_blank');

    showToast(`🎉 Pedido ${orderNumber} confirmado!`);
    triggerConfetti();
}

// ── Painel Admin ──
async function adminLogin(user, pass) {
    const hash = await sha256(pass);
    const stored = localStorage.getItem('admin_hash');
    if (hash === stored) {
        sessionStorage.setItem('admin_session', 'true');
        showAdminDashboard();
    }
}

function showAdminDashboard() {
    // Exibe estatísticas: produtos, pedidos, receita, clientes
    // CRUD de produtos com modal de criação/edição
    // Visualização de pedidos recebidos
}

// ── Utilitários ──
function showToast(msg) { /* Toast notification animado */ }
function triggerConfetti() { /* Confetti ao finalizar pedido */ }
async function sha256(str) { /* Web Crypto API hash */ }

// ── Inicializar na carga da página ──
document.addEventListener('DOMContentLoaded', init);

-- Supabase Schema — Ashley Makeup
-- Tabelas, RLS Policies e Triggers

-- Produtos
CREATE TABLE products (
    id          TEXT PRIMARY KEY,
    name        TEXT NOT NULL,
    price       NUMERIC(10,2) NOT NULL,
    category    TEXT NOT NULL,
    stock       INTEGER DEFAULT 0,
    description TEXT,
    image       TEXT,
    color       TEXT DEFAULT '#ec4899',
    featured    BOOLEAN DEFAULT FALSE,
    created_at  TIMESTAMPTZ DEFAULT now()
);

-- Pedidos
CREATE TABLE orders (
    id         TEXT PRIMARY KEY,
    user_id    UUID REFERENCES auth.users NOT NULL,
    user_email TEXT,
    user_name  TEXT,
    items      JSONB NOT NULL,
    subtotal   NUMERIC(10,2),
    shipping   NUMERIC(10,2),
    total      NUMERIC(10,2),
    status     TEXT DEFAULT 'pendente',
    date       TIMESTAMPTZ DEFAULT now()
);

-- Perfis de usuário
CREATE TABLE profiles (
    id         UUID PRIMARY KEY REFERENCES auth.users ON DELETE CASCADE,
    name       TEXT,
    email      TEXT,
    is_admin   BOOLEAN DEFAULT FALSE,
    created_at TIMESTAMPTZ DEFAULT now()
);

-- 🔒 Row Level Security

ALTER TABLE products ENABLE ROW LEVEL SECURITY;
ALTER TABLE orders  ENABLE ROW LEVEL SECURITY;
ALTER TABLE profiles ENABLE ROW LEVEL SECURITY;

-- Produtos: qualquer um pode ler, só admin pode escrever
CREATE POLICY products_select ON products FOR SELECT USING (TRUE);
CREATE POLICY products_insert ON products FOR INSERT WITH CHECK (
    EXISTS (SELECT 1 FROM profiles WHERE id = auth.uid() AND is_admin = TRUE)
);

-- Pedidos: usuários veem apenas os próprios pedidos
CREATE POLICY orders_select ON orders FOR SELECT USING (user_id = auth.uid());
CREATE POLICY orders_insert ON orders FOR INSERT WITH CHECK (user_id = auth.uid());

-- Trigger: criar perfil automaticamente no cadastro
CREATE FUNCTION handle_new_user()
RETURNS TRIGGER AS $$
BEGIN
    INSERT INTO profiles (id, name, email)
    VALUES (NEW.id, NEW.raw_user_meta_data->>'name', NEW.email);
    RETURN NEW;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

CREATE TRIGGER on_auth_user_created
    AFTER INSERT ON auth.users
    FOR EACH ROW
    EXECUTE FUNCTION handle_new_user();