{% if field.value %}
    <div class="attributes-display">
        {% for key, attribute in field.value %}
            <div class="attribute-item">
                <strong>{{ attribute.label }}:</strong>
                <span class="attribute-type badge badge-info">{{ attribute.type }}</span>
                {% if attribute.required %}
                    <span class="badge badge-warning">Requis</span>
                {% endif %}
                {% if attribute.options %}
                    <div class="attribute-options">
                        <small>Options: {{ attribute.options|join(', ') }}</small>
                    </div>
                {% endif %}
            </div>
        {% endfor %}
    </div>
{% else %}
    <span class="text-muted">Aucun attribut</span>
{% endif %}

<style>
.attributes-display {
    max-height: 200px;
    overflow-y: auto;
}
.attribute-item {
    margin-bottom: 8px;
    padding: 4px;
    border-left: 3px solid #007bff;
    padding-left: 8px;
}
.attribute-type {
    margin-left: 8px;
}
.attribute-options {
    margin-top: 4px;
    color: #6c757d;
}
</style>