{% set img_width  = 200 / 3 %}
{% set img_height = 200  / 3 %}
{% set _remove_product_id = compare_item_id|default(item.id|default(item.model_id|default(''))) %}

<div class="card_product p-2 bg-white flex items-center relative w-[280px]">
    
    <div class="w-20 text-center h-20 max-h-20 flex items-center flex-shrink-0">
        <img class="block mx-auto object-contain max-h-20" width="{{img_width}}" height="{{img_height}}" src="{{item.image_url}}" alt="{{item.name}}">
    </div>
    <div class="pl-1">
        <div id="product_model_{{item.id}}" class="font-semibold text-sm min-h-8 max-w-40">{{item.name}}</div>
        <div class="flex items-center gap-2">
            {% if item.prices.best_price.url_low %}
            <a href="{{item.prices.best_price.url_low}}" target="_blank" rel="nofollow" class="bg-amber-500 text-white rounded-md py-1 px-2 relative min-w-20 text-center">
                {{item.prices.best_price.price}}<small>&euro;</small>
            </a>

            {% elseif item.prices.best_price.is_domination %}
            <a href="{{item.prices.best_price.url}}" target="_blank" rel="nofollow" class="bg-amber-500  flex items-center justify-center text-white rounded-md py-1 px-2 relative text-xs h-8 min-w-20 text-center">
                {{item.prices.best_price.cta}}
            </a>

            {% endif %}
            <a class=" bg-slate-200 flex items-center justify-center  rounded-md h-8 px-2 relative text-xs min-w-20 text-center" href="{{item.remove_url|raw}}" @click.prevent="Alpine.store('productCompare').removeFromCurrentComparison('{{_remove_product_id|raw}}', '{{item.remove_url|raw}}')">
                Rimuovi
            </a>
        </div>
    </div>
</div>
