{# templates/form/image_gallery_theme.html.twig #}
{# 
    Form theme per ImageGalleryType
    
    Per usarlo, aggiungi in twig.yaml:
    
    twig:
        form_themes: ['form/image_gallery_theme.html.twig']
    
    Oppure nel singolo template:
    
    {% form_theme form 'form/image_gallery_theme.html.twig' %}
#}

{% use "form_div_layout.html.twig" %}

{% block image_gallery_widget %}
{% spaceless %}
<div class="image-gallery-field" 
     data-folder="{{ folder }}" 
     data-web-path="{{ web_path }}"
     data-field-id="{{ id }}">
    
    <div class="image-gallery-field__container">
        {# Preview immagine #}
        <div class="image-gallery-field__preview" style="width: {{ preview_width }};">
            {% set currentImg = form.selected.vars.value|default(current_image) %}
            {% if currentImg %}
                <img src="{{ web_path }}{{ currentImg }}" 
                     alt="Preview" 
                     class="image-gallery-field__img"
                     style="max-width: {{ preview_width }}; max-height: {{ preview_height }};">
            {% else %}
                <div class="image-gallery-field__placeholder" style="width: {{ preview_width }}; height: {{ preview_height }};">
                    {% if placeholder_image %}
                        <img src="{{ asset(placeholder_image) }}" alt="Placeholder" style="max-width: 100%; max-height: 100%;">
                    {% else %}
                        <i class="fa fa-image fa-3x"></i>
                    {% endif %}
                </div>
            {% endif %}
        </div>
        
        {# Azioni #}
        <div class="image-gallery-field__actions">
            {% if allow_gallery %}
            <button type="button" class="btn btn-outline-primary btn-sm image-gallery-field__gallery-btn">
                <i class="fa fa-folder-open"></i> {{ gallery_button_label }}
            </button>
            {% endif %}
            
            {% if allow_upload %}
            <div class="image-gallery-field__upload-wrapper">
                <label class="btn btn-outline-secondary btn-sm mb-0">
                    <i class="fa fa-upload"></i> {{ upload_button_label }}
                    {{ form_widget(form.file, {'attr': {'class': 'image-gallery-field__file-input', 'style': 'display:none;'}}) }}
                </label>
            </div>
            {% endif %}
            
            {% set hasImage = (current_image is not empty) or (form.selected.vars.value is not empty) %}
            <button type="button" 
                    class="btn btn-outline-danger btn-sm image-gallery-field__delete-btn" 
                    {% if not hasImage %}style="display:none;"{% endif %}>
                <i class="fa fa-times"></i> {{ delete_button_label }}
            </button>
        </div>
        
        {# Info file selezionato #}
        <div class="image-gallery-field__info" style="display: none;">
            <small class="text-success"><i class="fa fa-check"></i> <span class="filename"></span></small>
        </div>
    </div>
    
    {# Campo hidden per il valore #}
    {{ form_widget(form.selected, {'attr': {'class': 'image-gallery-field__selected'}}) }}
</div>
{% endspaceless %}
{% endblock %}