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

<div class="container">
    <h1>Configurações do E-commerce</h1>

    <form id="config-form" class="card" style="max-width: 800px; margin-top: 2rem;">
        <h2>Informações Básicas</h2>
        
        <div style="margin-bottom: 1rem;">
            <label>Nome da Loja *</label>
            <input type="text" id="store_name" name="store_name" required>
        </div>

        <div style="margin-bottom: 1rem;">
            <label>Descrição da Loja</label>
            <textarea id="store_description" name="store_description" rows="3"></textarea>
        </div>

        <div style="margin-bottom: 1rem;">
            <label>Logo (URL)</label>
            <input type="url" id="logo_url" name="logo_url" placeholder="https://exemplo.com/logo.png">
            <small>URL da imagem do logo da loja</small>
        </div>

        <h2 style="margin-top: 2rem;">Contato</h2>

        <div style="margin-bottom: 1rem;">
            <label>WhatsApp</label>
            <input type="text" id="whatsapp" name="whatsapp" placeholder="5511999999999">
            <small>Número com código do país (ex: 5511999999999)</small>
        </div>

        <div style="margin-bottom: 1rem;">
            <label>E-mail de Contato</label>
            <input type="email" id="email_contato" name="email_contato">
        </div>

        <h2 style="margin-top: 2rem;">Status</h2>

        <div style="margin-bottom: 1rem;">
            <label>
                <input type="checkbox" id="enabled" name="enabled">
                E-commerce Habilitado
            </label>
        </div>

        <div style="margin-top: 2rem;">
            <button type="submit" class="btn">Salvar Configurações</button>
            <a href="/vendas/ecommerce" class="btn btn-secondary">Voltar</a>
        </div>
    </form>
</div>

<script>
document.addEventListener('DOMContentLoaded', async () => {
    const token = localStorage.getItem('auth_token') || getCookie('auth_token');
    const tenantId = getCookie('tenant_id') || 'default';
    
    // Carregar configurações
    try {
        const res = await fetch('/api/ecommerce/config', {
            headers: {
                'Authorization': `Bearer ${token}`,
                'X-Tenant-Id': tenantId
            }
        });
        
        if (res.ok) {
            const { data } = await res.json();
            document.getElementById('store_name').value = data.store_name || '';
            document.getElementById('store_description').value = data.store_description || '';
            document.getElementById('logo_url').value = data.logo_url || '';
            document.getElementById('whatsapp').value = data.whatsapp || '';
            document.getElementById('email_contato').value = data.email_contato || '';
            document.getElementById('enabled').checked = data.enabled !== false;
        }
    } catch (error) {
        console.error('Erro ao carregar configurações:', error);
        alert('Erro ao carregar configurações');
    }
    
    // Salvar configurações
    document.getElementById('config-form').addEventListener('submit', async (e) => {
        e.preventDefault();
        
        const data = {
            store_name: document.getElementById('store_name').value,
            store_description: document.getElementById('store_description').value,
            logo_url: document.getElementById('logo_url').value,
            whatsapp: document.getElementById('whatsapp').value,
            email_contato: document.getElementById('email_contato').value,
            enabled: document.getElementById('enabled').checked
        };
        
        try {
            const res = await fetch('/api/ecommerce/config', {
                method: 'PUT',
                headers: {
                    'Content-Type': 'application/json',
                    'Authorization': `Bearer ${token}`,
                    'X-Tenant-Id': tenantId
                },
                body: JSON.stringify(data)
            });
            
            if (res.ok) {
                alert('Configurações salvas com sucesso!');
            } else {
                const error = await res.json();
                alert('Erro: ' + (error.error?.message || 'Erro ao salvar'));
            }
        } catch (error) {
            console.error('Erro ao salvar:', error);
            alert('Erro ao salvar configurações');
        }
    });
});

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

