let totalGeral = 0;

function adicionar() {
    //recuperar valores nome, qtd e valor
    let produto = document.getElementById('produto').value;
    let nomeProduto = produto.split('-')[0];
    let valorUnitario = produto.split('R$')[1];
    let quantidade = document.getElementById('quantidade');

    if (quantidade.value < 1) {
        alert('Adicione uma ou mais unidades do produto');
        return;
    };

    let preco = quantidade.value * valorUnitario;

    let carrinho = document.getElementById('lista-produtos')
    if (carrinho.innerHTML.includes('<section class="carrinho__produtos__produto">Sem produtos no carrinho</section>')) {
        let filho = carrinho.querySelector('section.carrinho__produtos__produto');
        if (filho.textContent.trim()==='Sem produtos no carrinho'){
            filho.remove();
        }
    };

    carrinho.innerHTML = carrinho.innerHTML + `<section class="carrinho__produtos__produto"><span class="texto-azul">${quantidade.value}x</span> ${nomeProduto} <span class="texto-azul">R\$${preco}</span></section>`;


    totalGeral = totalGeral + preco;

    let total = document.getElementById('valor-total');
    total.innerHTML = `<span class="texto-azul" id="valor-total">R$${totalGeral}</span>`

};

function limpar() {
    let carrinho = document.getElementById('lista-produtos')

    if (carrinho.textContent.trim() === 'Sem produtos no carrinho') {
        alert('Sem produtos para remover do carrinho');
    } else {
        carrinho.innerHTML = '<section class="carrinho__produtos__produto">Sem produtos no carrinho</section>';
    }
    let quantidade = document.getElementById('quantidade');
    quantidade.value = '';
    totalGeral = 0
    let total = document.getElementById('valor-total');
    total.innerHTML = `<span class="texto-azul" id="valor-total">R$${totalGeral}</span>`;

}

document.addEventListener('DOMContentLoaded', limpar);