{% extends '@SonataAdmin/CRUD/base_list_field.html.twig' %}

{% block field %}
{% if object is defined %}
    <div style="width:300px; display:flex; justify-content:space-between; flex-wrap:wrap">
        {%  if attribute(object, 'image1') is not empty %}
            <div style="width:150px; height:100px; overflow: hidden"><img alt="" src="/files/preschool/{{ attribute(object, 'image1') }}" style="width: 100%;" /></div>
        {% endif %}
        {%  if attribute(object, 'image2') is not empty %}
            <div style="width:150px; height:100px; overflow: hidden"><img alt="" src="/files/preschool/{{ attribute(object, 'image2') }}" style="width: 100%;" /></div>
        {% endif %}
        {%  if attribute(object, 'image3') is not empty %}
            <div style="width:150px; height:100px; overflow: hidden"><img alt="" src="/files/preschool/{{ attribute(object, 'image3') }}" style="width: 100%;" /></div>
        {% endif %}
        {%  if attribute(object, 'image4') is not empty %}
            <div style="width:150px; height:100px; overflow: hidden"><img alt="" src="/files/preschool/{{ attribute(object, 'image4') }}" style="width: 100%;" /></div>
        {% endif %}
        {%  if attribute(object, 'image5') is not empty %}
            <div style="width:150px; height:100px; overflow: hidden"><img alt="" src="/files/preschool/{{ attribute(object, 'image5') }}" style="width: 100%;" /></div>
        {% endif %}
        {%  if attribute(object, 'image6') is not empty %}
            <div style="width:150px; height:100px; overflow: hidden"><img alt="" src="/files/preschool/{{ attribute(object, 'image6') }}" style="width: 100%;" /></div>
        {% endif %}
    </div>
            
{% endif %}
{% endblock %}