{% set isInWishlist = is_product_in_wishlist(product.id) %}
{% set addText = 'app.ui.product.add_to_list'|trans %}
{% set inText = 'sylius.ui.added_to_list'|trans %}
<div class="variant-buttons">
{% if true == can_add_to_cart(product) %}
{% if true == preview %}
<a href="#" class="hyfindr btn btn--primary" rel="nofollow" role="button">
{{ 'sylius.ui.add_to_cart'|trans }}
</a>
{% else %}
<button type="submit" class="hyfindr btn btn--primary" {{ sylius_test_html_attribute('add-to-cart-button') }}>
{{ 'sylius.ui.add_to_cart'|trans }}
</button>
{% endif %}
{% endif %}
{% if true == preview %}
<a href="#" class="hyfindr btn btn--primary" rel="nofollow" role="button">
{{ addText }}
</a>
{% else %}
<button type="button"
class="hyfindr btn btn--primary"
lang="{{ app.request.locale }}"
data-js-add-to-list
data-js-list-state="{{ isInWishlist ? 'browsing' : 'initial' }}"
data-js-product-id="{{ product.id }}"
data-product-name="{{ product.name }}"
data-add-url="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_add_product', {'productId': product.id}) }}"
data-wishlist-list-url="{{ path('app_ajax_wishlist_list') }}"
{{ sylius_test_html_attribute('wishlist-add-variant') }}>
<span data-js-add-to-list-label>{{ isInWishlist ? inText : addText }}</span>
<span class="menu" data-bb-wishlist-hrefs="hrefs-adding-variant"></span>
</button>
{% endif %}
<a
href="{{ true == preview ? '#' : path('app_shop_product_compare_add_to_compare', {'productId': product.id}) }}" {{ sylius_test_html_attribute('add-to-compare-button') }}
class="hyfindr btn btn--primary"
rel="nofollow"
>
{{ 'app.ui.product.add_to_compare'|trans }}
</a>
</div>