{# templates/form/file_gallery_theme_bs5.html.twig #}
{# 
    Form theme per FileGalleryType - Versione Bootstrap 5
    
    Per usarlo, aggiungi in twig.yaml:
    
    twig:
        form_themes: 
            - 'bootstrap_5_layout.html.twig'
            - 'form/file_gallery_theme_bs5.html.twig'
#}

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

{% block file_gallery_row %}
<div class="mb-3">
    {{ form_label(form) }}
    {{ form_widget(form) }}
    {{ form_errors(form) }}
</div>
{% endblock %}

{% block file_gallery_label %}
<label class="form-label {% if required %}required{% endif %}" for="{{ id }}"{% if label_attr %}{% for k, v in label_attr %} {{ k }}="{{ v }}"{% endfor %}{% endif %}>
    {{ label|trans({}, translation_domain) }}
    {% if required %}<span class="text-danger">*</span>{% endif %}
</label>
{% endblock %}

{% block file_gallery_widget %}
{% apply spaceless %}
<div class="file-gallery-field" 
     data-folder="{{ folder }}" 
     data-web-path="{{ web_path }}"
     data-field-id="{{ id }}"
     data-file-type="{{ file_type }}"
     data-file-filter="{{ file_filter }}"
     data-accept="{{ accept }}">
    
    <div class="file-gallery-field__container">
        {# Preview file #}
        <div class="file-gallery-field__preview" style="width: {{ preview_width }}; height: {{ preview_height }};">
            {% set currentFile = form.selected.vars.value|default(current_file) %}
            {% if currentFile %}
                {% if current_file_is_image %}
                    <img src="{{ web_path }}{{ currentFile }}" 
                         alt="Preview" 
                         class="file-gallery-field__img">
                {% else %}
                    <div class="file-gallery-field__icon-preview">
                        <i class="fas {{ current_file_icon }}" style="color: {{ current_file_color }};"></i>
                        <span class="file-gallery-field__filename" title="{{ currentFile }}">{{ currentFile|length > 20 ? currentFile|slice(0, 17) ~ '...' : currentFile }}</span>
                    </div>
                {% endif %}
            {% else %}
                <div class="file-gallery-field__placeholder">
                    <i class="fas {{ placeholder_icon }}"></i>
                    <span>Nessun file</span>
                </div>
            {% endif %}
        </div>
        
        {# Azioni #}
        <div class="file-gallery-field__actions">
            {% if allow_gallery %}
            <button type="button" class="btn btn-outline-primary btn-sm file-gallery-field__gallery-btn">
                <i class="fas fa-folder-open"></i> {{ gallery_button_label }}
            </button>
            {% endif %}
            
            {% if allow_upload %}
            <div class="file-gallery-field__upload-wrapper">
                <label class="btn btn-outline-secondary btn-sm mb-0">
                    <i class="fas fa-upload"></i> {{ upload_button_label }}
                    {{ form_widget(form.file, {'attr': {'class': 'file-gallery-field__file-input form-control', 'style': 'display:none;', 'accept': accept}}) }}
                </label>
            </div>
            {% endif %}
            
            {% set hasFile = (current_file is not empty) or (form.selected.vars.value is not empty) %}
            
            {% if allow_download and hasFile %}
            <a href="{{ web_path }}{{ currentFile }}" 
               class="btn btn-outline-info btn-sm file-gallery-field__download-btn" 
               target="_blank" 
               download>
                <i class="fas fa-download"></i> {{ download_button_label }}
            </a>
            {% endif %}
            
            <button type="button" 
                    class="btn btn-outline-danger btn-sm file-gallery-field__delete-btn" 
                    {% if not hasFile %}style="display:none;"{% endif %}>
                <i class="fas fa-times"></i> {{ delete_button_label }}
            </button>
        </div>
        
        {# Info file selezionato #}
        <div class="file-gallery-field__info" style="display: none;">
            <small class="text-success"><i class="fas fa-check"></i> <span class="filename"></span></small>
        </div>
    </div>
    
    {# Campo hidden per il valore #}
    {{ form_widget(form.selected, {'attr': {'class': 'file-gallery-field__selected form-control'}}) }}
</div>
{% endapply %}
{% endblock %}