{% set package = package('template').createPackage(theme_name) %}
{% set theme = package.getProperties(true) %}
{% set local = service('storage').mountLocal('theme.path',theme.path) %}
{% set path = 'images' ~ DIRECTORY_SEPARATOR %}
{% set files = getDirectoryFiles(path,false,'theme.path') %}
{% if files is not iterable or files|length == 0 %}
<div class="ui message">
    {{ messages.empty }}
</div>
{% endif %}

<button class="ui mini basic icon primary button upload-image" theme="{{ theme_name }}" >
    <i class="icon upload"></i>
</button>  
<div class="ui divider"></div>
<div class="ui list relaxed divided {{ class }}">    
    {% for file in files %}                   
        <div class="item">                                         
            <div class="content">                                                    
                <div class="flex flex-row items-center">
                    <button class="ui mini icon basic compact button help-image-file" 
                        theme="{{ theme_name }}" 
                        title="{{ labels.help }}"
                        file-name="{{ file.basename }}">
                        <i class="icon blue info"></i>
                    </button> 
                   <img 
                        title="{{ file.basename }}"
                        class="ui small image rounded" 
                        src="{{ template_url }}/images/{{ file.basename }}">                                           
                </div>                                                                                                        
            </div>      
        </div>
    {% endfor %}
</div>