{% comment %} {% for image in product_images %}
{% if product_images|length  == 1%}
    {% if forloop.counter == 1%}
    
        <img id="url-img-1"  width="100" height="100"   style="width:100px;height:100px;" src="{{image.PRDIImage.url}}" alt="" />
        <input id="id_image_1"  name="name_image_1" class="form-control" type="file" accept="image/*" />
        <img id="url-img-2"  width="100" height="100"   style="width:100px;height:100px;" src="{% static 'assets-supplier/imgs/theme/upload.svg'%}" alt="" />
        <input id="id_image_2"  name="name_image_2" class="form-control" type="file" accept="image/*" />
        <img id="url-img-3"  width="100" height="100"   style="width:100px;height:100px;" src="{% static 'assets-supplier/imgs/theme/upload.svg'%}" alt="" />
        <input id="id_image_3"  name="name_image_3" class="form-control" type="file" accept="image/*"  />
        <img id="url-img-4"  width="100" height="100"   style="width:100px;height:100px;" src="{% static 'assets-supplier/imgs/theme/upload.svg'%}" alt="" />
        <input id="id_image_4"  name="name_image_4" class="form-control" type="file" accept="image/*"  />
    {%endif%}


{% elif product_images|length  == 2%}
    {% if forloop.counter == 1%}
    <img id="url-img-1"  width="100" height="100"   style="width:100px;height:100px;" src="{{image.PRDIImage.url}}" alt="" />
    <input id="id_image_1"  name="name_image_1" class="form-control" type="file" accept="image/*" />
    {%else%}

    <img id="url-img-2"  width="100" height="100"   style="width:100px;height:100px;" src="{{image.PRDIImage.url}}" alt="" />
    <input id="id_image_2"  name="name_image_2" class="form-control" type="file" accept="image/*" />
    <img id="url-img-3"  width="100" height="100"   style="width:100px;height:100px;" src="{% static 'assets-supplier/imgs/theme/upload.svg'%}" alt="" />
    <input id="id_image_3"  name="name_image_3" class="form-control" type="file" accept="image/*"  />
    <img id="url-img-4"  width="100" height="100"   style="width:100px;height:100px;" src="{% static 'assets-supplier/imgs/theme/upload.svg'%}" alt="" />
    <input id="id_image_4"  name="name_image_4" class="form-control" type="file" accept="image/*"  />
    {%endif%}
    
{% elif product_images|length  == 3%}
    {% if forloop.counter == 1%}
        <img id="url-img-1"  width="100" height="100"   style="width:100px;height:100px;" src="{{image.PRDIImage.url}}" alt="" />
        <input id="id_image_1"  name="name_image_1" class="form-control" type="file" accept="image/*" />
    {% elif forloop.counter == 2%}
        <img id="url-img-2"  width="100" height="100"   style="width:100px;height:100px;" src="{{image.PRDIImage.url}}" alt="" />
        <input id="id_image_2"  name="name_image_2" class="form-control" type="file" accept="image/*" />
    {%else%}    
    
    <img id="url-img-3"  width="100" height="100"   style="width:100px;height:100px;" src="{{image.PRDIImage.url}}" alt="" />
    <input id="id_image_3"  name="name_image_3" class="form-control" type="file" accept="image/*"  />
    <img id="url-img-4"  width="100" height="100"   style="width:100px;height:100px;" src="{% static 'assets-supplier/imgs/theme/upload.svg'%}" alt="" />
    <input id="id_image_4"  name="name_image_4" class="form-control" type="file" accept="image/*"  />
    {%endif%}
{%else%}
        {% if forloop.counter == 1%}
            <img id="url-img-1"  width="100" height="100"   style="width:100px;height:100px;" src="{{image.PRDIImage.url}}" alt="" />
            <input id="id_image_1"  name="name_image_1" class="form-control" type="file" accept="image/*" />
        {% elif forloop.counter == 2%}
            <img id="url-img-2"  width="100" height="100"   style="width:100px;height:100px;" src="{{image.PRDIImage.url}}" alt="" />
            <input id="id_image_2"  name="name_image_2" class="form-control" type="file" accept="image/*" />
        {% elif forloop.counter == 3%}  
        <img id="url-img-3"  width="100" height="100"   style="width:100px;height:100px;" src="{{image.PRDIImage.url}}" alt="" />
        <input id="id_image_3"  name="name_image_3" class="form-control" type="file" accept="image/*"  />
        {%else%}
            <img id="url-img-4"  width="100" height="100"   style="width:100px;height:100px;" src="{{image.PRDIImage.url}}" alt="" />
            <input id="id_image_4"  name="name_image_4" class="form-control" type="file" accept="image/*"  />
        {%endif%} 
{%endif%}
{% empty %}
<img id="url-img-1"  width="100" height="100"   style="width:100px;height:100px;" src="{% static 'assets-supplier/imgs/theme/upload.svg'%}" alt="" />
<input id="id_image_1"  name="name_image_1" class="form-control" type="file" accept="image/*" />
<img id="url-img-2"  width="100" height="100"   style="width:100px;height:100px;" src="{% static 'assets-supplier/imgs/theme/upload.svg'%}" alt="" />
<input id="id_image_2"  name="name_image_2" class="form-control" type="file" accept="image/*" />
<img id="url-img-3"  width="100" height="100"   style="width:100px;height:100px;" src="{% static 'assets-supplier/imgs/theme/upload.svg'%}" alt="" />
<input id="id_image_3"  name="name_image_3" class="form-control" type="file" accept="image/*"  />
<img id="url-img-4"  width="100" height="100"   style="width:100px;height:100px;" src="{% static 'assets-supplier/imgs/theme/upload.svg'%}" alt="" />
<input id="id_image_4"  name="name_image_4" class="form-control" type="file" accept="image/*"  />

{%endfor%} {% endcomment %}