<div class="row m-t-25">
<div class="col-md-12">
    <div>
        @foreach (var produto in Model)
        {
            @if (produto.Ativo == 1)
            {

                    <div class="row">
                        <div class="col-md-3">
                            <h4 class="codigoProduto">
                                <strong>@produto.Codigo</strong>
                            </h4>
                            <h4>
                                <small class="descricaoProduto">@produto.Descricao</small>
                            </h4>
                            <h6>
                                <span class="text-muted">R$</span>
                                <strong class="valorProduto">@produto.ValorProduto</strong>
                            </h6>
                            <h6>
                                <span>Total Adicionado:</span>
                                <strong id="@produto.Codigo"></strong>
                            </h6>
                        </div>
                        <div class="col-md-9">
                            <div class="row">
                                <div class="col-md-3" id="geraCarrinho">
                                    <label for="product-codigo" style="float: left;">Quantidade:</label>
                                    <input type="number" name="@produto.Codigo" data-codigo="@produto.Codigo" data-valor="@produto.ValorProduto" class="form-control" id="produtoSelecionado">
                                    <button type="button" class="btn btn-success" style="margin-top:30px;" onclick="adicionaProduto(@produto.Codigo);">Adicionar</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>

            }

        }
        <div id="produtosSelecionados">

        </div>
        <div class="row text-center">
            <div class="col-md-9">
                <h4 class="text-left">
                    Total R$:
                </h4>
                <h4><div class="valorTotal text-left"></div></h4>
            </div>
            <div class="col-md-3">
                <button type="button" class="btn btn-success btn-block" onclick="gravaVenda()">
                    Vender
                </button>
            </div>
        </div>
    </div>
</div>

<script>
function adicionaProduto(nameInput) {

    var input = $("input[name=" + nameInput + "]");

    var codigo = input.data('codigo');

    var valor = input.data('valor');

    var quantidade = input.val();

    var valorTotalParcial = $(".valorTotal").html();

    if (valorTotalParcial != "") {
        var valorTotal = (parseFloat(valor) * parseFloat(quantidade)) + parseFloat(valorTotalParcial);
    } else {
        var valorTotal = parseFloat(valor) * parseFloat(quantidade);
    }

    var quantidadeAdicionadaParcial = $("strong#" + codigo).html();

    if (quantidadeAdicionadaParcial != "") {
        var quantidadeAdicionada = parseFloat(quantidade) + parseFloat(quantidadeAdicionadaParcial);
    } else {
        var quantidadeAdicionada = 1;
    }

    $(".valorTotal").html(valorTotal);
    $("strong#" + codigo).html(quantidadeAdicionada);

};

function gravaVenda() {

}