{% set asset = art.asset|default(null) %}
{% set override = art.override|default(null) %}
{% set compact = compact|default(false) %}
{% set preview_url = null %}

{% if asset and asset.previewableImage %}
    {% if override %}
        {% set preview_url = path('app_order_item_artwork_preview', {
            orderId: order.id,
            itemId: item.id,
            overrideId: override.id
        }) %}
    {% elseif item.project %}
        {% set preview_url = path('app_project_artwork_preview', {
            id: item.project.id,
            asset: asset.id
        }) %}
    {% endif %}
{% endif %}

<div class="pod-art-thumb {{ compact ? 'pod-art-thumb--compact' : '' }} {{ preview_url ? 'is-previewable' : 'is-placeholder' }}">
    {% if preview_url %}
        <a class="pod-art-thumb__link" href="{{ preview_url }}" target="_blank" rel="noopener" aria-label="Otwórz podgląd POD ART {{ placement|upper }}: {{ asset.label }}">
            <img
                class="pod-art-thumb__image"
                src="{{ preview_url }}"
                alt="POD ART {{ placement|upper }} — {{ asset.label }}"
                loading="lazy"
            >
            <span class="pod-art-thumb__zoom" aria-hidden="true">
                <span class="pod-art-thumb__zoom-label">{{ placement|upper }} · {{ asset.label }}</span>
                <img src="{{ preview_url }}" alt="">
            </span>
            <span class="pod-art-thumb__hint"><span class="ui-icon" aria-hidden="true">zoom_in</span>Powiększ</span>
        </a>
    {% elseif asset %}
        <span class="pod-art-thumb__placeholder" title="Ten format nie ma miniatury rastrowej">
            <span class="ui-icon" aria-hidden="true">{{ asset.mimeType == 'application/pdf' ? 'picture_as_pdf' : 'description' }}</span>
            <small>{{ asset.extension|upper }}</small>
        </span>
    {% else %}
        <span class="pod-art-thumb__placeholder pod-art-thumb__placeholder--empty">
            <span class="ui-icon" aria-hidden="true">hide_image</span>
            <small>Brak</small>
        </span>
    {% endif %}

    <span class="pod-art-thumb__caption">
        <strong>{{ placement|upper }}</strong>
        <small>{{ asset ? asset.label : 'Brak POD ART-u' }}</small>
    </span>
</div>