{% for product in products %}
    <div class="product_block">
        <div class = "okno2q2" id = "produkt_{{ product.id }}" data-id="{{ product.id }}" data-status=0 >
            <div class = "plus_produkt1"><i class="fa fa-plus-circle" aria-hidden="true"></i></div>
            <div style="height: 244px;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;">
            <img src = "{{ vich_uploader_asset(product, 'imageFile') | imagine_filter('product') }}" class = "css_produkt">
            </div>
            <div class =  "text_brend" id = "title_produkt_{{ product.id }}">{{ product.ident }} - {{ product.name }}</div>
            <div class =  "text_brend">
                {{ product.caseProduct }} PCS <span style = "color:red;">(${{ product.price }})</span>
            </div>
        </div>
        <div class="product_case_block" id="product_case_block_{{ product.id }}">
            case: <input type="text" class="product_case_input" data-id="{{ product.id }}" />
        </div>
    </div>
{% endfor %}