// ============ CARREGAR CARRINHO DIRETO DO LOCALSTORAGE ============
function carregarCarrinhoPage() {
    console.log('Carregando carrinho (versao simplificada)...');
    var carrinho = JSON.parse(localStorage.getItem('carrinho')) || [];
    var container = document.getElementById('carrinhoContainer');

    if (!container) {
        console.error('Container do carrinho nao encontrado!');
        return;
    }

    if (carrinho.length === 0) {
        container.innerHTML = 
            '<div class="carrinho-vazio">' +
                '<p>Seu carrinho esta vazio</p>' +
                '<a href="home.html" class="btn-ir-para-loja">Continuar comprando</a>' +
            '</div>';
        return;
    }

    // Calcular totais
    var totalItens = 0;
    var subtotal = 0;
    var itensHtml = '';

    carrinho.forEach(function(item, index) {
        var quantidade = item.quantidade || 1;
        var preco = item.preco || 0;
        var itemSubtotal = preco * quantidade;
        totalItens += quantidade;
        subtotal += itemSubtotal;

        var nomeCor = item.cor && item.cor !== 'Padrao' && item.cor !== 'Padrão' 
            ? '<div class="item-cor">Cor: ' + item.cor + '</div>' 
            : '';

        itensHtml += 
            '<div class="carrinho-item" data-id="' + item.id + '" data-index="' + index + '">' +
                '<div class="item-imagem">' +
                    '<img src="assets/imagens/placeholder.jpg" alt="' + item.nome + '" onerror="this.src=\'https://placehold.co/80x80?text=Produto\'">' +
                '</div>' +
                '<div class="item-info">' +
                    '<h3>' + item.nome + '</h3>' +
                    '<div class="item-preco">' + preco.toLocaleString('pt-BR') + ' MZN</div>' +
                    nomeCor +
                '</div>' +
                '<div class="item-quantidade">' +
                    '<button class="btn-qtd btn-diminuir" data-id="' + item.id + '">-</button>' +
                    '<span class="qtd-valor">' + quantidade + '</span>' +
                    '<button class="btn-qtd btn-aumentar" data-id="' + item.id + '">+</button>' +
                '</div>' +
                '<div class="item-subtotal">' + itemSubtotal.toLocaleString('pt-BR') + ' MZN</div>' +
                '<button class="btn-remover" data-id="' + item.id + '">✕</button>' +
            '</div>';
    });

    // Buscar cidade do localStorage
    var cidadeEstimada = localStorage.getItem('cidade_entrega') || 'Maputo/Matola';
    var custoEstimado = parseInt(localStorage.getItem('custo_entrega')) || 0;

    // Calcular frete
    var multiplicador = 1;
    if (totalItens <= 1) multiplicador = 1;
    else if (totalItens <= 3) multiplicador = 1;
    else if (totalItens <= 6) multiplicador = 2;
    else if (totalItens <= 10) multiplicador = 3;
    else multiplicador = 3;

    var totalFrete = multiplicador * custoEstimado;

    var html = 
        '<div class="carrinho-lista">' + itensHtml + '</div>' +
        '<div class="carrinho-resumo">' +
            '<div class="resumo-linha">' +
                '<span>Subtotal (' + totalItens + ' item' + (totalItens > 1 ? 's' : '') + ')</span>' +
                '<span>' + subtotal.toLocaleString('pt-BR') + ' MZN</span>' +
            '</div>' +
            '<div class="resumo-linha">' +
                '<span>Estimativa de frete</span>' +
                '<span style="font-size:14px;color:#6e6e73;">' +
                    cidadeEstimada + (custoEstimado > 0 ? ' (+' + custoEstimado + ' MZN/item)' : ' (Grátis)') +
                '</span>' +
            '</div>';

    if (totalFrete > 0) {
        html += 
            '<div class="resumo-linha frete-detalhe">' +
                '<span>Grupo: ' + multiplicador + 'x ' + custoEstimado + ' MZN</span>' +
                '<span>' + totalFrete.toLocaleString('pt-BR') + ' MZN</span>' +
            '</div>';
    } else {
        html += 
            '<div class="resumo-linha frete-detalhe" style="color:#34c759;">' +
                '<span>Entrega Grátis</span>' +
                '<span>✨ 0 MZN</span>' +
            '</div>';
    }

    html += 
            '<div class="resumo-linha total-linha">' +
                '<span>Total estimado</span>' +
                '<span>' + (subtotal + totalFrete).toLocaleString('pt-BR') + ' MZN</span>' +
            '</div>' +
            '<div style="font-size:13px;color:#6e6e73;padding:8px 0;border-top:1px solid #f0f0f0;">' +
                'O valor do frete sera confirmado no checkout' +
            '</div>' +
            '<a href="checkout.html" class="btn-finalizar">Finalizar Compra</a>' +
        '</div>';

    container.innerHTML = html;
    console.log('Carrinho renderizado com sucesso!');

    // Eventos dos botoes
    document.querySelectorAll('.btn-aumentar').forEach(function(btn) {
        btn.addEventListener('click', function() {
            var id = parseInt(this.dataset.id);
            alterarQuantidadeCarrinho(id, 1);
        });
    });
    document.querySelectorAll('.btn-diminuir').forEach(function(btn) {
        btn.addEventListener('click', function() {
            var id = parseInt(this.dataset.id);
            alterarQuantidadeCarrinho(id, -1);
        });
    });
    document.querySelectorAll('.btn-remover').forEach(function(btn) {
        btn.addEventListener('click', function() {
            var id = parseInt(this.dataset.id);
            removerDoCarrinho(id);
        });
    });
}

// ============ EXPORTAR ============
window.carregarCarrinhoPage = carregarCarrinhoPage;

// Executar quando a pagina carregar
if (document.readyState === 'complete' || document.readyState === 'interactive') {
    carregarCarrinhoPage();
} else {
    document.addEventListener('DOMContentLoaded', carregarCarrinhoPage);
}