<div class="modal-body box-products-e">
    <h4 class="modal-title label-cost-delivery">Productos</h4>

    <div class="row row-title">
        <div class="col-xs-8">
            <div class="form-group">
                <label for="product">Seleccionar producto</label>

                <input type="text" data-product="" data-plu="" data-price="" data-id="" id="product"
                    onclick="autocompleteProduct()" onkeyup="resetAttributes()" class="form-control" name="product">
            </div>
        </div>
        <div class="col-xs-2">
            <div class="form-group">
                <label for="unidades_max">Cantidad</label>
                <input type="number" value="1" min="0" step="1" class="form-control" name="quantity" placeholder=""
                    required>
            </div>
        </div>
        <div class="col-xs-2">
            <button type="button" class="btn btn-default btnPlusDir pull-left" onclick="addProduct()" id="add-product">
                <i class="fa fa-plus"></i>
            </button>
        </div>
        {{--<div class="col-xs-2">
                    <button type="button" class="btn btn-success pull-left" style="margin-top:23px;" data-toggle="modal" data-target="#modal-registro-producto">
                        <i style="margin-right:5px;" class="fa fa-plus"></i>Producto
                    </button>
                </div>--}}
    </div>
    <div class="row row-title" id="containerAttributes">

    </div>
    <div class="row row-products">
        <div class="col-xs-4 nameProduct">
            <label class="labelPedido">Nombre</label>
        </div>
        <div class="col-xs-2 pluProduct">
            <label class="labelPedido">Plu</label>
        </div>
        <div class="col-xs-2 quantityProduct">
            <label class="labelPedido">Cantidad</label>
        </div>
        <div class="col-xs-2 priceProduct">
            <label class="labelPedido">Precio unidad</label>
        </div>
    </div>

    <fieldset id="list-products">
    </fieldset>
</div>