{% if products|length > referenceSelected|length %}
<div class="form-row oneLineProduct " data-id="{{ id }}" id="oneLineProduct-{{ id }}" data-validated="false">
    <div class="form-group col-12 col-md-6">
        <label for="role" >Reference</label>
        <select class="select2 form-control   line-product-reference" name="reference-{{ id }}"   id="reference-{{ id }}"   style="width: 100%;">
            <option value="">Please choice one</option>
            {% for product in products %}
                {% if product.reference not in referenceSelected %}
                    <option  value="{{ product.reference }}" >{{ product.name }}</option>
                {% endif %}
            {% endfor %}
        </select>
    </div>
    <div class="form-group col-12 col-md-4">
        <label for="role" >Qty</label>
        <input class="form-control  line-product-qty"  type="number" name="qty-{{ id }}" id="qty-{{ id }}"  >
    </div>
    <div class="form-group col-md-2 add_del_btn_outer" style="display: flex;place-items: flex-end;">
        <a   data-id="{{ id }}"  class="btn_round btn-success compteurProduct" id="compteur-{{ id }}" >
            {{ id }}
        </a>
        <a id="btnAdd-{{ id }}"  data-id="{{ id }}"   class="btn_round btn_round_add add_node_btn_frm_field" title="Copy or clone this row">
            <i class="fas fa-plus"></i>
        </a>
        <a  data-id="{{ id }}"  class="btn_round btn_round_delete removeLine" >
            <i class="fas fa-trash-alt"></i>
        </a>

    </div>
</div>
{% endif %}