{% if uuid is not empty %}
    {% set image = createModel('Image','image').findById(uuid) %}
{% endif %}
<div class="ui {{ class|default('segment fluid w-full') }}" >
    <div class="flex flex-row items-start w-full">
        <div>
            <img class="ui image rounded {{ image_class }}" src="{{ url(image.src) }}">
        </div>
        <div class="flex flex-col">
            <div class="font-bold pl-4">
                {{ labels.image }}
            </div>
            <div class="pl-4 mt-2">
                <table class="ui mini definition table fluid">
                    <tbody>
                        <tr>
                            <td>{{ labels.src }}</td>
                            <td>{{ image.src }}</td>
                        </tr>
                        <tr>
                            <td>{{ labels.thumbnail }}</td>
                            <td>                                
                                <ul class="ui list">
                                {% for thumbnail in image.thumbnails %}
                                    <li>{{ thumbnail.width }}px x  {{ thumbnail.height }}px</li>
                                {% endfor %}
                                </ul>
                            </td>
                        </tr>                       
                    </tbody>
                </table>
                {% if delete_button == true %}
                    <button class="ui icon basic button delete-image-button" 
                        uuid="{{ image.uuid }}" 
                        data-title="{{ image.base_name }}"
                        title="{{ labels.delete }}">
                        <i class="orange icon trash"></i>
                    </button>
                {% endif %}
            </div>                           
        </div>       
    </div>    
</div>